仅仅是个人的一个动效练习,如果有人看到并感兴趣的话可以联系我获得素材文件
打开素材文件

选择浮动按钮,Ctrl+J复制


选中拷贝的浮动按钮后,按ctrl键同时鼠标点击下方的浮动按钮图层

选中拷贝图层,将填充改为0%,在图层后面点击鼠标右键,选择混合选项--选择渐变叠加--参数如图

选择拷贝图层--鼠标右键--转换为智能对象--在时间轴中选择拷贝图层--添加不透明度的关键帧,在第二帧将不透明度修改为0%


选择浮动按钮图层--鼠标右键--转换为智能对象--在时间轴中选择浮动按钮--创建变换关键帧--在第二帧中按ctrl+T将图标旋转45度


选中圆盘,不透明度更改为100%

先在01:00f处点击图中圆圈中的按钮,创建关键帧,再在20f处创建关键帧,按shift键将圆盘右拖到画面外。

按照上边做拷贝浮动图标的方式,拷贝头像,制作透明度关键帧

选中内容页,在图中10f处创建关键帧,20f处将内容页移动到画面中。

一个超级简单的页面动效就完成啦,可以通过调整关键帧的位置来控制速度。
网友评论