分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS使用形状工具绘制立体齿轮图标

icon图标 学UI设计 1439次浏览 0个评论

图标效果

PS使用形状工具绘制立体齿轮图标

1.新建512*512画布,分别拉一条水平和垂直居中的参考线

PS使用形状工具绘制立体齿轮图标

2.画一个竖向的矩形

PS使用形状工具绘制立体齿轮图标

3.在矩形顶端的两个锚点各向中间移动,并将顶部修饰为弧形

PS使用形状工具绘制立体齿轮图标

4.用变换工具,画出其余的11个角度

PS使用形状工具绘制立体齿轮图标
5.形状工具选择椭圆,画一个正圆切掉中间的部分

PS使用形状工具绘制立体齿轮图标
6.再用椭圆工具画中间更小的圆

PS使用形状工具绘制立体齿轮图标
7.重复5和6步骤至以下形状,并命名为设置

PS使用形状工具绘制立体齿轮图标

8.对设置图层添加图层样式,选择内发光和渐变叠加样式,参数如下

PS使用形状工具绘制立体齿轮图标
PS使用形状工具绘制立体齿轮图标
PS使用形状工具绘制立体齿轮图标

9.ctrl+J将设置复制一层,命名为设置暗部,颜色改为更深的色调,并移动到设置的下面,用方向键将设置暗部 往下移动4个像素

PS使用形状工具绘制立体齿轮图标
10.重复9步骤,多复制和移动几个设置暗部,如下图示

PS使用形状工具绘制立体齿轮图标
11.用钢笔工具画出亮面和更多的暗部

PS使用形状工具绘制立体齿轮图标
12.画出大面积的亮面,大功告成~

PS使用形状工具绘制立体齿轮图标


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!