前一段时间接了个任务……

画Gif

但是，我压根就不会呀！o(╥﹏╥)o……

简直枉费艺术生身份并给插画行业扯后腿。

首先问度娘，但网上教程也不详细，概念模糊。

还好，我们公司制作部的小姐姐制作表情包有一手：

如下图

​

​

让我膜拜俩小时顺便拖一拖工作时间！

​

​

​

​

（ps：帧数中每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象，因此高的帧率可以得到更流畅、更逼真的动画，动画制作的话一般有8帧 16帧 24帧/s）

但是gif不必深究这些，重要动作连贯的同时，不跑型即可。

而且本期课程也不想讲太过复杂化，咱们一起设计点儿简单的gif表情包。

首先要求，能动就行。

虽然前面讲的很多，但是没有预热的教程是没有灵魂的。

接下来要讲重点，今天要教大家：

1. 表情包绘画（ps+线条优化）

2. 帧数的线条如何穿插（基础+进阶）

表情包绘画之PS篇

首先打开课本某一页，并用灵魂画师的技术画下一幅草稿，如果敢在PS直接作图有自信的大神请忽视。

​

​

Ennnnnn…..

​

​

然后打开ps，然后创建个240X240像素@300ppi大小的画布，并把图片拖入进去，拉至合适大小，并调整一下不透明度。

有兴致的同学可以顺便调个背景颜色，我喜欢绿色，因为保护眼睛。

​

​

​

​

Ctrl+shift+alt+N 创建个新的图层。

然后开始勾线啦，按住R可以旋转画布，找到合适顺手的位置进行勾线。

PS：

勾线的同时注意一些省力的方式，比如面部边缘线先画出来，然后复制一个缩小调整内框，进行合并，面部就可以画出来了。

2、记得按照当初想法，把要动的地方进行拆分，比如我想让脑袋歪一下，眼睛眨一下，然后背后拿出一朵花。那么我就分成三个部分。脑袋加头发一部分，五官一部分，身体一部分。

​

​

表情包绘画之线条优化

有些人可能板绘线条不太好，那么我可以推荐PS钢笔工具进行描线，或者拉入sai中进行制作。

​

​

在sai中先调整原画的不透明度，并建立钢笔图层。

把钢笔图层拉到最上面。记住分层也要有头部，身体和五官三个层哦。

Sai里面钢笔工具比较强大，点击曲线工具进行勾线，勾完后Esc切断。

按着ctrl在线段之间可以添加点并可以拖动点，alt的话是减少点。

​

​

绘制完成后导入PS中进行加工。

Ps：sai中钢笔工具确实是手残党克星，但是有空自己做着玩最好练习手绘线条，熟练后手绘速度比钢笔工具快很多，并且绘画会有一种透气感。（不像我一般都是块图，导致画线条后干巴巴的，麻麻赖赖的，一点儿都不圆润。TAT~）

现在把这三个图层是面部边缘线，内线和头发，现在合并成一个图层。然后开始继续画另外两个图层，身体和五官。

​

​

因为五官现在有对称性，所以有些睿智（偷懒）的同学就知道怎么复制眼睛，并翻转了。

全部完成后把这三个分成一个文件夹内并复制并改名为第一帧：

​

​

GIF制作之基础篇

首先我们调整下第一帧的不透明度：

​

​

然后打开组2，ctrl+头部和五官，然后按下ctrl+T进行旋转头部。

记得找到中心点!!!比如说头部运动的话，以肩膀为轴心，就可以找到较为合理的运动轨迹。

​

​

然后复制最后一帧，取名中间帧1，然后把第一帧前面的眼睛点掉，把最后一帧不透明度调整百分之30。

​

​

把中间帧五官的眼睛擦除，让他秀丽的五官变得不完整，并重新建立一个新的图层，名曰眼睛2:

​

​

接下来要注意眼睛的线，我想让他眨动一下下，如果想感觉和谐的话，以中间线偏上一点点，一帧上眼皮先动，然后下眼皮微微一动。

​

​

上眼皮画完后，在眼睛上方加两条线，显示眼眶，这样省的画完后画面有些空荡荡的。

最后的话，你就会看到一个死鱼眼，别急，电视机中翻白眼的图很多都是这样的。（PS：女神从不闭眼）

​

​

然后重复之前的动作，复制中间帧1，把最后一帧前的眼睛点掉。调整不透明度30，把中间帧2中眼睛擦除，中间过程就不仔细讲了哈，这是考验你们有没有做笔记的关键时刻。

然后在中间帧2中，画上闭上的眼睛。

​

​

​

​

然后窗口时间轴，点击时间轴左下角的三个点点切换个窗口。

​

​

在时间轴右上角点击那几个杠杠，新建帧，有几个图就点几下，点击第一帧时找到第一帧的文件夹，后续帧数和文件夹依次对应。

调整下方时间，比如眨眼睛很快，就点击下方秒数调整为无间隔，要想动作流畅0.1是最好的。

​

​

然后先播放看一下效果：

​

​

（动次打次，动次打次）

GIF制作之进阶篇

这个GIF现在有些太快了，接下来要添加一些其他动作，比如手中鲜花，从背后拿出来。

先隐藏时间轴，咱们继续。

复制中间帧2，起个名中间帧3，然后把中间帧2调整不透明度百分之30。

这次咱们要处理的是胖胖的身体~

把领带以下擦除。在中间帧3创建两个新图层，花和花色。

​

然后把花朵先上色，同时画出环抱的样子。因为花有绿色，我就把背景改成了蓝色的了。

下面要注意一些细节，因为人物动态有些微微侧身，为了画面和谐，在线条处理上有一丢丢改变，其实幅度不大。

​

​现在让他把花抱在怀里，看起来甜蜜蜜的。

​

​

然后把花隐匿掉，复制中间帧3，命名中间帧2.5，同时把中间帧3的不透明度调整为百分之30.

现在就开始制作2和3之间的穿插帧啦。

把2.5的身体擦除掉~

​

​

这是图解2.5帧的运动轨迹，左手从背后转过来，然后右手有一定幅度的运动。同时身体轻轻歪斜一点点。

现在就可以进行制作2.5帧啦，按照运动轨迹绘制~ 如下图：

​

​

接下来复制图层2.5.重新命名。Ennnnnn…..随便起名吧，懒了。现在要绘制2.5和3中间的穿插帧。

因为花也是有运动轨迹的，所以这次要有3和2.5的花，同样也是半透明度。新建帧中胖胖的身体依然擦掉。

这帧过度的时候可以画两根速度线哦~

​

​

接下来就是预览了，步骤前面讲过，现在调整一下时间后看一看效果：

​

​

​

后续就是上色啦，上色这个步骤就不多说了，反正也不难，上色的过程中顺便处理下线条问题。

​

​

比如线条不太好，有脏东西，包括图案遮挡等。

接下来讲解下怎么添加字体，我们老大曾经问我你做的图有没有版权问题，我说：

我的是自己写的好么，只有我告别人侵权，甚至我自己都写不出俩一样的字体！

首先在第一帧建立个文字图层，然后右键混合选项，添加个白色描边。

​

​

接下来就开始写字了。

写字的画有两种方式，一种是全部写完，然后复制粘贴到每一组，另一种是写一个字，然后复制到下一组，再写一个字，依次写完，这样就会有一个字一个字蹦出来的效果了。我这边直接选择第一种啦。

我写的字依旧这么的飘逸……

​

然后把蓝色背景删掉，接下来是导出啦，导出的地方在这里，一开始制作gif的萌新很不好找~

​

接下来一起看看效果吧~

​

​

我先跟大家一起回顾一下今天的课程，首先进行线条制作，然后用一些复制，旋转等手法和技巧，进行其他帧制作。注意一些运动轨迹，和自行调整每帧的运动间隔。

最后进行上色，并导出。

本期课程就到这里，谢谢大家，如果有不懂的地方，请在下方留言。

更多C4D模型下载，请访问C4D模型网

优质模型尽在，https://www.c4dmodels.cn/