甲虫课堂 > AE教程 >

AE制作超炫路径动效教程

阅读
2021-04-07 10:14:09

效果图:

AE制作超炫路径动效教程

首先,准备素材,在手机截屏获取所需图片。

AE制作超炫路径动效教程(1)

在ps中把背景、功能图标分开(包括加号旋转),同时放个蒙层#000000,60%透明度。

AE制作超炫路径动效教程(2)

打开AE,双击导入path的ps源文件。

AE制作超炫路径动效教程(3)

选择导入,会弹出选择弹出框,选择。

AE制作超炫路径动效教程(4)

双击图层列表便会出现在时间轴中,同时显示在中间视图中:鼠标在视图区域通过滚轴可以放大缩小,也可以通过下面的百分比选择。

AE制作超炫路径动效教程(5)

邮件合成,选择合成设置,设置动画的时间长度,设置3秒。

AE制作超炫路径动效教程(6)

把蒙版层和五个功能图标隐藏。

AE制作超炫路径动效教程(7)

把五个功能中及蒙版的图层在时间轴中缩短,点击加号层中的下拉三角,用旋转加号,往后大概0.3秒处位置打个关键帧。

AE制作超炫路径动效教程(8)

把时间指示器拖到五个功能的位置,给旋转设置成旋转-45度。

AE制作超炫路径动效教程(9)

然后显示蒙版层,在0.3秒处的位置透明度前打关键针,给出透明度为0,到上一个关键帧相同的位置透明度设为60%,可以按空格键播放测试速度,快了就把关键帧的距离间隔远些,反之就放近些,都可以拖动;记得中间按Ctrl+S保存。

AE制作超炫路径动效教程(10)

然后开始做五个功能图标。

同时选中,把小眼睛的图标打开,因为要做位移动画。

AE制作超炫路径动效教程(11)

按快捷键P,将时间指示器移动到加号转45度关键帧出,按下关键帧。

AE制作超炫路径动效教程(12)

再将时间指示器移动到0.3秒处,鼠标按住移动到加号上,将左边的加号图层移动的最上方即可。

AE制作超炫路径动效教程(13)

注意一定要基本吻合,完全被加号盖住即可。

AE制作超炫路径动效教程(14)

其他四个一样的操作。

AE制作超炫路径动效教程(15)

最后可以按空格测试一下位移的效果。

AE制作超炫路径动效教程(16)

按着Shift键选择关键帧,往后拖,间距大,则是放慢速度。

AE制作超炫路径动效教程(17)

接下来做回弹的效果。

将时间指示器往后拖一点,每个功能图标上移一点位置,每个图标依次做完。

AE制作超炫路径动效教程(18)

接着做旋转动画,位置动画和旋转动画最好一起做。

把时间指示器移到0.3秒处,选中五个功能图标层,按快捷键R,大关键帧。

AE制作超炫路径动效教程(19)

然后将时间指示器移到最远的关键帧处,输入1(旋转一圈),按空格测试一下。

AE制作超炫路径动效教程(20)

添加模糊效果。

AE制作超炫路径动效教程(21)

AE制作超炫路径动效教程(22)

AE制作超炫路径动效教程(23)

相关教程
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X