先看看效果图:
教程步骤—
步骤 01
新建文档,大小 800*600px ,使用渐变工具填充画布,渐变数值 #ffffff~#c3c3c3
步骤 05
使用钢笔工具、矩形工具及及椭圆工具通过填充、羽化、图层样式设置分别绘制 3 个顶部高光;
顶部第 1 层高光:渐变颜色为 #f3dec2 ,渐变不透明度为 30%~100%~30%,羽化 6px ,混合模式为滤色,不透明度 70%
顶部第 2 层高光:宽357px,高30px,圆角 10px ,渐变颜色 #f6ead9,渐变不透明度为 30%~100%~30%,羽化 6.2px ,混合模式为滤色,不透明度 55%
步骤 08
使用椭圆工具绘制圆盘底部,直径 320px ,描边 1px,添加图层样式如图
填充渐变:颜色 #b1a590~785f4b
描边渐变:颜色 #050505~#050505~#ffffff,不透明度 #100%~50%~70%,位置 0%~38%~100%
投影:混合模式正片叠底,颜色 #100f0f,角度 90,距离 10px,大小 15px,不透明度70%
内阴影:混合模式滤色,颜色 #f7f73,不透明度 40%,角度 90,距离 4px,阻塞 4%,大小 4px
内发光:混合模式滤色,颜色 #f6eee2,不透明度 10%,方法柔和,大小 10px,范围 50%
步骤 09
使用椭圆工具制作一个【圆圈黑边】图层,再通过椭圆工具矩形工具利用布尔运算制作一个【上半环1】图层,给该图层添加图层样式;
外圆直径 290px,内圆直径 234px
【上半环1】填充颜色 #a3c8d0
内阴影 1:混合模式正片叠底,颜色 #012649,不透明度50%,角度-90,距离3px,大小3px
内阴影 2:混合模式滤色,颜色#ddf7fd,角度90,距离5px,大小4px
步骤 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
步骤 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%
步骤 21
使用矩形工具并添加效果制作图标投影,回到纹路光影图层通过蒙版对纹路受光处和阴影处的高光效果进行减淡;
底部阴影1
宽385px,高352px,渐变#403b41~#76716d,羽化9px
底部阴影2
宽384px,高408px,圆角90px,颜色#626262,羽化2px
步骤 22
ctrl+shift+alt+e 盖印图层,右键将该图层转为智能对象,点击滤镜窗口进行添加杂色,数量1px,平均分布,并利用蒙版遮住该效果对中间圆盘的影响。
这样,一个仪表盘就做好啦。