PS设计教程网欢迎你!

Photoshop绘制立体逼真的拟物仪表盘图标(2)

文章来源于 优优教程网,感谢作者 蓝色潜水艇 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2018-11-03
步骤 05 使用钢笔工具、矩形工具及及椭圆工具通过填充、羽化、图层样式设置分别绘制 3 个顶部高光; 顶部第 1 层高光:渐变颜色为 #f3dec2 ,渐变不透明度为 30%~100%~30%,羽化 6px ,混合模式为滤色,不透明度 70%

步骤 05

使用钢笔工具、矩形工具及及椭圆工具通过填充、羽化、图层样式设置分别绘制 3 个顶部高光;

顶部第 1 层高光:渐变颜色为 #f3dec2 ,渐变不透明度为 30%~100%~30%,羽化 6px ,混合模式为滤色,不透明度 70%

Photoshop绘制立体逼真的拟物仪表盘图标

顶部第 2 层高光:宽357px,高30px,圆角 10px ,渐变颜色 #f6ead9,渐变不透明度为 30%~100%~30%,羽化 6.2px ,混合模式为滤色,不透明度 55%

Photoshop绘制立体逼真的拟物仪表盘图标

顶部第 3 层高光:渐变颜色 #f6ead9,渐变不透明度为 100%~30%,羽化 6.2px ,混合模式为滤色,不透明度 40%

Photoshop绘制立体逼真的拟物仪表盘图标

步骤 06

使用钢笔工具绘制上方四条图标纹路(两侧需向内凹陷),镜像得到下方四条纹路,填充黑色,复制一遍纹路图层填充改为0,并给该图层添加样式制作纹路光影;

投影1:颜色 #fffedf,混合模式滤色,不透明度 30% ,角度 90 度,距离 2px

投影2:颜色 #b4b4b4,混合模式滤色,不透明度 10%,角度 -90 度,距离 2px

Photoshop绘制立体逼真的拟物仪表盘图标

步骤 07

回到【图标底】图层,建立蒙版并利用多边形套索工具选中纹路两侧凹槽部分填充黑色(蒙版的黑遮白显)进行遮盖;

Photoshop绘制立体逼真的拟物仪表盘图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa