用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 平面设计教程 > photoshop教程 > Photoshop基础教程 > 文章正文
界面设计教程
iTbulo.COM 2005-3-12 bolinok()
1。 新建一个空白图像,然后把背景填充为灰色。新建一个图层,改名为body,用elliptical marquee tool画一个圆,见下图,


此主题相关图片如下:


2。 然后,再用elliptical marquee tool画个小圆,按delete,见下图。


此主题相关图片如下:
按此在新窗口浏览图片


3。按住Ctrl键,用鼠标左键点击body图层,出现选区。然后,Select-Save Selection,保存选区。用elliptical marquee tool画一个选区,见下图。



此主题相关图片如下:
按此在新窗口浏览图片


4。按delete键删除,然后把选区向下移,逐个删除。见下图。



此主题相关图片如下:
按此在新窗口浏览图片


5。双击body图层,选择下图里箭头所指的style。



此主题相关图片如下:
按此在新窗口浏览图片


6。修改layer style里面的设置,加一个Drop Shadow,Drop Shadow里的设置见下图。



此主题相关图片如下:
按此在新窗口浏览图片


7。然后把Bevel and Emboss里的Size改为24。见下图。



此主题相关图片如下:
按此在新窗口浏览图片


8。现在你的图象看起来应该是下图这个样子。



此主题相关图片如下:
按此在新窗口浏览图片


9。新建一个图层,改名为Line,放到body图层的下面,Select-Load Selection,然后,Select-Modify-Contract,用5个pixel。按D键重新设置颜色。Edit-Stroke,用1个pixel,Center,点击OK。然后,双击line图层,加一个Drop Shadow的layer style。设置如下:



此主题相关图片如下:
按此在新窗口浏览图片


10。激活body图层,Ctrl+鼠标左键点击body图层,这时出现选区。然后,Edit-Copy Merged (Shift+Ctrl+C),Ctrl+V复制。 把新复制的图层改名为body 2。Ctrl+鼠标左键点击body 2图层,出现选区,Select-Modify-Contract,用10个pixel。然后,Ctrl+Shift+I 反选,按Delete键。按完Delete键以后,图象看起来似乎没什么变化。别急,现在双击body 2图层,加一个Bevel and Emboss的layer style。设置如下:



此主题相关图片如下:
按此在新窗口浏览图片


11。用rectangular marquee tool 画一个选区。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


12。画完选区后,按Delete键,然后,用键盘上的移动键向上按16下,再按Delete键,依此类推。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


13。新建一个图层,改名为三角。放在line图层的下面。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


14。用elliptical marquee tool画一个选区,用#595959,填充。然后,再用elliptical marquee tool 画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


15。按Delete键,取消选区。再用elliptical marquee tool 画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


16。按Delete键。取消选区。然后,双击三角图层,加上Drop Shadow 和 Bevel and Emboss 的layer style,设置和第6步,第7步相同。效果如下图:



此主题相关图片如下:
按此在新窗口浏览图片


17。加上四个小圆点,圆点的制作过程省略。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


18。新建一个图层,改名为部件1,放在三角图层的下面。然后,画一个圆的选区,用#636466填充。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


19。再画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


20。Ctrl+Shift+I 反选,按Delete键,取消选区。再画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


21。按Delete键,取消选区。然后,双击部件1 图层,加上一个Gradien Overlay,Bevel and Emboss 和 Drop Shadow 的layer style,Drop Shadow 的设置可以根据你的需要。Gradien Overlay 和 Bevel and Emboss 的设置见下图:



此主题相关图片如下:
按此在新窗口浏览图片



此主题相关图片如下:
按此在新窗口浏览图片


22。Ctrl+J 复制部件1 图层,把新复制的图层改名为部件2,移动到下图的位置:



此主题相关图片如下:
按此在新窗口浏览图片


23。新建一个图层,放在部件1 的下面,改名为圆圈1 。画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


24。然后,Edit-Stroke,9个pixel,center,颜色用#484849,不要取消选区。再新建一个图层,放在圆圈1 图层的上面,改名为圆圈2,Edit-Stroke,5个pixel,inside,颜色用#676767。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


25。双击圆圈2 图层,加一个Bevel and Emboss 的layer style,设置见下图:(你也可以加些别的效果,比如 color overlay,gradient overlay,最主要是达到最佳效果)



此主题相关图片如下:
按此在新窗口浏览图片


26。双击圆圈1 图层,加个 Bevel and Emboss 的layer style,设置如下:



此主题相关图片如下:
按此在新窗口浏览图片


27。现在,你的layer面板里的顺序应是这样的:



此主题相关图片如下:
按此在新窗口浏览图片


28。激活圆圈1 图层,画一个选区,见下图:



此主题相关图片如下:
按此在新窗口浏览图片


29。按Delete键。再把选区移动到下面,按Delete键。见下图:



此主题相关图片如下:
按此在新窗口浏览图片


30。取消选区。完工。你可以再加些文字,修改下背景什么的。



此主题相关图片如下:

文章搜索
相关资讯
相关文章 相关下载
论视觉传达设计的创新
浅析产品设计形态的“实践美学”要素
对当代设计产业的再思考:商业化浪潮下的设计
美术设计基础简介:画面构成
skinsfactory新作IRADIO
焦点信息