Photoshop结合AI制作卡式播放器图表(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:辣椒盐焗虾

关键词

接下来绘制卡带的齿孔,不限定特定大小,绘制完成后根据具体空间缩放扭曲到合适大小即可。

创建一个最外圆,66Px,填色0c2534,66Px大小,创建一个小一点的第二圆,55PX,填色000000, 创建第三圆利用布尔运算制作齿孔圈,50PX,填色79a5c8。创作6个5x7px的矩形,适当扭曲调整作为磁带孔齿;最后创建两个圆作为中心轴, 分别为25和20Px,填色091016。

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

复制该组磁带齿,分别命名为磁带齿1和磁带齿2,一起移到磁带中空位置,对该中空底层图层创建剪贴蒙板,然后扭曲调整至契合中空位置。

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

对两组磁带齿添加光影。

复制最外圆 ,填色000000,双击进入智能对象编辑区,添加渐变叠加,保存后,对智能对象图层添加外发光。然后对该复制图层添加蒙版,进行适当擦除。

渐变叠加参数:

填色:000000,0c2635,0c2635,000000,000000,0c2635,0c2635,000000,000000,000000

位置:0%,6%,15%,26%,45%,57%,63%,75%,79%,100%

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

用钢笔对齿环形状进行勾勒,稍微调整位置与下层形成位置差制作出厚度感。新建图层为齿环添加一些暗部。

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

对齿孔中心轴添加光影:

轴内圈:

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

轴外圈:

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

Photoshop结合AI制作卡式播放器图表,PS教程,思缘教程网

 收藏