恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
PS绘制游戏图标-呆萌界的傲娇-猫头鹰
0.0°
2017-05-03 原创文章 教程 举报 42550 426 439 39

Image title


本次教程用PS绘制一个猫头鹰图标。

造型上面主要运用到:

a.PS的形状工具

b.形状的编辑(调节锚点改变形状)

c.布尔运算(形状之前的切割)



绘色方面:

a.颜色绘制主要涉及的是画笔工具的应用

b.在绘制边缘的地方运用到选区工具



以下是教程步骤:

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

Image title

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

Image title

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

Image title


Image title

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

Image title


Image title


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

Image title

Image title


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

Image title

Image title

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


Image title

Image title

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

Image title

Image title

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

Image title

Image title

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

Image title

Image title


Image title

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

Image title

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

Image title

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

Image title

Image title

Image title

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

Image title

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

Image title

Image title

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

Image title

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

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

Image title

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

Image title

Image title

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

Image title

Image title

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

Image title

Image title

Image title

Image title

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

Image title

Image title

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

Image title

Image title


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

Image title

Image title

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

Image title

Image title


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

Image title

Image title

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

Image title

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

Image title

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

Image title

Image title

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

Image title

Image title

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

Image title

Image title

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

Image title

Image title

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

Image title

谢谢大家的支持,感兴趣的同学可以关注我(点击搜索,选择设计师分类查询即可),我们会定期发布作品以及教程,然后跟大家分享经验以及对作品进行点评,也可以加入到我们的设计群当中,一起讨论学习,一起进步,566585963


更新:2017-05-03

下载
收藏

426人已收藏

麦思教育

设计交流学习群566585963

  • 4

    作品

  • 279

    粉丝

  • 0

    关注

  • 黑科技混搭质感图标
  • 每周临摹点评---呆萌猫头鹰
  • 圆的奥义-打造高逼格炫酷图形
相关标签
UI设计

    猜你喜欢

      2017-05-03 原创文章 教程 举报 42550 426 439 39

      PS绘制游戏图标-呆萌界的傲娇-猫头鹰

      0.0°

      你确定要举报PS绘制游戏图标-呆萌界的傲娇-猫头鹰

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      439
      426
      39

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录