今天米醋是给大家的。
一个实际的AE案例被称为,
智能界面交互动画,
用米醋一步一步学!
我们先来看看最终的动态效果图。
点击视频观看。
正在加载视频.
观察并理解软件PS中的case层,如图。
打开软件AE,将[PSD]材质文件拖入AE,选择[构图-保持图层大小]-[可编辑图层样式到材质],双击文件观察图层,如图所示。
选择【状态栏】图层,在10F的【位置】处键入关键帧,选择关键帧,添加【F9】Ease,调整【曲线】,输入【文本内容】调整【填充颜色】,如图。
选择文字输入位置,选择[效果]-[文字]-[数字],调整[数字]的字体,如图。
在项目视图中修改编号参数,在1秒位置添加关键帧,并将[值]调整为244。按【空格键】进行预览观察,如图。
在1秒关键帧修改【数字】参数的【填充颜色】,按【空格键】预览观察,如图。
选择【切换按钮】图层,添加【S】缩放在20f处添加关键点,后移打关键点,调整【缩放】为【110】,再后移添加关键帧,添加【F9】点动换入,调整【编辑速率图标】曲线,如图。
双击[Home],选择[状态栏]键在10F,移动[状态栏]到顶部,添加[F9]缓出,调整曲线,如图。
选择【大圆】并在10F处标记【缩放】关键帧,开始时将【缩放】关键帧调整为【0% 】,如图。
选择【点光源】为【父】,调整【点光源】中心点的位置为大圆的圆心,如图。
选择【点光源】图层,添加【旋转】,1秒钟添加完毕。
加一个关键帧,【旋转】参数调整为【1】,按【空格键】进行预览观察,如图所示。

选择【点光】图层,旋转添加【F9】缓动缓入,在3秒钟添加关键帧,修改【旋转】为【4】,按【空格键】进行预览观察,如图所示。

选择【tab】在10f添加【位置】关键帧,把【tab】移动至下方,把【开关】的父级设置为【tab】,添加【F9】缓入缓出,调整【曲线】,如图所示。

选择【数据信息】和【功能按钮】图层,添加【T】不透明度开始关键帧为【0%】,按【空格键】进行预览观察,如图所示。

选择【首页】图层,在1秒添加关键帧,调整【T】不透明度,如图所示。

双击进入【浮层】,把【滑动按钮】、【进度完成】、【进度】、【组1】设置父级为【背景】,在10F【P】位置添加一个关键帧,移动【背景】到下方,如图所示。

选择【背景】图层的【蒙版路径】,使用【钢笔工具】通过【锚点】,调整【背景】图层的形状,如图所示。

选择【首页】图层,调整关键帧位置,添加【U】模糊,【Ctrl+C】复制模糊第一帧,【Ctrl+V】粘贴到结束关键帧,如图所示。

添加【亮度和对比度】,调整关键帧位置,【Ctrl+C】复制亮度第一帧,【Ctrl+V】粘贴到结束关键帧,如图所示。

修改【高斯模糊】,调整【合成设置】,修改【持续时间】,添加素材【手机壳】,如图所示。

拖拽【空气净化器】到素材,【S】缩放图层,点击【效果】-【扭曲】-【边角定位】,通过【顶点】调整【工期净化器】的位置,如图所示。

选择【Ctrl+M】渲染图层,导出【avi】格式素材文件,打开PS软件,添加【avi】格式素材文件,【Ctrl+Shift+Atl+S】存储为Web所用格式保存为【GIF】文件,参数如图所示。

完成制作,最终效果如图所示。
