PS鼠绘 制作一个逼真的立体仪表APP图标

步骤 12

同样使用椭圆工具矩形工具通过布尔运算制作中间环形的上、下半边，给图层添加图层样式;

【上半环2】

内阴影：混合模式滤色，颜色#e4f4fe，不透明度90，角度-90，距离1px，大小1px

【下半环2】

内阴影1：混合模式变暗，颜色#160a00，不透明度66%，角度-90，距离7px，大小5px

内阴影2：混合模式滤色，颜色#e65b00，角度90，距离1px，大小1px

步骤 13

使用矩形工具和多边形工具绘制表盘刻度，旋转调整放置合适位置，给相应图层添加图层样式;

【蓝色部分刻度】

填充颜色#effefd，描边#ffffff，1px

描边：大小1px，位置外部，不透明度80%，颜色#add4e5

【白色矩形3】

填充颜色#f9f1eb

投影：混合模式正片叠底，颜色#3b1400，角度90，距离1px，大小1px

【深棕色部分刻度】

填充#a48371，描边#f2dfd2，大小1px

描边：大小1px，位置外部，不透明度60%，颜色#200a00

【大三角形指针】

填充颜色#542e23，描边渐变#542e23~#cb9b75

描边：大小1px，位置外部，不透明度60%，颜色#200a00

投影：混合模式正片叠底，颜色#271000，不透明度40%，角度-90，距离7px，大小13px

步骤 14

使用椭圆工具制作一个阴影叠加，填充改为0%;

直径234px

内阴影1：混合模式正片叠底，颜色#034573，不透明度70%，角度90，距离7px，大小3px

内阴影2：混合模式正片叠底，颜色#160a00，不透明度80%，角度-90，距离8px，大小10px

步骤 15

使用椭圆工具制作仪表盘的中间圆圈，填充颜色区分上下部分并添加图层样式，使用矩形工具制作总监白色横条，添加图层样式如图

【中间圆圈】

直径190px，渐变#381400~#544238#cae7fa~#8fc4e6(48%处有两个色标)

内阴影1：混合模式正片叠底，颜色#1870ad，不透明度70%，角度90，距离6px，大小10px

内阴影2：混合模式正片叠底，颜色#391c03，不透明度70%，角度-90，距离6px，大小10px

内发光：混合模式滤色，不透明度20%，颜色#ff8d36，方法柔和，大小40px，范围50%

【白色矩形】宽190px，高3px，填充#fdf9f2

投影：混合模式正片叠底，颜色#3b1400，不透明度50%，角度90，距离1px，大小1px

步骤 16

使用文字工具和矩形工具绘制表盘上的数字及横线内容，添加图层样式如图所示

【蓝色区域横线】

宽79px，高5px，圆角2.5px

【蓝色区域数字】

字体Rodowel Condensed，大小18点，颜色#f5f7fc

描边1px，位置外部，不透明度80，颜色#add2e5

【棕色区域横线】

宽80px，高5px，圆角2.5px，填充#c99d7d，描边#f5ccae

【棕色区域数字】

字体Rodowel Condensed，大小18点，颜色#f3dac8

描边1px，位置外部，不透明度60，颜色#432506

步骤 17

使用多边形工具通过布尔运算制作上方黄色三角形，添加图层样式，使用矩形工具和钢笔工具制作中间黄色横杠，添加图层样式;

【黄色三角形】

渐变#e57100~#ffcf4f

外发光：混合模式叠加，不透明度60%，#054656，大小1px，范围50%

投影：混合模式正片叠底，颜色#364252，不透明度50%，角度90，距离2px，扩展1%，大小1px

【黄色横杠】

渐变#ca5400~#f56701~#fb9101，位置0%~24%~100%

投影1：混合模式滤色，颜色#edba6a，角度-90，不透明度50，距离1px，扩展1%，大小1px

投影2：混合模式正片叠底，颜色#5c2500，角度90，距离1px，扩展1%，大小1px

步骤 18

使用椭圆工具给中间圆圈再加一层阴影效果，结合布尔运算和蒙版给外圈加一层反光效果;

【阴影】

直径190px

内发光：混合模式正片叠底，颜色#000000，大小10px，范围50%

【底部光影】

直径290px

渐变：颜色#ffffff，不透明度100%~100%~0%，位置0%~70%~100%

步骤 19

使用椭圆工具再结合布尔运算或蒙版分别一一制作仪表盘的高光、反光;

【上方反光】混合模式滤色，不透明度80%

【中间光圈】混合模式滤色，不透明度60%

【上高光】混合模式柔光

【两侧反光】混合模式滤色，不透明度90%

【两侧高光】混合模式滤色，不透明度95%

【下高光】混合模式滤色，不透明度90%

【光影边缘线】混合模式柔光，不透明度60%

步骤 20

使用椭圆工具和钢笔工具绘制螺丝底部和光影范围，使用矩形工具绘制螺丝的十字凹槽，并添加图层样式。上方螺丝做完一个再复制一个，下方同理制作一个然后复制。

【螺丝底部圆圈】

直径30px

填充颜色#fffbf6，描边大小1px，描边颜色#030000，描边不透明度100%~30%

投影：混合模式正片叠底，颜色#100f0f，不透明度60%，角度90°，距离1px，大小1px

【螺丝光影形状】

用钢笔工具勾勒光影范围(直接椭圆工具画圆也可以)

填充颜色#776c66，描边大小1px，描边颜色#574b46~#cab7b0，不透明度100%~20%

渐变叠加：混合模式滤色，不透明度100%，渐变颜色#000000~#ffffff，不透明度100%，样式径向，角度90°，缩放150%

【竖向圆角矩形】

宽4px，高20 px，圆角大小2 px

填充渐变颜色#000000~#ffffff，不透明度100%

内阴影：混合模式正片叠底，颜色#020202，不透明度100%，角度90°，距离2 px，大小1 px

外发光：混合模式滤色，颜色#ffffff，不透明度40%，大小1 px

【横向圆角矩形】

宽5 px，高20 px，圆角大小2 px

填充颜色#000000，描边大小1 px，描边颜色#b4aaa0~#e7dbdb，不透明度100%

外发光：混合模式滤色，颜色#ffffff，不透明度100%，杂色3 %，大小1 px

步骤 21

使用矩形工具并添加效果制作图标投影，回到纹路光影图层通过蒙版对纹路受光处和阴影处的高光效果进行减淡;

底部阴影1

宽385px，高352px，渐变#403b41~#76716d，羽化9px

底部阴影2

宽384px，高408px，圆角90px，颜色#626262，羽化2px

步骤 22

ctrl+shift+alt+e 盖印图层，右键将该图层转为智能对象，点击滤镜窗口进行添加杂色，数量1px，平均分布，并利用蒙版遮住该效果对中间圆盘的影响。

这样，一个仪表盘就做好啦。

最终效果：

最新评论