使用Photoshop制作漂亮的图标流程解析.doc

使用Photoshop制作漂亮的图标流程解析导言：看到效果图，蛮以为一个小图标应该很容易就能搞定没想到需要这么多步骤。细节，细节，还是细节！切记！OK，开始我们这次的教程先上效果图：老规矩，看到效果图：分析!分析！再分析！我们将怎么完成这个图标的制作呢？经观察得：一：背景制作（灰白色，加一条高光线）这步应该比较简单。二：图标的雏形（关键地方，颜色的搭配漂亮，因为给你第一感觉就是色彩。高光，浮雕，影子等细节的制作，看上去很立体就是这些因素造成的啦！）三：邮件图标的添加（这个跟第二步类似）四：文字的添加（关键点，文字排版，图层样式的设置。）这都是我自己主观的分析。嘿嘿，仅供参考我觉得最关键的就是：色彩的搭配了，图标影调的分布！准备素材：字体下载第一步：新建一个文档200200px背景色：白分辨率：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第五步：新建图层，画“信封”图标了选择矩形选取工具，画出如下图矩形。（图18）图18重命名为“envelope”（信封）注意步骤：图层样式的设置投 影：（图19）图19外发光：（图20）图20描边：（图21）图21注意颜色的选择！最终效果：（图22）图22第六步：新建一层，继续制作信封的图标按U选择多边形工具。（图23）图23设置如下：（图24）图24画出一个三 角形如下图。使用自由变换工具调整位置，大小。（图25）图25图层样式设置投影：（图26）图26内阴影：（图27）图27渐变叠加：（图28）图28描边：（图29）图29最终效果：（图30）图30复制一层Ctrl+T自由变换，选择垂直翻转并调节大小：（图31、32）图31图32记得把这复制的小三角形的图层选项：描边去掉！在大三角和小三角形中间新建一层做一个小圆选区我们使用笔刷画一下大三角形投影到小三角形上的阴影。（图33）图33记得使用模糊和调整图层透明度来使阴影柔和效果：（图34）图34第七步：添加文字：“Contact Me”（联系我）（图35）最上面提供了字体下载图35小注意下颜色深红色看上去会有点“下陷”的感觉也方便我们加上图层样式后看上去更真实内阴影：（图36）图36渐变叠加：（图37）图37描边：（图38）图38等等，最后一个小技巧，看到描边的颜色选择吗？（图39）图39对，选择的颜 色比按