AE进阶教程,让动画背景动起来

86素材网:使用“生成效果”从零开始创建可用于创建动画背景的动画图形元素

AE进阶教程,让动画背景动起来-86资源网

这是一张看起来有些单调的图像,因此我们需要为它添加一个棋盘格效果的动画背景让它变得生动饱满起来。

1. 打开Ae。在主菜单中,依次选择“图层” > “新建” > “纯色”

AE进阶教程,让动画背景动起来-86资源网

2. 在 “纯色设置”对话框中单击“制作合成大小”按钮,使色图层的大小和合成图像的大小保持一致;由于我们需要创建条纹而非网格,因此在这里我们将“宽度”调整为 20,接着从下方的颜色框中任选一种颜色,然后单击 “确定”

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

3. 在“时间轴”中选择刚刚建立的纯色图层,然后在主菜单中,依次选择“效果”> “生成”> “棋盘”。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

4. 在“效果控件”面板中,从顶部开始,将 “锚点”设置为 -1,0(为 X 选择负值,是为了让边缘刚刚偏离纯色图层左侧)。

AE进阶教程,让动画背景动起来-86资源网

5. 移动到“宽度”。将 “宽度”设为 25

AE进阶教程,让动画背景动起来-86资源网

6. 然后,在时间轴中单击你刚刚创建的纯色图层;将它移动至“Lion”图层和“Background”图层之间,此时线条形状已经跑到了狮子的后面。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

7. 为了使线条形状看起来像条纹,在键盘上按下 “S”键。 打开“缩放”参数,单击锁链取消比例限制。将鼠标悬停在X参数上,然后按下Shift 将 参数向右划动,确保条纹边缘完全覆盖画布。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

8. 按下键盘“T”键打开纯色“不透明度”设置,然后将不透明度值修改为21%

AE进阶教程,让动画背景动起来-86资源网

9. 接下来,给这些条纹添加动画时,我们希望它们按照从上到下的顺讯流动,因此我们将对“锚点”设置关键帧。确保“当前时间指示器”处于“时间轴”的 帧位置,然后在“效果控件”面板中单击“锚点”文字左侧的秒表添加关键帧。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

10. 将“当前时间指示器”移动至“时间轴”的末端,将“锚点”值更改为设(-1,200)

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

11. 按下键盘上的“U” 键显示关键帧。 然后按下键盘上的 “J” 和 “K” 键将“当前时间指示器”在两个关键帧间来回移动,确保背景没有任何动作。将“时间轴”中的最后一个关键帧下移一帧。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

12. 按下“空格键”预览动画。

AE进阶教程,让动画背景动起来-86资源网

02

使用 “单元格图案”效果中的“圆环”和“演化”选项创建自然的环形图案背景

02

AE进阶教程,让动画背景动起来-86资源网

我们再来为这张同样单调的图像添加一个流动的的循环图案动画效果

1. 打开Ae,选择“Green Background”图层。然后在主菜单中,选择“图层”> “新建” > “纯色”

AE进阶教程,让动画背景动起来-86资源网

2. 在 “纯色设置”对话框中单击“制作合成大小”按钮。之后使用“吸管工具”对绿色背景进行取样(你也可以在颜色框中任选一种颜色),然后单击“确定”

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

3. 在 “时间轴”中选择 刚刚创建的“纯色图层”,然后在主菜单中,依次选择“效果> “生成”> “单元格图案”

AE进阶教程,让动画背景动起来-86资源网

4. 确保“当前时间指示器”处于“时间轴”0帧的位置。在“单元格图案”“效果控件”中,将“单元格图案”设置为“气泡”(当然,你也可以选择其他的图案),然后启用“反转”

AE进阶教程,让动画背景动起来-86资源网

5. 将尺寸大小设置为你想要的数值,这里设置为 “250”

AE进阶教程,让动画背景动起来-86资源网

6. 在“效果控件”中,单击 “演化”旁的 “秒表”设置第一个关键帧。然后,将“当前时间指示器”移至视频合成末尾,然后将 第一个“演化”更改为“2”,从而设置最后一个关键帧。

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

7. 打开“演化选项”,启用“循环演化”来确保动画自然平滑。

AE进阶教程,让动画背景动起来-86资源网

8. 单击“切换开关/模式”按钮显示图层混合模式。将纯色混合模式更改为“相加”。然后按下键盘“T”键,将不透明度设置更改为值“40%”

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

AE进阶教程,让动画背景动起来-86资源网

9. 按下“空格键”预览动画。

AE进阶教程,让动画背景动起来-86资源网

完成!

1. 86素材网软件资源源码都来源于网络采集和网络分享转贴(除注明原创外),请不要用于商业用途,如有侵权请邮件联系客服邮箱:2909993616@qq.com删除
2. 本站默认所有资源的解压码都是:www.86ziyuannet.com,如果遇到问题请联系客服
3. 86素材网提供的所有源码、软件、插件、资源等等其他资源,都不包含技术服务请大家谅解,部分资源可能失效,大家自己调试
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需,不支持退款
5.本站资源大多存储在云盘,如发现链接失效 【点击反馈】我们会第一时间更新

86资源网 » AE进阶教程,让动画背景动起来

86资源网,提供最优质的资源集合

立即查看 了解详情