PS卡通吉祥物设计教程

  • A+
所属分类:设计技法

本文来源: 月亮树(公众号:行设视觉), 共 2282 字

Hi, 今天给大家带来一个卡通吉祥物绘制教程,希望可以带给你更多帮助!

设计软件:Adobe Photoshop

原创作者:月亮

首先我们一起来看看今天的主角吧!今天为大家带来的是以圆形为吉祥物造型设计的案例,它叫“痘痘君”,一个只有一只眼睛的独眼怪,它充满搞怪的坏心思,却有着一副可爱的外表。这是一个既可爱又好玩的小家伙,希望痘痘君可以带给你更多乐趣。

PS卡通吉祥物设计教程

开工啦!!!我们一起动手吧,相信这次尝试可以带给你新技能哦!步骤会比较多,一定要细心走到最后哟!

01.启动 PS 软件新建画板,画板尺寸:1200*900px,分辨率:300。然后先保存源文件在指定目录文件夹里面,养成时刻保存的习惯。

PS卡通吉祥物设计教程

02. 先绘制吉祥物主体形象,在白色背景上面绘制即可,多色背景在绘制的时候会影响我们形成视觉疲劳,白色背景会体验舒适一些。选择椭圆工具,在画板上单机左键会弹出设置面板,输入椭圆大小参数:436*436px,绘制出正圆。然后双击图层缩略图右下角可以调出拾色器,输入色值:#fdb241。

PS卡通吉祥物设计教程

03.对创建的正圆进行图层样式,添加立体感。选择内发光,不明度 80%,颜色:#fff6cc。

PS卡通吉祥物设计教程

04. 继续对其添加内阴影,强化造型立体感和光源质感。角度:135度,距离:120,大小:250,颜色:#ffee99。

PS卡通吉祥物设计教程

05. 身体部分绘制完成,接下来我们开始绘制吉祥物的眼睛。利用椭圆工具绘制 170*170px 大小的正圆,颜色:#ffffff。将图形放置于身体内部,横向居中对齐,距离顶部 60px 距离。

PS卡通吉祥物设计教程

06. 对眼睛底部进行立体感强化,运用图层样式,选择内发光。不透明度:100%,颜色:#ffca80,大小:40,范围:70%。

PS卡通吉祥物设计教程

07.继续在图层样式上面添加投影,颜色:#ff8f1f,不透明度:90%,距离:20,扩展:10%,大小:20。

PS卡通吉祥物设计教程

08. 绘制眼珠部分,利用椭圆工具绘制 102*102px 大小的正圆,放置于眼睛底部图形中间,颜色:#24aef2。

PS卡通吉祥物设计教程

09. 运用图层样式加强眼珠的立体感,选择内发光,不透明度:100%,颜色:#175ce5,大小:40,范围:70%。

PS卡通吉祥物设计教程

10.绘制眼珠内部造型,利用椭圆工具绘制 56*56px 大小的正圆,颜色:#0c59f2。

PS卡通吉祥物设计教程

11. 利用图层样式加强眼珠内部造型立体感,选择内发光,不透明度:100%,颜色:#0344c6,大小:20,范围:50%。

PS卡通吉祥物设计教程

12. 利用椭圆工具绘制一个 20*20px 和 30*30px 大小的正圆,颜色:#ffffff。用于作为眼睛的点睛,按照如图所示的位置进行排列。

PS卡通吉祥物设计教程

13. 对点睛的两个图形设置羽化值,点击属性然后切换到蒙版,设置羽化值为 2 即可。(备注:该操作也可以运用高斯模糊完成,不过需要先对其转换为智能对象,千万不能栅格化)

PS卡通吉祥物设计教程

14. 接下来我们绘制眼皮,首先利用椭圆工具绘制 170*170px 大小的正圆,颜色:#ffaf40。然后利用布尔运算中与形状区域相交来实现眼皮造型,眼皮高度为 72px。

PS卡通吉祥物设计教程

15.利用图层样式加强眼皮立体感,选择内发光,不透明度:100%,颜色:#f58c31,大小:50,范围:50%。然后追加光泽,颜色:#ffee99,不透明度:80%,距离:20,大小:250。

PS卡通吉祥物设计教程

16. 绘制眼袋效果,利用矩形工具绘制 140*10px 大小的全圆角矩形,颜色:#f58c31。然后设置羽化值为 4,将眼袋底对齐防止到眼皮内部,并创建剪切蒙版。

PS卡通吉祥物设计教程

17. 绘制身体装饰部分,利用椭圆工具绘制 80*80px 大小的正圆,颜色:#ffaf40,然后放置在如图所示的位置。

PS卡通吉祥物设计教程

18. 利用图层样式为装饰元素添加质感,选择内发光,不透明度:100%,颜色:#f59735,大小:20,范围:50%。然后追加投影,颜色:#ffed94,不透明度:90%,距离:5,扩展:3%,大小:5。

PS卡通吉祥物设计教程

19.运用以上方式绘制完所有的装饰元素,靠近边界的需要调整图层顺序,置于身体图层之上,然后创建剪切蒙版,利用图层蒙版进行弱化部分处理。受到光影因素的影响,强光源的位置装饰元素会淡一点,可以利用不透明度的变化来调节。

PS卡通吉祥物设计教程

20.接下来进行嘴巴绘制,利用椭圆工具绘制椭圆形状,直接选择工具进行锚点调整绘制嘴巴形状,大小可以根据情况自定义,颜色:#7b0000。

PS卡通吉祥物设计教程

21. 利用图层样式对嘴巴进行质感处理,选择内阴影,颜色:#f37000,不透明度:100%,距离:6,大小:2。然后追加选择投影,颜色:#fce87c,不透明度:100%,距离:5,大小:5。

PS卡通吉祥物设计教程

22.利用椭圆工具绘制正圆作为舌头部分形状,颜色:#e5462e。点击属性然后切换到蒙版,设置羽化值为 4 即可,然后和嘴巴部分进行剪切蒙版。

PS卡通吉祥物设计教程

23. 绘制三只脚的形状,利用钢笔形状工具勾出脚的形状,描边设置为 10,角点改为圆头端点,颜色:#eb5b13,然后复制三个即可。

PS卡通吉祥物设计教程

24. 利用图层样式对三只脚进行立体感表现,选择内阴影,颜色:#ffe873,不透明度:100%,距离:8,大小:6。然后通过拷贝图层样式,粘贴到另外的两只脚,完成脚的绘制。

PS卡通吉祥物设计教程

25.通过以上步骤我们可以完成本次吉祥物设计的案例实战,根据最后完成的情况,如果觉得吉祥物色彩对比有问题,可以通过“创建新的填充和调整图层”在整个案例之上创建调节层。可以选择色阶进行对比度的调节,加强色彩对比度,完成最终案例。

PS卡通吉祥物设计教程

26. 最终完稿作品。

PS卡通吉祥物设计教程

根据确定的主形象我们也可以延展出更多场景运用,实现的方法和一些质感表现原理是一样的,希望大家可以举一反三,做出更多案例延展。案例的学习是学习技巧的处理方式,参数的设置可以根据自己的情况调整。主要是要掌握这个技能,这样才能运用到更多的设计项目中。

PS卡通吉祥物设计教程


  • 版权声明:本文源自 月亮树(公众号:行设视觉), 共 2282 字。
  • 转载请注明,本文链接:PS卡通吉祥物设计教程

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: