Photoshop制作清爽的扁平铅笔图标教程

2016-03-17 20:08 32 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Photoshop制作清爽的扁平铅笔图标教程教程,一起来看看吧!超容易上手~

【 tulaoshi.com - PS 】

来源:站酷 作者Tulaoshi.Com:没了天线的宝宝
扁平图标制作不是很难,都是一些最为基础的工具。绘制的时候先把效果分解好,然后由底层开始,用形状工具画出图形,加上颜色或渐变色等,再逐层完全其它部分即可。
最终效果

1、新建500 * 500画布,填充为:#01dbcd。

2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为“圆”。

3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为“阴影”。

4、将图层“阴影”移到“圆”的后边,不透明度为8%。

5、用椭圆工具画一个252 * 252的正圆填充为白色,命名为“圆2”。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)6、用矩形选框工具画一个细长的长方形,填充#c2c8c8,然后复制多个。

7、选中这几个长条图层,Ctrl + E 合并图层,命名为“线条”,然后选中“线条”图层,按Ctrl + 左击鼠标“图层2”图层,Ctrl + Shift + I 反选,按Delete删除圆外多出的线条。

8、圆角矩形工具,画一个圆角为5像素的长方形,如下图,命名为“铅笔1”。


9、复制这个“铅笔1”图层,按住Alt拖动矩形工具减去一部分,如下图。命名为“铅笔2”。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)10、复制“铅笔2”图层,同样用矩形工具按住Alt减去上面一部分,如下图,命名为“铅笔3”。


11、用多边形工具画一个三角形,如下图,命名为“铅笔4”。


12、复制“铅笔4”还是用矩形工具按住Alt减去上面一部分,如下图,命名为“铅笔5”。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)13、新建一个组,命名“铅笔”,将铅笔1-5放进组里,复制一个,转换为智能对象,命名为“铅笔副本”,关闭铅笔组的眼睛,旋转“铅笔副本”图层45度左右,调整大小,如下图。


14、最后给铅笔加阴影,方法和上面那个阴影做法基本一样,当然这个用矩形工具做更简单点。

最终效果:

来源:http://www.tulaoshi.com/n/20160317/1864553.html

延伸阅读
标签: PS
Photoshop制作非常清爽的指南图标   作者制作图标非常细腻,基本上都是用形状,路径工具做出轮廓,再用图层样式增加效果。难点是图形部分的绘制,要能精准画出想要的图形。 最终效果 1、新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8e8e8。 2、为这个圆角矩形添加一个图层样式。 ...
来源:网易 作者:XYWei 本教程介绍较为专业的图标创作及制作方法。大致分为两个大的部分:前期线稿和后期的制作。尤其是前期的线稿制作非常重要,需要用简单的线条把实物勾画出来,需要自己不断的修改,直到画出自己满意的效果。 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题,确保线稿...
标签: PS PS教程
虽然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果。 最终效果 <点小图查看大图 1、Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下。 2、先创建一个圆角矩...
教程非常详细非常全面的介绍自动铅笔的绘制方法,基本上每一个细节都有详细说明。过程:先了解清楚铅笔的构造,然后分层把每一部分都用色块标识出来;再逐层上色,刻画质感和细节等即可。 最终效果 1、绘制自动铅笔基本雏形。 1-1、绘制笔杆雏形。 1-2、绘制护芯雏形。 1-3...
标签: PS PS教程
依旧是扁平化风格,这次难度略微提升,光影很简单,难点是半透明叠加样式的制作,还有就是色彩纯度较低不好控制。 最终效果 1、新建大小自定的画布,用形状工具制作圆角矩形。 2、添加图层样式:渐变叠加和投影,参数及效果如下图。 3、分三个图层做中间的形状绘制,其对应图层如下图。 4、首先看红...

经验教程

206

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部