[教程]Photoshop制作放大缩小网页图标 [复制链接]

本教程学习如何用photoshop的钢笔、圆角矩形和图层样式制作放大缩小图标，效果类似放大镜，下面让我们一起来学习。
先看效果图。

新建文档1280x1024像素，背景白色，建新层，画一正圆选区，填充#c6c6c6。

复制一层，缩小一些，颜色改为黑色。

添加图层样式。

建新层，画一正圆选区，填充#9aa6af。

复制此层，添加图层样式。


效果如下。

调出此层选区，建新层，填充白色，去掉选区，用椭圆工具做如下选区，添加蒙版。

图层不透明度改为38%，建新层，画2个圆角矩形，颜色#07387a，位置中心对齐。

放大镜的表盘制作完成，下面制作手柄，建新层，用钢笔画下图所示形状，填充黑色。
[img]http://www.missyuan.net/uploads/allimg/110315/1521404540-10.jpg[/img]
添加图层样式。
[img]http://www.missyuan.net/uploads/allimg/110315/1521401954-11.jpg[/img]
同样方法制作另一个金属部分，效果如下。
[img]http://www.missyuan.net/uploads/allimg/110315/152140N53-12.jpg[/img]
建新层，用钢笔画出手柄形状，填充黑色。
[img]http://www.missyuan.net/uploads/allimg/110315/152140Ja-13.jpg[/img]
添加图层样式。
[img]http://www.missyuan.net/uploads/allimg/110315/1521401206-14.jpg[/img]
效果如下。
[img]http://www.missyuan.net/uploads/allimg/110315/1521403L8-15.jpg[/img]
建新层，用钢笔画出高光区域，填充#a5a5a5。
[img]http://www.missyuan.net/uploads/allimg/110315/1521406394-16.jpg[/img]
添加一个阴影，效果如下。
[img]http://www.missyuan.net/uploads/allimg/110315/15214062K-17.jpg[/img]
同样方法制作出缩小图标，最终效果如下。
[img]http://www.missyuan.net/uploads/allimg/110315/1521402O8-0.jpg[/img]

很实用的工具 谢谢了

制作很精致