Photoshop实例教程：制作可爱的铅笔图标

UI设计教程安卓版(最系统的UI教程) v1.5.2 手机版 35.46M / 简体中文

点击下载

PS设计达人v1.4.0 60.09M / 简体中文

点击下载

小A教程安卓官方版(iApp学习教学) v1.3 正式版 23.08M / 简体中文

点击下载

图标在网页设计中是比较常见的，今天我们就为大家分享一篇Photoshop实例教程：制作可爱的铅笔图标，希望对大家有所帮助。我们在制作前先观察一下，要学会把整体拆分为不同的部分，然后逐步完成在整体效果。

最后效果图：

1、铅笔主要由五部分组成，如下图。

 

2、笔头用钢笔勾出形状，不是三角形的哦，有弧度的！高光也用钢笔勾出来形状，然后做高斯模糊处理。为了能随意调整模糊度，需要转化为智能滤镜。

 

3、圆锥体部分分为三块，颜色上均使用了渐变效果。看到高光没有，方法同上，模糊度高一点，再加个蒙版，拉个实色到透明的渐变。

 

4、笔杆也是分为三块，有两高光，第一条明显些，用白色，第二条暗一点，有环境色掺杂，用淡黄色。为了看起来自然点。注意渐变，自己慢慢调哦，我调的也不是很好，大家一起进步。

5、包橡皮的铁皮就是个渐变，没什么了不起的。凹槽也是渐变，黑色的那些条条可以根做白调一样用钢笔勾形状，也可以再白条上使用投影效果。

 

[page]

6、橡皮形状很简单吧！用圆角矩形，在勾个边缘为弧形的形状与它做布尔运算就可以了。效果有：添加杂色、内发光、渐变叠加和高光。

 

7、制作过程：

添加个三角形，两个圆形合并形状。

 

8、这个渐变可以在做笔头的时候再加上去。

 

9、笔尖：高光的高斯模糊，我用的0.8，可以自己调整。

 

10、笔头：

 

 

 

 [page]

11、笔杆：

 

12、铁皮：

 

13、凹槽效果：

 

14、橡皮：

 

15、高光的做法在前面已经提到过，最后将橡皮擦图层复制一遍，去掉图层效果，填充淡黄色，然后执行添加杂色命令，降低透明度即可。还有整体铅笔的阴影使用了高斯模糊。做好铅笔后，可以调整下长宽，使铅笔看起来萌萌哒，可爱十足。

最后效果图：