社区首页 › 教程资源 › Photoshop绘制立体可爱的猫头鹰图标设计教程

psschool 发表于 2017-4-15 00:00:00

Photoshop绘制立体可爱的猫头鹰图标设计教程

先看看效果图

http://www.06ps.com/d/file/2017/0415/1492219834840.png

以下是教程步骤：
1.新建1024 * 1024 PX 的文档，并且命名为：呆萌界的傲娇-猫头鹰

http://www.06ps.com/d/file/2017/0415/1492219835825.png

2.以画布中心点拉出辅助线，运用形状工具以中心点画出正圆，命名为：face

http://www.06ps.com/d/file/2017/0415/1492219836550.png

3.用椭圆形状工具绘制一个正圆填充白色，复制此圆Ctrl+T结合着Alt+Shift等比例缩小后更改颜色为灰色，同样再复制后缩小更改黑色，同样再复制一个圆出来更改白色后将几个圆组成眼睛，将四个圆编组命名为：l-eye

http://www.06ps.com/d/file/2017/0415/1492219837864.png

http://www.06ps.com/d/file/2017/0415/1492219838103.png


               
               
4.复制face图层，再新建一个图层，运用钢笔工具，在工具属性栏当中选择形状,沿着形状绘制出翅膀造型

http://www.06ps.com/d/file/2017/0415/1492219839285.png

http://www.06ps.com/d/file/2017/0415/1492219840272.png

将绘制好的形状图层跟复制的face图层选中后Ctrl+E合并

http://www.06ps.com/d/file/2017/0415/1492219841153.png

http://www.06ps.com/d/file/2017/0415/1492219842937.png

运用路径选择工具黑箭头，选择中全部锚点

http://www.06ps.com/d/file/2017/0415/1492219842887.png

http://www.06ps.com/d/file/2017/0415/1492219843676.png


               
               
在工具属性栏当中找到-路径操作，点开后选择-与形状区域相交,接着在点击合并形状组建，就绘制出一块翅膀，通过调整大小后摆放合适的位置

http://www.06ps.com/d/file/2017/0415/1492219844695.png

http://www.06ps.com/d/file/2017/0415/1492219846331.png

同样的办法运用钢笔绘制，绘制出三层,将三个图层编组命名为：l-Wing

http://www.06ps.com/d/file/2017/0415/1492219847557.png

http://www.06ps.com/d/file/2017/0415/1492219848667.png

再新建一图层，运用相同的手法，用钢笔工具再绘制出左边的耳朵

http://www.06ps.com/d/file/2017/0415/1492219849323.png

http://www.06ps.com/d/file/2017/0415/1492219850621.png


               
               
5.结合着Shift选中眼睛跟翅膀以及耳朵，Ctrl+T，鼠标右键水平翻转,将复制后的组以及图层重新命名

http://www.06ps.com/d/file/2017/0415/1492219851697.png

http://www.06ps.com/d/file/2017/0415/1492219852219.png

http://www.06ps.com/d/file/2017/0415/1492219853884.png

6.新建一个图层同样使用钢笔工具绘制出左边部分的额头命名为：forehead

http://www.06ps.com/d/file/2017/0415/1492219854603.png

接着复制左半边Ctrl+T水平翻转，移动到合适的位置将两图层合并

http://www.06ps.com/d/file/2017/0415/1492219855934.png


               
               
7.再新建一个图层命名为：mouse绘制一个圆通过，通过转换点工具，以及直接选择工具编辑圆的锚点

http://www.06ps.com/d/file/2017/0415/1492219856617.png

http://www.06ps.com/d/file/2017/0415/1492219857834.png

将圆底部的点去掉调节杠杆，调节锚点后将其放置合适的位置，绘制出鼻子

http://www.06ps.com/d/file/2017/0415/1492219858376.png

8.新建图层后运用形状工具绘制出圆角矩形，并且通过直接选择工具编辑锚点，绘制出鸟爪

http://www.06ps.com/d/file/2017/0415/1492219859302.png

http://www.06ps.com/d/file/2017/0415/1492219860296.png


               
               
接着给其编组命名为：l-Paws，然后再讲左边鸟抓子复制出来后移动到右边合适的位置命名为：r-Paws

http://www.06ps.com/d/file/2017/0415/1492219860249.png

整个猫头鹰的形状就已经绘制好了，接着给其绘制颜色
9.给猫头鹰先填充一个底色

http://www.06ps.com/d/file/2017/0415/1492219862628.png

10.在左眼睛的图层上新建一个图层36，并且运用快捷键Ctrl+Alt+G，创建剪切蒙版，接着用画笔工具将硬度调为0，然后调节不透明度，选择蓝色当中的蓝灰色偏深的地方绘制暗部，偏亮的蓝灰色绘制亮部，将眼球画出立体的感觉。

http://www.06ps.com/d/file/2017/0415/1492219863353.png

http://www.06ps.com/d/file/2017/0415/1492219864834.png

11.再新建一个图层37，创建剪切蒙版，用画笔工具选择蓝色，运用同样的手法，给蓝色的眼球绘制出立体感

http://www.06ps.com/d/file/2017/0415/1492219866468.png

http://www.06ps.com/d/file/2017/0415/1492219866178.png


               
               
19在图层face上建立新图层，同样的绘制手法，选择暖灰色绘制肚皮，并且用深暖灰色绘制暗部投影，在绘制中需要考虑到环境色的影响

http://www.06ps.com/d/file/2017/0415/1492219890971.png

http://www.06ps.com/d/file/2017/0415/1492219893903.png

20再绘制爪子，给抓绘制出同样的质感

http://www.06ps.com/d/file/2017/0415/1492219893393.png

http://www.06ps.com/d/file/2017/0415/1492219895806.png

21接着我们将左边绘制好的耳朵翅膀以及爪子全部选中后Ctrl+T 鼠标右键水平翻转移动到右边完成整体

http://www.06ps.com/d/file/2017/0415/1492219897280.png

http://www.06ps.com/d/file/2017/0415/1492219899595.png

22.给背景色填充#6d6f5，再绘制一个正圆填充颜色#edef5，接着新建一个文本图层输入：A-Owl，完成整体

http://www.06ps.com/d/file/2017/0415/1492219834840.png

               
               
12.同样再建立一个图层38，Ctrl+鼠标左键单击蓝色眼球图层调出选区，选择选区工具后鼠标右击选区调出-变换选区，然后结合着Shift+Alt 将选区以中心点缩小，然后回车，接着Ctrl+Shift+I，反向选择，再结合画笔用深蓝色绘制出眼球的四周

http://www.06ps.com/d/file/2017/0415/1492219868384.png

http://www.06ps.com/d/file/2017/0415/1492219869332.png

http://www.06ps.com/d/file/2017/0415/1492219870182.png

http://www.06ps.com/d/file/2017/0415/1492219872570.png

13，继续新建一个图层39，创建剪切蒙版,同样的办法调出蓝色眼球的选区,用画笔工具选择白色，绘制出蓝色眼球中的高光反光部分

http://www.06ps.com/d/file/2017/0415/1492219872505.png

http://www.06ps.com/d/file/2017/0415/1492219874235.png


               
               
14.在黑眼球上新建一个图层40，同样的手法给黑色眼圈绘制眼球的光感

http://www.06ps.com/d/file/2017/0415/1492219875507.png

http://www.06ps.com/d/file/2017/0415/1492219877393.png

再新建一个图层41，给眼睛里面再绘制一个颜色反光

http://www.06ps.com/d/file/2017/0415/1492219878812.png

http://www.06ps.com/d/file/2017/0415/1492219879203.png

15.在图层l-eyebrow上面新建一个图层42，给耳朵绘制出大致的明暗关系，接着再新建图层43给耳朵加深明暗关系，在新建图层44，给耳朵添加一个高光

http://www.06ps.com/d/file/2017/0415/1492219880625.png

http://www.06ps.com/d/file/2017/0415/1492219881369.png


               
               
16.相同的绘制方法运用深蓝色，绘制暗部，浅蓝色绘制亮部，将翅膀的的质感绘制出来

http://www.06ps.com/d/file/2017/0415/1492219882770.png

http://www.06ps.com/d/file/2017/0415/1492219884848.png

17.在图层forehead上建立新图层，运用同样手法绘制，颜色选择红色深处部分绘制暗部，红色亮部绘制亮部

http://www.06ps.com/d/file/2017/0415/1492219886890.png

在跟蓝色耳朵相近的地方给添加蓝色反光

http://www.06ps.com/d/file/2017/0415/1492219887467.png

18在图层mouse上建立新图层，运用同样手法绘制，颜色选择红色深处部分绘制暗部，红色亮部绘制亮部,并且在亮部添加一些黄色

http://www.06ps.com/d/file/2017/0415/1492219888968.png

http://www.06ps.com/d/file/2017/0415/1492219889775.png

查看完整版本: Photoshop绘制立体可爱的猫头鹰图标设计教程