您的位置:首页 > 图文教程 > 教你用Photoshop设计非常清爽的指南图标 返回首页

教你用Photoshop设计非常清爽的指南图标

时间:2016-07-29 10:10:11  作者:彭老师

作者制作图标非常细腻,基本上都是用形状,路径工具做出轮廓,再用图层样式增加效果。难点是图形部分的绘制,要能精准画出想要的图形。

 

最终效果

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

1、新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8e8e8。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

2、为这个圆角矩形添加一个图层样式。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

3、复制一层圆角矩形,将图层的填充更改为0,添加一个投影样式。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

4、接下来,我们画出定位的那个图标的形状来,颜色#97d601。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

5、这个形状,可能好多人会用圆加矩形去拼接,这里我讲一下我用的方法。先把垂直居中参考线标注出来,画一个正圆。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

6、使用直接选择工具,选择住图中红圈的锚点,垂直下移一定的像素。

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

教你用Photoshop设计非常清爽的指南图标_软件自学网

 

[1] [2] [3] [4] [5] [6]下一页   
上一个教程:教你用PS设计精致的闪电天气图标
下一个教程:PS制作一个简洁的复古播放器图标