【每周练习讲解】（八）AI结合PS制作动态图

首先是Illustrator的部分，这一部分在这个练习中反而比较简单。就是基本的卡通插画的绘制，主要工具就是钢笔一个，颜色上主要以渐变为主。
所以这个部分没什么特别需要说的，注意好物体的封闭情况，然后调整好物体的前后关系就可以了。如果绘制这一部分有问题，请好好练习钢笔。
1. 自己设计时，首先是手绘，我们这里第一步就变成直接钢笔描图了。

2. 填充单色，并确定要用到的颜色

养成良好的绘图习惯，所有用过的颜色，应该为全局色，方便后期修改。

3. 进行渐变的添加，让整个物体颜色更丰富。这张图大部分色块都是渐变。

4. 细节的添加，这里主要包括影子的部分；衣服上的褶皱；红晕等等。这里我影子是直接复制原物体，填充黑色后模糊得到的，你可以采用任何手段来得到影子。

5. 进行分组，讲自己需要的部分进行适当的群组，并确定好前后关系。但是注意这里文件依然只有一层，你可以看到所有物体图层的前面都是一个颜色（蓝色）

6. 通过图层面板右上角的菜单，执行“释放图层（顺序）”。将所有物体单独分层。

这个时候你可以看到物体图层前面的颜色都是不一样的。说明每组物体都有自己的图层了。

7. 执行菜单“文件》导出”存储为PSD格式。

导出时勾选“写入图层”。

到这里这个练习Illustrator的部分就全部结束了。如果这里的操作有问题，请好好练习钢笔。

然后就是Photoshop的部分了，PS部分主要用到了时间轴动画。近几个版本PS对于视频这一块的功能加强比较多，已经能够达到一个初级的视频编辑软件水平。
这里的演示版本为CC2014，不保证其他版本是否是相同操作。
1. 打开刚才AI导出的PSD格式，可以看到全部图层以图层组的形式已经分好。

2. 在每个图层或者图层组的后方空白位置，右键，将图层或者图层组转换为智能对象。这一步非常重要。


这里将人物身体的几层又重新创建了一个智能对象，主要是在做动画时减少图层数量。大家可以视自己物体的前后关系的情况，适当调整。

3. 建立完智能对象后，打开菜单“窗口》时间轴”面板，点击“创建视频时间轴”按钮。

你会看到所有的图层都已经变成了时间轴。

4. 在时间刻度上找到图中右边的滑块，将它拖拉到第19帧（20f）位置。设置整个文档的长度为20帧。

5. 展开每个图层前方的三角，点击“变换”命令前面的“秒表”按钮，记录物体变化。

你可以看到每个图层在第0帧的地方就会出现一个黄色的点

6. 拖动时间刻度上蓝色的滑块到第19帧（20f），再点击每层“变换”前方的“黄色点”，在第19帧（20f）创建关键帧。

接下来就是做动画了，请注意每步操作的对象！这里演示的帧位置并不是绝对的，大家可以根据自己的需要来进行添加。
1. 将时间刻度的蓝色滑块，移动到第4帧（5f）左右的位置。选中所有的时间轴，然后切换到“移动工具”，将所有物体一起垂直往下移动一些。或者直接用“下”键，进行移动。

2. 同样选中所有时间轴，移动到14帧（15f）左右，同“1”将所有物体往上移动。移动好后，按空格（或者图中的三角），播放动画，你可以看到所有的物体在执行一个上下移动的动画。（点击图中的”齿轮“图标，可以设置循环播放）

3. 然后进行单独调整，选中人物头的时间轴，调整到第4帧，然后”自由变换“，确定好旋转中心，然后旋转一定角度，确定。

同理，调整到14帧，然后在反向旋转一点。测试播放一下动画效果是否满意。不满意后退重做。

4. 同理，翅膀单独做旋转动画。这里不再重复

5. 尾巴单独做旋转动画。

6. 布单独做旋转动画

全部做完后，测试播放一下，看看是否满意。不满意重做。

最后就是保存GIF了。
1. 执行菜单”文件》存储为Web所用格式“

2. 选择GIF格式，设置”无仿色“，调整图片大小。因为百度对于GIF有大小限制，文件量太大的图片在贴吧内不会显示动态。所以调整下文件的尺寸，最好将文件的大小控制到500k以内。设置”循环“为永久。最后保存即可。

终于等到你

漂亮，楼主，有一些细节没有注意到，如翅膀，它不仅仅是旋转，羽毛间还有压缩伸展效果。
还有一种执着方法，就是主要在Ai中完成，如翅膀部分，制作出两个极端，然后通过混合生产中间的步骤，然后导入Flash或PS中执着帧动画。
或者没有部分作出帧动画后，再在PS时间轴上作为视频导入。进行制作。

崇拜

好复杂。。。

赞\(≥▽≤)/