广东快3>WIKI库>学习AE>AE设计之交互动画练习

AE设计之交互动画练习



杀毒软件的小动画


下面做一个杀毒软件的小动画。首先要用PS去设计好,如图是一个设计好的页面,整个页面上下的布局要做的就是旋转的部分,以及包括数字的变化、背景颜色的变化。“90分”应该给一个绿色或蓝色。


5.png


更改为如下图右边的命名,保存到桌边上。


6.png


打开AE软件,新建一个,将之前桌面上保存的图片拖拽进来,“合并图层样式到素材”,点击确定。先完成数字部分,点击效果、文本、编号,给它一个动画效果。


7.png


然后选择颜色,选择字体,最好选择苹果或安卓自带的字体。然后加粗、居中对齐、确定。


8.png


因为分数从小到大,所以给个“8”,把字号调大一点,罗列到“90”下面,然后把“90”隐藏。同样从两秒钟时给个变化,在第八秒时给个“100分”,调整位置。然后数字递增这部分就完成了。


9.png


下面完成一个按钮的点击效果,左下角位置操作变换不透明度,完成点击效果的设置。设置圈的旋转效果,动画设置的6秒钟时间,然后旋转5圈,检查效果。下面需要用到特殊的样式来完成颜色的变换。如图选择样式、颜色校正、色相饱和度。


90.png


设置两个帧,进行色相的变化。下面再给一个“缓入缓出”的效果,这样就会有一个加速的过程。


91.png



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录