吉祥物设计
点击上方蓝字，+关注行设视觉
月亮树 原创教程，未经许可禁止转载
Hi~ o(*￣▽￣*)ブ 各位小伙伴早上好！今天给大家带来一个吉祥物绘制教程，希望可以带给你更多帮助！
设计软件：Adobe Photoshop难度系数：??????案例原创作者：月亮树
首先我们一起来看看今天的主角吧！今天为大家带来的是以圆形为吉祥物造型设计的案例，它叫“痘痘君”，一个只有一只眼睛的独眼怪，它充满搞怪的坏心思，却有着一副可爱的外表。这是一个既可爱又好玩的小家伙，希望痘痘君可以带给你更多乐趣。
开工啦！！！我们一起动手吧，相信这次尝试可以带给你新技能哦！步骤会比较多，一定要细心走到最后哟！
01. 启动 PS 软件新建画板，画板尺寸：1200*900px，分辨率：300。然后先保存源文件在指定目录文件夹里面，养成时刻保存的习惯。
02. 先绘制吉祥物主体形象，在白色背景上面绘制即可，多色背景在绘制的时候会影响我们形成视觉疲劳，白色背景会体验舒适一些。
选择椭圆工具，在画板上单机左键会弹出设置面板，输入椭圆大小参数：436*436px，绘制出正圆。然后双击图层缩略图右下角可以调出拾色器，输入色值：#fdb241。
03. 对创建的正圆进行图层样式，添加立体感。选择内发光，不明度 80%，颜色：#fff6cc。
04. 继续对其添加内阴影，强化造型立体感和光源质感。角度：135度，距离：120，大小：250，颜色：#ffee99。
05. 身体部分绘制完成，接下来我们开始绘制吉祥物的眼睛。利用椭圆工具绘制 170*170px 大小的正圆，颜色：#ffffff。将图形放置于身体内部，横向居中对齐，距离顶部 60px 距离。
06. 对眼睛底部进行立体感强化，运用图层样式，选择内发光。不透明度：100%，颜色：#ffca80，大小：40，范围：70%。
07. 继续在图层样式上面添加投影，颜色：#ff8f1f，不透明度：90%，距离：20，扩展：10%，大小：20。
08. 绘制眼珠部分，利用椭圆工具绘制 102*102px 大小的正圆，放置于眼睛底部图形中间，颜色：#24aef2。
09. 运用图层样式加强眼珠的立体感，选择内发光，不透明度：100%，颜色：#175ce5，大小：40，范围：70%。
10. 绘制眼珠内部造型，利用椭圆工具绘制 56*56px 大小的正圆，颜色：#0c59f2。
11. 利用图层样式加强眼珠内部造型立体感，选择内发光，不透明度：100%，颜色：#0344c6，大小：20，范围：50%。
12. 利用椭圆工具绘制一个 20*20px 和 30*30px 大小的正圆，颜色：#ffffff。用于作为眼睛的点睛，按照如图所示的位置进行排列。
13. 对点睛的两个图形设置羽化值，点击属性然后切换到蒙版，设置羽化值为 2 即可。（备注：该操作也可以运用高斯模糊完成，不过需要先对其转换为智能对象，千万不能栅格化）
14. 接下来我们绘制眼皮，首先利用椭圆工具绘制 170*170px 大小的正圆，颜色：#ffaf40。然后利用布尔运算中与形状区域相交来实现眼皮造型，眼皮高度为 72px。
15. 利用图层样式加强眼皮立体感，选择内发光，不透明度：100%，颜色：#f58c31，大小：50，范围：50%。然后追加光泽，颜色：#ffee99，不透明度：80%，距离：20，大小：250。
16. 绘制眼袋效果，利用矩形工具绘制 140*10px 大小的全圆角矩形，颜色：#f58c31。然后设置羽化值为 4，将眼袋底对齐防止到眼皮内部，并创建剪切蒙版。
17. 绘制身体装饰部分，利用椭圆工具绘制 80*80px 大小的正圆，颜色：#ffaf40，然后放置在如图所示的位置。
18. 利用图层样式为装饰元素添加质感，选择内发光，不透明度：100%，颜色：#f59735，大小：20，范围：50%。然后追加投影，颜色：#ffed94，不透明度：90%，距离：5，扩展：3%，大小：5。
19. 运用以上方式绘制完所有的装饰元素，靠近边界的需要调整图层顺序，置于身体图层之上，然后创建剪切蒙版，利用图层蒙版进行弱化部分处理。受到光影因素的影响，强光源的位置装饰元素会淡一点，可以利用不透明度的变化来调节。
20. 接下来进行嘴巴绘制，利用椭圆工具绘制椭圆形状，直接选择工具进行锚点调整绘制嘴巴形状，大小可以根据情况自定义，颜色：#7b0000。
21. 利用图层样式对嘴巴进行质感处理，选择内阴影，颜色：#f37000，不透明度：100%，距离：6，大小：2。然后追加选择投影，颜色：#fce87c，不透明度：100%，距离：5，大小：5。
22. 利用椭圆工具绘制正圆作为舌头部分形状，颜色：#e5462e。点击属性然后切换到蒙版，设置羽化值为 4 即可，然后和嘴巴部分进行剪切蒙版。
23. 绘制三只脚的形状，利用钢笔形状工具勾出脚的形状，描边设置为 10，角点改为圆头端点，颜色：#eb5b13，然后复制三个即可。
24. 利用图层样式对三只脚进行立体感表现，选择内阴影，颜色：#ffe873，不透明度：100%，距离：8，大小：6。然后通过拷贝图层样式，粘贴到另外的两只脚，完成脚的绘制。
25. 通过以上步骤我们可以完成本次吉祥物设计的案例实战，根据最后完成的情况，如果觉得吉祥物色彩对比有问题，可以通过“创建新的填充和调整图层”在整个案例之上创建调节层。可以选择色阶进行对比度的调节，加强色彩对比度，完成最终案例。
26. 最终完稿作品。
根据确定的主形象我们也可以延展出更多场景运用，实现的方法和一些质感表现原理是一样的，希望大家可以举一反三，做出更多案例延展。
案例的学习是学习技巧的处理方式，参数的设置可以根据自己的情况调整。主要是要掌握这个技能，这样才能运用到更多的设计项目中。
希望本次分享可以带给你一定的帮助，也欢迎大家多多交流~
作者：月亮树本文由 @月亮树 原创发布。未经许可，禁止转载。
感谢你的阅读支持 · 欢迎留言互动——————————————-设计师进阶精品课程推荐—
长按二维码添加黑马哥微信
多一点行动 · 多一分设想—
你「在看」是最好的肯定与鼓励
