制作放大镜图标.docVIP

制作放大镜图标 教程难点是镜框及手柄部分的制作。镜框部分稍微复杂一点，有金属框和玻璃，需要分开完成。手柄部分需要用滤镜等做出木质纹理，然后调色，增加高光及暗部即可。 本教程由一网学UI设计培训老师整理。 最终效果 1、新建一个1000 * 700像素，分辨率为72的画布，背景填充黄褐色：#C1AE84。新建一个组，先来制作玻璃镜框部分。在组里新建一个图层，按Ctrl + R 调出标尺，在左侧位置拉两条相交的参照线。然后以参照线的焦点为圆心，用椭圆选框工具，按住Alt + Shift拉出下图所示的正圆选区。 图1 2、用油漆桶把选区填充任意颜色，取消选区后效果如下图。 图2 3、再用椭圆选框工具，同上的方法拉出图3所示的选区，然后按Delete键删除，取消选区后效果如图4。 图3 图4 4、选择菜单：图层 图层样式 内发光，参数设置如图5，点选渐变色，颜色设置如图6。 图5 图6 再来设置斜面和浮雕，参数设置如下图。 图7 5、加好图层样式后的效果如下图。 图8 6、在背景图层上面新建一个组，用椭圆选框工具拉出下图所示的正圆选区，给组添加图层蒙版，如下图。 图9 7、在组里新建一个图层，用钢笔勾出顶部的暗部选区，羽化30个像素后填充暗褐色。 图10 8、新建一个图层，用钢笔勾出顶部高光选区，羽化10个像素后填充淡黄色：#FFF2BB，如下图。 图11 9、新建一个图层，用钢笔勾出底部的高光选区，填充同上的颜色，适当降低图层不透明度，效果如下图。 图12 10、新建一个图层，用椭圆选框工具拉出下图所示的正圆选区，羽化5个像素后填充淡黄色。 图13 11、取消选区后把混合模式改为“滤色”，添加图层蒙版，用黑色画笔擦掉底部区域，效果如图15。 图14 图15 12、在背景图层上面新建一个组，在组里新建一个图层，用矩形选框工具拉出下图所示的矩形选区。 图16 13、选择渐变工具，颜色设置如图17，然后由底部向上拉出图18所示的线性渐变。 图17 图18 14、新建一个图层，用钢笔勾出下图所示的选区，同上的方法加上渐变色，然后锁定图层像素区域，用矩形选框选取前面局部，再加上渐变色，效果如图20。 图19 图20 15、局部增加一点暗部，效果如下图。 图21 16、现在来制作木柄部分，需要完成的效果如下图。 图22 17、新建一个组，用钢笔勾出手柄的轮廓，转为选区后给组添加图层蒙版，然后在组里新建一个图层，填充黑色，再按字母键“D”，把前，背景颜色恢复到默认的黑白，选择菜单：滤镜 渲染 纤维，如图23，确定后按Ctrl + T 把纹理调水平，效果如图24。 图23 图24 18、按Ctrl + J 把纹理图层复制一层，选择菜单：滤镜 模糊 高斯模糊，数值为2，确定后把不透明度改为：50%，效果如下图。 图25 19、按Ctrl + J 把当前图层复制一层，混合模式改为“正片叠底”，不透明度改为：100%，效果如下图。 图26 20、这一步需要自己发挥，调整一下纹理的颜色，调成木板颜色。 图27 21、新建一个图层，给木柄的边缘增加暗部。 图28 22、局部增加一点高光，效果如下图。 图29 最后调整一下细节，增加一点投影，完成最终效果。 【一网学，我的未来我设计】 本文资源来自 一网学 UI设计培训：/peixun/ui.html 一网学-有课堂的远程培训： ____________________________________________________________________________________________