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

  • 1,397

先看看效果图

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

以下是教程步骤:

1.新建1024 * 1024 PX 的文档,并且命名为:呆萌界的傲娇-猫头鹰

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

整个猫头鹰的形状就已经绘制好了,接着给其绘制颜色

9.给猫头鹰先填充一个底色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

weinxin
客户经理
多条朋友多条路,欢迎你咨询