简单迅速的动态海报教程

完整作品链接： http://www.zcool.com.cn/work/ZMTc0MzEwMTI=.html 

接下来教程开始~

首先找好素材用PS完成一份完整的设计稿，这是装逼的第一步，也是很重要的一步。确定整理风格，保证后期的美感。

考虑好你的画面要怎样“动”。

例如这里我需要荷花微微摇摆，但是后面的荷叶不动，那就需要把荷花抠出来，把荷叶空白的地方补齐。

接下来就是正片开始，简单的小白式动效教程。

说明一下，AE目前是有官方中文版的。

我使用英文版不是装逼，而是因为当初学的时候还没有中文，一直使用英文版，现在用中文一些翻译对不上号，有点不习惯。

导入PSD。

在AE中选择File-Import-File...（文件-导入-文件...）,快捷键Ctrl+I，选择刚才保存的PSD。

此时会弹出一个对话框，如下图

选择Composition - Retain Layer Sizes（合成-保持图层大小）

Editable Layer Styles（可编辑的图层样式）。

点击OK之后，PSD就以一个合成的方式导入到了AE之中。

AE的工作方式也是“层”，类似PS，很好上手。

接下来就要开始做动效了，不过第一步我们要做一个预合成。

选中荷花图层，然后菜单选择 Layer - Precompose...(图层 - 预合成...)，快捷键Ctrl+Shift+C，

此时会弹出一个对话框，选择Leave all attributes in“08”（将所有属性保留在“08”），点击OK。

这样荷花图层就嵌套进了一个合成里面，我们再对这个合成加特效，

至于为什么不直接对荷花图层加特效，你自己试试就知道了（懒癌发作）。

 

至此，我们的整个合成结构应该是这样的。

如果你进入“荷花 Comp 1”，会发现合成大小刚好是荷花大小，这样荷花摇动的时候就会“出界”，所以我们需要调整合成大小。

点击合成08，双击【荷花 Comp 1】（确保你是双击，进入了此合成，而不是选中）。

然后菜单选择 Composition - Composition Setitngs...(合成 - 合成设置)，快捷键Ctrl+K。

调整宽度和高度，让我们的小花有足够的空间去摇摆，然后点击OK。

接下来添加特效，回到合成08，选中【荷花 Comp 1】

然后菜单 Effect - Distort - CC Bend It（效果 - 扭曲 - CC Bend It）

接下来特效控制台出现了，调整一下第一项数值试一试，荷花是不是已经摇摆起来了。纳尼，荷花方了？！不要方，我们再来调整。

Start项按一下定位的小图标，

再单击荷花的根部略低一些的位置，这是运动的起始点。

End项同样，调整到荷花的顶部略高一些的位置，让荷花完整显示出来。

接下来，神奇的表达式该出场了。我们不需要去key帧，一个表达式就可以让荷花随机摇摆。

首先，Bend项的数据归零，然后按住Alt键，鼠标左键点击Bend前面的小秒表图标。

你会发现数据变红了，并且时间轴下面多出来一串神秘代码。

删掉这段代码，写上 wiggle(2,5)

这段表达式就是让Bend这一项的数值随着时间轴随机变化，频率是每秒2次，幅度是5，你也可以根据你自己的情况来设置不同的数值。

现在拖动一下时间轴，荷花已经摇摆摇摆了。

接下来把花蕾也用同样的步骤摇摆起来，甚至荷叶也可以动一动，但是把握好尺度，不要太鬼畜。

 

最后呢，再图层的最下面加点游来游去的小鱼素材，大功告成。

啊不，还要导出。

 

按合成设置，之前讲过，Ctrl+K，设置好时长，例如这里我需要6秒钟，将Duration设置为0：00：06：00，这里的意思是【小时：分钟：秒：帧】，点击OK。

接下来按Ctrl+M，将合成添加到渲染队列。

Render Settings这里我们不需要更改，Output Module这里为了保证效果我们也不做更改，默认的无损输出就好（输出结果会很大）， Output To这里更改文件的导出位置，然后点击Render渲染。

渲染完成后感受一下，6秒钟的视频就有八百多兆了。

打开PS，把视频丢进去。没错，PS是可以直接处理视频文件的。储存为web所用格式，选gif，根据自己的需求调整一下大小和颜色。不要太大。

储存，完成。

 

整完之后发现好像忘了说文字的效果了，经过了两秒钟的思想斗争我决定下次再说。（懒癌再次发作）

 

第一次写教程，为了没接触过AE的也能看懂，写得有点啰嗦。以后有机会的话会更一些更高级的内容。

就这样。