图标的绘制比较简单,可以使用PS来绘制。今天就来为大家分享使用PS绘制指南图标的过程,希望对大家有所帮助。
最终效果

1、新建800*600像素的文档,绘制一个圆角矩形。

2、对圆角矩形添加图层样式:斜面与浮雕、投影。



3、复制圆角矩形,将图层填充调整为0,添加投影。


4、绘制一个定位的图标形状。

5、放出垂直居中参考线,画一个正圆。

6、使用直接选择工具,选择锚点,垂直下移。


7、再选择锚点,调节曲线片段的杠杆节点,水平向左移动。


8、向下移动顶上的锚点,把圆压扁。


9、已经调节了左边的部分,再绘制一个矩形,对齐垂直居中的参考线,模式选择减去。

10、选择矩形的路径和圆形变形后的路径,合并形状。

11、复制一半形状,水平翻转,移动到右边,选择这两个形状再次合并。

12、复制一层定位形状,放到定位形状下面,并更改颜色。

13、为最下层的立体面添加一个投影。


14、复制立体面,图层的填充调整为0,添加投影。


15、回到图标形状图层,添加图层样式。



16、复制图标主体,将图层填充调整为0,添加内发光


17、设置前景色,绘制一个蓝色椭圆,并添加图层样式:内阴影、渐变叠加。



18、使用椭圆工具绘制下图的圆环,添加图层样式:斜面和浮雕、外发光、投影。




19、再绘制一个椭圆并添加颜色,创建剪贴蒙版,构建白色圆环的立体感,并在属性面板中设置羽化。

20、绘制三角形作为指针,并添加投影。


21、绘制一个矩形,Ctrl+T旋转,并调整颜色,创建剪贴蒙版。

22、白色的指针制作方法同步骤20。

23、绘制一个正圆形,添加颜色与图层样式。



指南图标绘制成功,效果如下:
