超级详细的吉祥物设计教程

1年前发布

原创文章 / 多领域 / 教程
月亮树 原创,如需商业用途或转载请与月亮树联系,谢谢配合。

Hi~ o(* ̄▽ ̄*)ブ 各位小伙伴早上好!今天给大家带来一个吉祥物绘制教程,希望可以带给你更多帮助!


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、最终完稿作品。




根据确定的主形象我们也可以延展出更多场景运用,实现的方法和一些质感表现原理是一样的,希望大家可以举一反三,做出更多案例延展。


案例的学习是学习技巧的处理方式,参数的设置可以根据自己的情况调整。主要是要掌握这个技能,这样才能运用到更多的设计项目中。


希望本次分享可以带给你一定的帮助,也欢迎大家多多交流~



作者:月亮树

本文由 @月亮树 原创发布。未经许可,禁止转载。

43
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息