Photoshop使用形状工具制作立体齿轮图标
时间:2021-07-01 10:21:17
帮助过:42人阅读
本教程主要使用Photoshop设计绿色质感的立体齿轮图标,主要使用形状工具先画出齿轮的形状,然后在使用图层样式来完成效果,喜欢的朋友一起来学习吧
图标效果
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/86ce87a41f722c1f65a9942d8e0196d7-0.jpg)
1.新建512*512画布,分别拉一条水平和垂直居中的参考线
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/fc178bafcb109c64d3fe38d10b7344cb-1.jpg)
2.画一个竖向的矩形
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/fc178bafcb109c64d3fe38d10b7344cb-2.jpg)
3.在矩形顶端的两个锚点各向中间移动,并将顶部修饰为弧形
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/fc178bafcb109c64d3fe38d10b7344cb-3.jpg)
4.用变换工具,画出其余的11个角度
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/2595087e5474ce248d7ebf7e449c038d-4.jpg)
5.形状工具选择椭圆,画一个正圆切掉中间的部分
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/2595087e5474ce248d7ebf7e449c038d-5.jpg)
6.再用椭圆工具画中间更小的圆
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a28f12dc30671d6b9ab11fac8c8661b3-6.jpg)
7.重复5和6步骤至以下形状,并命名为设置
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a28f12dc30671d6b9ab11fac8c8661b3-7.jpg)
8.对设置图层添加图层样式,选择内发光和渐变叠加样式,参数如下
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/3e1de2efe3d7ab87aad14cad6a6b2b61-8.jpg)
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/3e1de2efe3d7ab87aad14cad6a6b2b61-9.jpg)
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6078b7ce872b33292c4df9eccf1efdda-10.jpg)
9.ctrl+J将设置复制一层,命名为设置暗部,颜色改为更深的色调,并移动到设置的下面,用方向键将设置暗部 往下移动4个像素
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6078b7ce872b33292c4df9eccf1efdda-11.jpg)
10.重复9步骤,多复制和移动几个设置暗部,如下图示
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6078b7ce872b33292c4df9eccf1efdda-12.jpg)
11.用钢笔工具画出亮面和更多的暗部
![Photoshop使用形状工具制作立体齿轮图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/a52f80cd85824db2a67ab3b1549a7b07-13.jpg)
12.画出大面积的亮面,大功告成~