最近养了一只宠物,它叫 胖的

人活一辈子,总得有些信仰
彻底的怀疑论者总是生存维艰
于是我养了一只宠物
它叫做,胖的


image


来,跟客人打声招呼


image

“Nice to meet you”



————————备忘录的分割线——————————


之前 about 页面的行走动画也是用 AE 做的,时间久远,以至于下午打开 AE 居然一片茫然。于是写下完整的制作过程,以供备忘。

素材准备

在本子上画好线稿,导入 AI,构线,填色。然后根据动画变换需要,将素材分开存放。例如,上面的 logo 动画中,可以分成下面三个文件:


image


而 say hello 动画中,可以分成两个文件:


image


每个文件仅有一个图层,包含动画中所需要的部件。并且,画板的大小能够吻合图形的大小。这样素材在导进 AE 之后,它在 AE 中的 size 就是它自身的 size。如果一股脑儿全部导入到 AE:

  1. 首先,AE 根据图层来划分素材,得先将素材分层存放;
  2. 其次,每个图层的大小都是画布的大小,换句话说,“手 跟 身体 的大小尺寸都是一样的”,在设置动画的时候非常不方便。
打开 AE,新建项目跟合成

新建的合成的画布大小最好是 16:9 的,因为后面用 iMovie 修饰的时候,iMovie 是16:9 的尺寸,而且它貌似不能调尺寸。将素材拖到 AE 里面,然后再拖到合成的图层中,并且右键它,选择“从矢量图层创建形状”:


image


这样之后,我们的素材才能在 AE 施加一些矢量图形的变换。

对左手施加操控点动画

用 AE 里面的操控点工具对左手进行扭曲变形。制作动画时,只需要做一半就行了,剩下一半利用前半部的翻转来实现。这里有一点还没有搞明白,操控点的轨迹中,锚点的手柄该怎样弄出来。


image

添加视频背景

将视频背景拖进 AE,然后添加在最底层作为背景。接着将熊猫相关的所有东西创建一个预合成,相当于一个封装了,方便调整位置跟大小。


image

微调

根据视频的抖动来微调 胖的 的位置,这里可以用二分的方法:

  1. 首先在时间轴起始点终点创建两个关于位置的关键帧,调整位置;
  2. 观察起点跟终点之间这段时间内,是否需要调整位置。是,则在中点创建一个位置的关键帧,调整位置;
  3. 对左右两端时间区间,重复2
导出

渲染视频,这时我们已经有一半的动画了。接着将它拖进 AE,利用它创建两个层。一个层占总时长的前半段,另一个层占总时长的后半段。并且对后半段的视频应用翻转。再次渲染。


image


翻转的方法:选中图层,右键->时间->时间反向图层

修饰

在 iMovie 中新建一个项目,把视频拖进去,弄点滤镜爽一下。另外,貌似 iMovie 不能设置影片的分辨率,只能用它预设的。


image

导出 GIF

将导出的视频拖到 PS 里面,选择 文件->存储为 Web 所用格式,然后调整参数让 GIF 的大小合理一点。。。


image


至此完成。

一些快捷 tips
  1. 选中某个图层,按 U 键可以在“全部属性/拥有关键帧的属性”之间切换;
  2. 选中某个图层,按下对应属性的英文单词首字母,可以快速显示出该属性;



以上