效果图
第1步:在Illustrator里绘制图形
打开Illustrator,画布大小设置为800X600px大小。创建出一个图形,然后新建一个图层,用钢笔在图形的边缘上创建动画路径。
还需要创建另外5条路径,这些路径将用于制作动效。路径的数量不是固定的,想创建多少条都可以。
第2步:AE合成
打开AE,按(CRL+N)创建一个新的合成。建立一个新的合成,设置。大小为800X600,持续时间为5秒,其他的使用默认设置就可以了。
第3步:Illustrator转到After Efect
新建一个固态层(CRL+Y),图层颜色可以自定义。
切换到Illustrator,"复制"其中一条路径,然后切换到After Effect,选中刚建立的固态层"粘贴"。路径可能会过大,需要缩小视图才能看得到。双击路径并缩放到合适大小。
为Illustrator里的每一条路径新建一个新的固态层,将路径复制到固态层中。所有路径一起复制一个图层中,但做不出预期的效果,所以还是确保一条路径一个固态层。同样的也要为Logo准备一个固态层。
第4步:特效
先选中一个图层的路径,添加"描边"特效。
图层数量由路径数量决定,为每一个图层的路径添加"描边"特效。
选中图层,打开刚才添加的"描边"特效。
设置绘制风格为"在透明通道上"。去掉固态层的背景,只留下描边路径。
接下来将时间指针移动到2秒的位置。在停表左边有菱形形状的小按钮。点击添加关键帧,同时改变"开始"和"结束"的值为100%。将指针移到00:00的位置。将"开始"和"结束"的值改为0%。这样在00:00的位置"开始"和"结束"的值都为0%,在2s的位置"开始"和"结束"的数值都为100%。
最后只要将star和end的关键帧位置错开就可以了。
拖拽playhead在0到2秒之间移动。
改变粗细,透明度等数值来影响动画效果。
第5步:调试和优化
缓动
添加缓动效果会让动效看起更自然。右击关键帧,选择 关键帧辅助>柔缓曲线(F9),这时菱形关键帧就会改变形状,说明添加完成缓动效果。
如果想要预览动画效果,可以使用内存预览(0键),预览也需要渲染时间,可以从绿色的进度条观察。
添加画笔大小动画
为画笔粗细添加了3个关键帧,从2到12再回到2。
调试时间轴
添加小动画。
在图层最上面添加了一些小动画。新建一个合成。在合成里制作完后,把它们拖到时间线面板里,放在不同位置,然后调整大小就可以了。
第6步:输出
在想渲染的合成里面,然后选择图像合成>添加到渲染队列。
接下来在渲染队列面板里,需要指定文件位置,也可以进行其他的输出设置。输出.mov格式的影片。
单击"渲染"按钮。听到"叮"的一声就完成了。在ps里面打开,然后"储存为web所用格式。在弹出的对话框中,选择gif格式,然后在下面选择"循环"就可以了。