PS高级教程!手把手教你创建可爱的推特小鸟图标

编者按:你的钢笔功力过关了木有?今天这个教程,有大量细节要运用到钢笔工具,不熟悉的同学可以拿来练手,自信钢笔工具熟稔的同学来试一下难度,教程界面全中文,英语捉急的同学也可以轻松完成咯,来试试呗。

教程源文件PSD  微盘下载

第1步:

新建一个PSD文件,尺寸为800×600px。使用椭圆工具,按住Shift键绘制出一个正圆形,颜色设置为##0099FF。

PS高级教程!手把手教你创建可爱的推特小鸟图标

按住Alt+Shift键向下拖动圆形,我们会在垂直方向上复制出另一个圆作为小鸟的身体。 执行Ctrl+T对下面的圆形进行变换,将其调整为下图的形状。

PS高级教程!手把手教你创建可爱的推特小鸟图标

选择直接选择工具,对下面的圆形进行调节,使头部与身体完整地结合起来。

PS高级教程!手把手教你创建可爱的推特小鸟图标

按Ctrl+E将身体与头部形状进行合并(CS6新增功能)。

第2步:

同样利用椭圆工具绘制两个椭圆形作为小鸟眼睛的轮廓。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后利用钢笔工具绘制小鸟的头发。可以先绘制一个,然后复制后对其简单变形即可。

PS高级教程!手把手教你创建可爱的推特小鸟图标

用椭圆工具在眼睛中绘制两个正圆,颜色填充为#5d3a14。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第3步:

接下来绘制小鸟尾巴的羽毛部分:选择圆角矩形工具,将半径设为30px,绘制一个圆角矩形。然后用直接选择工具选取上方的三个锚点,执行Ctrl+T,将大小调整为原来的60%,即可形成羽毛的形状。

PS高级教程!手把手教你创建可爱的推特小鸟图标

将羽毛形状复制三份,调整好角度与位置,创建出尾巴的形状。

PS高级教程!手把手教你创建可爱的推特小鸟图标

Ctrl+E将几个羽毛形状进行合并,然后Ctrl+T将其压扁一些。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第4步:

在眼睛下方用椭圆工具绘制嘴部,颜色填充为#fcbd00。

PS高级教程!手把手教你创建可爱的推特小鸟图标

利用直接选择工具调整锚点将嘴巴绘制出悲伤的表情。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第5步:

接下来利用圆角矩形工具创建几个形状,排列成爪子的形状。然后复制出另外一只爪子。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第6步:

利用钢笔工具绘制出一个卷曲的树干。之后可以使用直接选择工具将树干调整圆滑一些,当然前提是你对钢笔工具与路径要有基本的了解。(这里有个技巧:在使用钢笔工具的“形状”模式时,往往会有大片的颜色遮盖住下方的图像,我们可以先将图层的不透明度调整为0,绘制完后再调回来即可。)

PS高级教程!手把手教你创建可爱的推特小鸟图标

利用路径选择工具选取刚才创建的路径,按住Alt键将其复制一份,然后再用钢笔工具将两端开放的路径闭合。用直接选择工具调整较粗的树干部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

PS高级教程!手把手教你创建可爱的推特小鸟图标

PS高级教程!手把手教你创建可爱的推特小鸟图标

第7步:

用钢笔工具绘制出手部,也可以先用椭圆工具先画个椭圆后再利用直接选择工具对齐进行调整。当你想调整某个锚点的角度时,按住Alt键拖动锚点的手柄即可创建出锐利的拐角。

PS高级教程!手把手教你创建可爱的推特小鸟图标

用路径选择工具复制几份并单独进行调整,形成叠在一起的手指的形状。

PS高级教程!手把手教你创建可爱的推特小鸟图标

将这些手指再复制一份,Ctrl+T,右键选择水平翻转,创建出另一只手。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第8步:

用钢笔工具绘制出胳膊部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第9步:

接下来绘制泪珠。可以先用椭圆工具创建一个圆形,然后选择最上方的锚点向上拖动,最后用转换点工具将其转换为锐利的拐角即可。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第10步:

大体形状已绘制完成,接下来我们继续添加图层样式使图像更有立体感与细节。 我们首先为身体部分添加内阴影样式。参数设置如下:

PS高级教程!手把手教你创建可爱的推特小鸟图标

由于身体部分色调的改变,头发的颜色显得很不协调,将其重新填充为距其最近的身体部分的颜色。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第11步:

下面进行眼睛部分的调整。双击眼睛图层,为其添加渐变叠加图层样式,参数设置如下:

PS高级教程!手把手教你创建可爱的推特小鸟图标

继续添加内阴影样式,在眼睛下部有从场景中反光的感觉。

PS高级教程!手把手教你创建可爱的推特小鸟图标

为使眼睛边缘亮起来,我们为其添加内发光样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

再添加斜面和浮雕样式以及描边样式,使眼睛更有立体感。

PS高级教程!手把手教你创建可爱的推特小鸟图标

PS高级教程!手把手教你创建可爱的推特小鸟图标

再为眼睛添加外发光样式。淡淡的外发光可以使眼睛的边缘看起来更加柔和。

PS高级教程!手把手教你创建可爱的推特小鸟图标

最后为眼睛添加投影,以使眼睛有凸起的效果。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第12步:

接下来我们对眼球部分进行处理。

首先利用内阴影样式在眼球中间创建一个深色的眼珠。

PS高级教程!手把手教你创建可爱的推特小鸟图标

为其添加渐变叠加。

PS高级教程!手把手教你创建可爱的推特小鸟图标

继续添加内阴影样式使眼球下部呈现反光的样子。

PS高级教程!手把手教你创建可爱的推特小鸟图标

再添加投影样式。(小技巧:内阴影与投影也可以创建高光,内发光与外发光也可以创建阴影。)

PS高级教程!手把手教你创建可爱的推特小鸟图标

用椭圆工具创建一个白色的圆形,然后拖动下方的锚点,把整个形状调整为眼球的反光形状。

PS高级教程!手把手教你创建可爱的推特小鸟图标

添加渐变叠加来使其变成透明。

PS高级教程!手把手教你创建可爱的推特小鸟图标

添加内阴影样式,使眼睛看上去更加通透。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第13步:

下面对头发进行处理。按住Ctrl键点击头发图层的缩略图,建立头发的选区。

选中矩形选框工具,将选区向右移动一段距离。新建一个空白图层,用10%不透明度的黑色画笔绘制出头发的阴影部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

用橡皮将多余部分擦除。

PS高级教程!手把手教你创建可爱的推特小鸟图标

用同样方法绘制出另一根头发的阴影部分。

第14步:

下面来调整嘴部区域:

首先为嘴部添加投影样式,使其更有立体感。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后添加内阴影样式来创建高光区域。

PS高级教程!手把手教你创建可爱的推特小鸟图标

添加内发光样式使边缘更加清晰。

PS高级教程!手把手教你创建可爱的推特小鸟图标

在嘴上绘制两个很小的圆形,将图层不透明度设置为30%,为其添加投影样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第15步:

接下来对泪珠进行处理。先为其添加一个渐变叠加样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后添加内阴影。使其看上去晶莹剔透一些。

PS高级教程!手把手教你创建可爱的推特小鸟图标

再添加投影样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第16步:

接下来处理一下爪子部分。先来个内阴影,使爪子看上去有立体感一些。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后添加内发光样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第17步:

该尾巴的处理了。先将尾巴图层调到身体图层的下方。然后添加渐变叠加样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

添加深一些的描边。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第18步:

再来调整一下树干部分。为树干图层添加斜面和浮雕样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

添加内阴影样式,使树干下方看上去有反光的效果。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第19步:

接下来处理胳膊部分。将左胳膊复制一层,水平翻转形成右胳膊。然后为其添加斜面和浮雕样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

将混合选项中的图层蒙版隐藏效果勾选上,这样在图层样式就不会因为使用图层蒙版而改变轮廓大小了。(小技巧:当你在为图层样式因为加了图层蒙版而不听使唤时,拿出这个绝招吧!)

PS高级教程!手把手教你创建可爱的推特小鸟图标

为胳膊图层添加图层蒙版,利用黑色画笔在蒙版上绘制,擦去想要隐藏的部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

将胳膊图层复制一层,命名为阴影,移动到胳膊图层的下方,Ctrl+T使用自由变换工具调整其透视。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后执行滤镜>模糊>高斯模糊命令。

PS高级教程!手把手教你创建可爱的推特小鸟图标

调整阴影图层的不透明度,并创建一个图层蒙版,用黑色画笔在蒙版上绘制,使阴影更加柔和。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第20步:

接下来调整刚开始创建好的手指形状。先为手指形状添加投影。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后添加斜面和浮雕样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

再添加内阴影样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

继续添加内发光样式。

PS高级教程!手把手教你创建可爱的推特小鸟图标

用路径选择工具选取一个手指路径,切换到路径面板,点击下方的“将路径作为选取载入”按钮,将其转换为选区。

PS高级教程!手把手教你创建可爱的推特小鸟图标

在手指上方新建一层,利用黑色画笔涂抹出阴影。

PS高级教程!手把手教你创建可爱的推特小鸟图标

执行选择>修改>收缩命令,将选区收缩1像素,然后删除掉选区中的内容。

PS高级教程!手把手教你创建可爱的推特小鸟图标

利用相同方法创建好手指的其他阴影部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第21步:

选择身体图层,按住Ctrl键点击图层缩略图建立选区。

PS高级教程!手把手教你创建可爱的推特小鸟图标

执行选择>修改>收缩命令,将选区收缩5-6像素。

PS高级教程!手把手教你创建可爱的推特小鸟图标

执行选择>修改>羽化命令,将选区羽化2-3像素。

PS高级教程!手把手教你创建可爱的推特小鸟图标

现在选区有了已经被羽化的柔和边缘,在身体图层上方新建一层,将图层混合模式修改为叠加,然后用白色的大号画笔在眼睛上方区域绘制出高光部分。

PS高级教程!手把手教你创建可爱的推特小鸟图标

再新建一层,用白色画笔在边缘处涂抹来创建边缘的亮部。

PS高级教程!手把手教你创建可爱的推特小鸟图标

然后执行选择>修改>收缩命令,将选区收缩2-3像素后删除掉选区内的内容。Ctrl+D取消选区。

PS高级教程!手把手教你创建可爱的推特小鸟图标

第22步:

最后添加背景与自己喜欢的文字,一只可爱的小鸟便跃然纸上了!你做完了吗?期待你的结果哦~

PS高级教程!手把手教你创建可爱的推特小鸟图标

图标精品教程强烈推荐!

新手教程!云朵效果就这么做!
《PS新手教程!手把手教你用PS创建晶莹剔透的云朵》

中级教程!复古书本图标绘制!
《PS中级教程!教你利用PS绘制精美的复古书本图标》

高手教程!牛皮质感的通讯簿图标!
《PS教程!手把手教你打造复古的牛皮质感通讯簿图标》

原文地址:shejipai
uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量82万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

PS高级教程!手把手教你创建可爱的推特小鸟图标

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。