文档介绍:使用 Photoshop 制作漂亮的图标流程解析导言: 看到效果图,蛮以为一个小图标应该很容易就能搞定没想到需要这么多步骤。细节,细节,还是细节!切记! OK ,开始我们这次的教程先上效果图: 老规矩,看到效果图:分析! 分析!再分析!我们将怎么完成这个图标的制作呢? 经观察得: 一:背景制作(灰白色,加一条高光线) 这步应该比较简单。二:图标的雏形(关键地方,颜色的搭配漂亮,因为给你第一感觉就是色彩。高光,浮雕,影子等细节的制作,看上去很立体就是这些因素造成的啦!) 三:邮件图标的添加(这个跟第二步类似) 四:文字的添加(关键点,文字排版,图层样式的设置。) 这都是我自己主观的分析。嘿嘿,仅供参考我觉得最关键的就是: 色彩的搭配了,图标影调的分布! 准备素材: 字体下载第一步: 新建一个文档 200 × 200px 背景色:白分辨率: 72dpi 现在给按钮做辅助线, Ctrl+R 显示辅助线在尺寸区域里面按住鼠标左键,把拽辅助线拉下来。(图 01) 图 01 按快捷键: Ctrl+Alt+C ,打开调整画布大小的窗口。设置如下:(图 02) 图 02 (画布扩大区域颜色的选则,窗口最下面的那个选项) 下面是效果图:(图 03) 第二步: 制作背景作者使用的是灰白色的渐变: #f2f2f2 —#c5c5c5 。(图 04) 图 04 注意这步小技巧: 作者在背景上新建一层空白图层命名为“ backlight ”,使用小笔刷在背景中间和顶部分别画一个小光圈。(图 05) 图 05 调整这层大小:(图 06) 图 06 这步干嘛用的呢? OK, 我们的背景搞定! 第三步: 新建一层按U ,选择圆角矩形工具,羽化值: 10 。(图 07) 图 07 重命名为“ button bg”关键部分:图层样式的设置投影: (图 08) 图 08 渐变叠加: (图 09) 图 09 描边: (图 10) 图 10 效果: (图 11) 图 11 第四步: 关键:高光和阴影的制作在按钮下面添加一层使用矩形选取工具画个阴影:(图 12) 图 12 重命名为: “ shadow ”影子太生硬了,必须模糊一下。滤镜—高斯模糊— 13 。(图 13) 图 13 按快捷键 Ctrl+T 调整阴影大小,位置。不透明度 30% 。(图 14) 图 14 在按钮图层上面,新添加一层并命名“ Highlight ”(高光) 设置图层混合模式为: 叠加选择白色笔刷,在按钮上部单击一下。(图 15) 图 15 效果还不是很满意,复制一层混合模式改回“正常”按 Ctrl+T 改变大小和位置。(图 16) 图 16 效果: 图 17 第五步: