Photoshop绘制立体风格的木质音响图标(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

12、然后旋转到合适位置。需要注意的是,旋转的角度一定要能被360整除。

Photoshop绘制立体风格的木质音响图标

13、然后多按几下CTRL+SHIFT+ALT+T,再次变换,外圈音孔。

Photoshop绘制立体风格的木质音响图标

14、自行调节旋转角度,重复步骤,将音孔做完。做到最后的时候,中间会显得比较比较密集,可以将圆心处的小圆直径改为9px。

Photoshop绘制立体风格的木质音响图标

15、音孔做好了,将参考线删掉,接着做旋钮。新建一个椭圆,填充颜色#ebebeb,移动到合适位置,添加图层样式。

Photoshop绘制立体风格的木质音响图标

Photoshop绘制立体风格的木质音响图标

Photoshop绘制立体风格的木质音响图标

16、复制一层“椭圆 3”,CTRL+T变形,按住SHIFT+ALT等比缩放85%,添加图层样式。

Photoshop绘制立体风格的木质音响图标

Photoshop绘制立体风格的木质音响图标

Photoshop绘制立体风格的木质音响图标

17、然后复制一层“椭圆3 拷贝”,将填充透明度改为0,添加内阴影。

Photoshop绘制立体风格的木质音响图标

Photoshop绘制立体风格的木质音响图标

18、右边的旋钮做好了,复制到左边,整个图标就差不多做好了。

Photoshop绘制立体风格的木质音响图标

19、不过如果仔细看,会发现这个图标的木纹还有问题,所以最后来做一下简单的透视。

首先是选择比较亮的木纹,CTRL+T,右键选择“透视”,调整成这个样子。

Photoshop绘制立体风格的木质音响图标

20、然后用同样的办法调整比较暗的木纹。

Photoshop绘制立体风格的木质音响图标

最终效果:

Photoshop绘制立体风格的木质音响图标

 收藏