- 设计必修课:中文版After Effects CC动画制作+视频剪辑+特效包装设计教程
- 李晓斌编著
- 571字
- 2025-02-20 06:28:00
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 预览界面元素入场动画效果