《数字设计与动画制作》课件-第16课 AE动效制作

第16课

AE动效制作16AE动效制作--Loading动画任务1

图层准备

活动1新建合成活动2绘制圆环图层准备本案例选取了界面设计中的loading制作效果，使用了圆环这一基本元素进行动态设计，简单的元素也可以通过我们的设计产生炫目的动态效果，圆环从虚到实，旋转放大伴随其中的loading百分比数字进度的变化而变化，通过此案例熟悉MG动效在界面设计中的运用，同学们举一反三也可以设计出更多的动效项目。1案例设计

理解路径动画在AE中的制作原理，了解圆环动画，虚线动画的制作原理掌握编号特效文字生长特效。2

学习目标3

策划导图（1）圆环绘制

形状工具设置填充为“无”设置边框属性即可绘制正圆边框，边框设置中通过添加-“修剪路径”添加椭圆修剪效果（线段变圆）4

预备知识（1）虚线动态旋转效果

通过调节描边--椭圆--描边--虚线点击+号添加“虚线”、“间隙”、“偏移”参数添加虚线线段变实线或者实现变虚线等变化效果。4

预备知识学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等16AE动效制作--Loading动画任务2圆环动画调节

活动1虚线属性活动2圆形动画调节圆形动画调节（1）外圈环形动画添加“修剪路径”调节“结束”、“偏移”、“不透明度”参数完成外圈绕圈动态。5

知识链接活动1虚线属性（2）内圈动态添加添加“虚线”对应属性使椭圆边框变成虚线状态。通过调节调节“虚线”、“间隙”、“偏移”参数完成内圈从虚线环绕后变成圆的动态。两层圆的动态有间隙和快慢的差别。5

知识链接活动2圆形动画调节（3）内圈透明度的调整

对内圈两层的透明度进行调节，增加圆环动画的层次感。5

知识链接学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等16AE动效制作--Loading动画任务3文字添加

活动1普通文字活动20-100效果调节文字添加（1）普通文字通过添加文字工具输入“Loading”文字。5

知识链接活动1普通文字（1）0-100效果调节添加任意文字到“Loading”文字下面，添加效果中的“编号”，通过调整“数值”/“位移”参数为“0”--“100”关键帧动画调节数值变化效果。5

知识链接活动20-100效果调节（2）单独添加文字“%”为单独一层，完成所有文字添添加。

5

知识链接活动20-100效果调节学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等16AE动效制作--Loading动画任务4圆环动画整体缩放调整任务5文件输出圆形动画整体缩放调整（1）为了添加圆环的动态感需要为已经做好动画的圆环整体添加透明度与缩放动态。这是MG动效中经常会使用的动态叠加。5

知识链接任务4圆环动画整体缩放调整（2）Shift键盘单击三个圆环选中三个圆环“Ctrl+shift+C”预合成三个圆环，这样三层

就变成了“一层”，这里的一

层其实内部嵌套有三层，也

就是我们刚才转换的三层。5

知识链接任务4圆环动画整体缩放调整（3）为嵌套后的预合成添加缩放与不透明度动画，添加双重动态效果，增强动效。5

知识链接任务4圆环动画整体缩放调整（3）为嵌套后的预合成添加缩放与不透明度动画，添加双重动态效果，增强动效。5

知识链接任务4圆环动画整体缩放调整（1）Ctrl+M输出设置后输出文件，完成此案例。5

知识链接任务5文件输出

学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用