来源:网络 作者:杨洋-XHM
去年做的拟物图标临摹练习。做总结的时候看到这个作品，感觉光影依然非常漂亮。索性就把uimaker.com/uimakerhtml/uistudy/">教程重新规范化写一遍，拿来跟大家分享。
效果图：
练习重点：
这次练习主要练习光影、颜色对形体、空间的塑造，对这块运用不熟练的小伙伴，值得动手练习一下。
整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分，每个部分在完成以后都进行了编组，所以你们要注意图层分组。
我们首先从背景层开始。
步骤一：
打开你的Adobe Photoshop，创建一个新文档。
宽度：400 px
高度：300 px
分辨率：72 px
制作拟物图标背景：
温馨提示：这主要是用渐变工具(G)，整体扯出差不多的效果过就可以啦。
底层渐变：径向 – #ededed~#b1adaa
近景亮色：线性 – #e1e0df~#b1adaa
步骤二：
制作【风扇机身】：
温馨提示：用圆角矩形工具(U)，该图层命名为【风扇机身】，颜色填充#e2e1e0。
宽度：180 px
高度：180 px
半径：8 px
赋予【风扇机身】光感，制造体积感：
温馨提示：用图层样式时，尽量都【不要使用全局光】，因为使用后，在添加相同样式，制作不同角度的效果时，会有影响。
图层样式：内阴影 模式：滤色 颜色：#b4785a 不透明度：75% 角度：90° 距离：5px 大小：5px
图层样式：内阴影 模式：正片叠底 颜色：#8f8696 不透明度：76% 角度：-52° 距离：4px 大小：5px
图层样式：渐变叠加 模式：正常 样式：线性 颜色：#b4b6bb ~ #f2eee9 角度：103°
图层样式：投影 模式：正片叠底 颜色：#22272a 不透明度：20% 角度：90° 距离：2px 大小：2px
步骤三：
制作电扇【圆形扇框】：
温馨提示：用 椭圆工具 (U)，该图层命名为【圆形扇框】，颜色填充#e2e1e0。
宽度：138 px
高度：138 px
赋予【圆形扇框】光感，制造体积感：
