让聊天更有趣!手把手教学自制动态表情包,插画版萌系表情说来就来!

文化   2024-10-15 18:11   北京  

我们每天有那么多心事、趣事要和朋友、家人分享,但隔着网络总觉得文字不足以表达我们的情绪!因为网络另一端的他们并不知道我们此刻是带着恶作剧般的坏笑还是泪水,这个时候就需要使用到“神器”——表情包了。


表情包弥补了很多用语言不能完美表达的缺憾,可以更好地传达内心的情绪,也让我们的聊天更加生动有趣。

《大漫画家的手绘笔记:五官头像这样画》

绘客君表情包



今天我们来尝试通过Procreate“动画协助”功能绘制简单的动画效果,另外再学习一个实用工具“弯曲”工具,这个工具可以节省绘制时间,提高工作效率。掌握这些技能以后,咱们就可以用同样的方式配合真人照片制作爱豆萌系动图啦!(由于版权问题,明星照片就不放啦!重要的是操作的步骤和工具的运用~)



绘前分析


在做动画之前,我们要先分析动画过程,并确定关键帧关键帧动作,即确定要做什么样的动态,哪些图层需要做动画。我们可以根据下面的案例“熊大帅”图,制作“熊大帅”星星眼卖萌动画效果为例。


案例目标动画效果一是星星眼闪动,二是耳朵卖萌左右扇动,所以动态部分只有眼睛和耳朵,做眼睛、耳朵的循环动态图即可。




绘制草图



新建一个2048×2048px的正方形画布,将图层1命名为“草稿”,打开一个绘制好的卡通形象“熊大帅”(这里可以替换成爱豆照片),移动到“草稿”图层下方,点击“参考”图层的“N”,在弹出的菜单栏中设置“不透明度”为30%~50%,降低参考图的透明度,然后在“草稿”图层绘制草稿






1.打开“绘图指引”功能,并打开“草稿”图层的“绘图辅助”功能(绘图一定要在“绘图指引”打开的情况下进行绘制,如果发现绘制时没有出现对称图形, 要检查绘制图层是否打开了“ 绘图辅助” 功能)然后用弧线绘制出熊大帅的头部轮廓。



2.用不同大小的同心弧线绘制出耳朵。然后用弧线绘制出熊大帅的身体轮廓。接着用短直线、椭圆形、弧线分别绘制出熊大帅的眉毛、眼眶、鼻子、鼻头和腮红。




3.关掉“参考”图层的背景显示,用短直线绘制眼睛中的五角星。用圆弧线绘制熊大帅卖萌的胳膊。



绘制完整线稿并上色



1. 点击“线稿”图层的“N”,在弹出的菜单栏中设置“不透明度”为30%~50%,降低草稿图透明度,方便后面参考绘制。




2.依次点击选择“画笔库—着墨—工作室笔”,并打开“绘图辅助”功能,分别绘制熊大帅的头部和身体。

首先用弧线绘制头部线条,再新建一层填充颜色图层放于头部图层下方,颜色选择熊大帅身体的棕色,勾勒出头部形状,并用棕色填充整个头部。




3.在“头部”图层上方新建两个图层,并分别命名为“左耳”和“右耳”,用深棕色绘制大小不同的圆弧线勾勒熊大帅的外耳和内耳。


新建颜色图层,用棕色绘制外耳轮廓区域并用棕色填充,内耳用浅棕色绘制轮廓并填充。接着在图层最上方再新建一个图层,并命名为“眼睛”,用短直线绘制出眉毛形状。




4.在图层最上方新建两个图层分别命名为“左眼”和“右眼”,在“右眼”图层上方再新建两个图层分别命名为“星”和“亮光”


选择深棕色勾勒眼球轮廓并用深棕色填充,在“星”图层用亮黄色勾勒星星形状并用亮黄色填充,在“亮光”图层选择白色的圆形绘制两个白色高光圆点。点击“星”图层选中“剪辑蒙版”,将“星”图层设为蒙版,代表“星”图层只出现在“右眼”图层图形所在的范围内。用同样的方法将“亮光”图层也设为“剪辑蒙版”,用同样的方法绘制左眼。



5.在所有图层上方再新建一个图层并命名为“鼻子”,用深棕色的弧形绘制爱心形的鼻子,闭合区域,选择与耳朵内侧颜色相同的浅棕色填充,鼻头则选择深棕色绘制轮廓并填充。




6.在图层上方新建一个图层并命名为“腮红”,选择“画笔库—化笔—软化笔”,用浅粉色涂抹腮红轮廓。在“头”图层下方新建一个图层并命名为“身体”,用深棕色弧线勾勒熊大帅的身体。


新建颜色图层,用棕色绘制身体轮廓区域并填充。接着在所有图层的最上方新建两个图层并分别命名为“ 左手”“右手”,用深棕色圆弧线勾勒出圆滚滚的胳膊形状。再新建颜色图层用棕色绘制手臂轮廓并填充。




建议大家尽可能把各部位分图层绘制,方便后期制作动画和修改,把可能做动画的图层都单独分开。为了减少图层所占空间,绘制好后可以将线稿和身体部分的图层合并。整体绘制好后单指右滑选中所有图层组成一个组,并命名为“1”,代表“星星眼”动画的第一帧。






绘制第2帧,做星星眼动画


1.将组1向左滑动,点击“复制”,就会得到一个复制的组,点击“重命名”将其命名为2,代表第二帧。




2.以第2帧为基础修改动态,建议大家一个部位一个部分地做动画,效果满意后再制作下个部位的动画。对于新手来说,如果对动画运动规律不是特别了解,同时调整很多部位或操作过多,会让后期的调整难度加大。我们先来制作“熊大帅”眼睛星星闪烁的动画。点开组1,选中右边眼中星星所在的图层,依次点击“选择工具—自由交换” 按钮, 选中图层会出现一个蓝色的选择框,通过调整选择框可以调节物体的大小,选择框上方的绿色圆点则可以旋转物体。




3.点击绿色圆点将星星旋转15°,并用同样的方法将左眼的星星旋转-15°。调整完两只眼睛后, 在“时间轴”的设置菜单栏中,将“帧/秒”设置参数改为8,点击“播放”按钮,即可查看最终实现的动画效果。如果对星星眼的旋转角度不满意,可以撤销重新调整;如果播放速度过快或过慢,可以更改“帧/秒”的参数,反复查看最终效果,调整至满意即可。



做耳朵抖动的动画



1.为了让耳朵抖动的幅度增大,将耳朵抖动的动画制作分为第1帧(组1)耳朵向内旋转、第2帧(组2)耳朵向外旋转两部分。先做“熊大帅”的两只耳朵向内旋转的动画,打开组1选中左耳,将其旋转60°。因为绘制时耳朵是单独绘制的,旋转过后会发现耳朵和头部分离了。




2.这时有两种解决办法,第一种方法是重新绘制,绘制时注意耳朵角度向内弯曲。第二种方法是借助Procreate自带的超实用工具“弯曲”工具进行调整,将“选择” 工具切换至“弯曲”工具,先将左边耳朵旋转60°,再通过调节蓝色锚点,经过拖曳变形把耳朵调节到合适的角度。




3.这里要注意的是,耳朵是长在“熊大帅”身体上的器官,即使做了旋转,耳朵左右两边顶点的位置也是不变的,只是耳朵的形状发生了形变,同时向里或者同时向外形变。


用同样的方法将右边耳朵旋转-60°,通过重绘小熊的耳朵或使用“弯曲”工具让耳朵向内弯曲,耳朵的最终状态。调整完后,点击“播放”按钮查看播放效果,如果效果不满意还可以再次对耳朵角度或者帧数进行相应调整。




4.接着制作第2帧,耳朵向外旋转的动画。用同样的方法,将组2中小熊的耳朵通过绘制或者使用“弯曲”工具,使耳朵向外弯曲,这样大幅度的摆动耳朵会显得更加可爱。调整完后,反复查看播放效果,有不满意的地方可以继续调整。这样,两帧就实现熊大帅可爱卖萌的动画就制作好了。



今天的动态表情包案例教学可以帮助你完成大部分比较简单的动态表情包。追星女孩常用的爱豆手绘装饰动态表情包只是在今天案例的基础上,把第一步的底图更换成你喜欢的爱豆就可以了。

如果你想要上点儿难度,制作更有表现力的插画动态表情包,可以看看这本专注Procreate表情包与动态图片的教程书👇👇👇

帮你成为超有趣的表情包创作者!



《iPad Procreate表情包与动态图片手绘制作教程》



6$oxKV39xZmO0):// MF3135



随书附赠15节表情包视频课,图文+视频,双线教学,思路更清晰!


系统性教学,从认识软件熟悉绘制工具,到完整的创作流程,9个保姆级教学案例,由简到难,不藏步骤,手把手教学!把创作中需要了解的思路、工具融入到案例中,不断通过案例的讲解与实践帮助大家熟悉手中的工具,以及创作的流程与思路。带领大家从什么也不懂的萌新逐渐成长为独立创作的表情包创作者!

细致到每个步骤怎么设置图层,如何给图层命名让创作流程更“丝滑”,避免后续修改找不到目标, 从源头杜绝无法修改等萌新摸索阶段常出现的各种问题。



购买方式



/////////////////

/////////////////

或者复制下方淘口令,打开淘宝

❤就可以直接购买啦❤

【6$oxKV39xZmO0):// MF3135】



精 / 选 / 阅 / 读

(点击下方图片即可阅读)

绘客
江湖有侠客,绘圈有绘客。每年上百万读者与你一起学画,提升艺术修养,传播美的力量。喜欢画画,就来绘客挖掘潜力,探讨画画的一切吧!
 最新文章