前一段时间接了个任务......
画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的萌新很不好找~
接下来一起看看效果吧~
我先跟大家一起回顾一下今天的课程，首先进行线条制作，然后用一些复制，旋转等手法和技巧，进行其他帧制作。注意一些运动轨迹，和自行调整每帧的运动间隔。
最后进行上色，并导出。
本期课程就到这里，谢谢大家，如果有不懂的地方，请在下方留言。
,
