3.3.7 应用案例——制作界面元素入场动画

素材：第3章\素材\33701.psd

源文件：第3章\3-3-7.aep

技术要点：掌握“变换”属性动画的制作方法

扫描观看视频

扫描下载素材

STEP 01 导入PSD格式素材“33701.psd”，自动创建相应的合成。双击“项目”面板中自动生成的合成，在“合成”窗口中打开该合成，如图3-64所示。

STEP 02 首先制作“背景”图层动画，将“时间指示器”移至0秒位置，选择“背景”图层，按【T】键，显示该图层的“不透明度”属性，从0秒至1秒制作该图层“不透明度”属性从0%至100%的动画效果，如图3-65所示。

图3-64 “合成”窗口与“时间轴”面板效果

图3-65 制作“背景”图层“不透明度”属性动画

STEP 03 选择“Logo文字”图层，将“时间指示器”移至1秒位置，显示该图层的“缩放”和“不透明度”属性，制作该图层“缩放”和“不透明度”属性均为0%到“缩放”和“不透明度”属性均为100%的动画效果，如图3-66所示。

STEP 04 选择“按钮1”图层，将“时间指示器”移至2秒位置，显示该图层的“不透明度”和“旋转”属性，制作该图层内容从完全透明到旋转显示的动画效果，如图3-67所示。

图3-66 制作“Logo文字”图层动画

图3-67 制作“按钮1”图层动画

STEP 05 按照与“按钮1”图层相同的制作方法，完成“按钮2”和“按钮3”图层中动画的制作，此时的“时间轴”面板如图3-68所示。

图3-68 “时间轴”面板

STEP 06 最终完成该界面元素入场动画的制作，预览动画效果如图3-69所示。

图3-69 预览界面元素入场动画效果