原来Loading动效可以这样做!!...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
2558 0 1 2020-09-13

AE动效Loading,5分钟学会。


最近A仔又学会了一些新东西,

现在就来跟我一起学习吧。



1新建合成


首先新建合成,宽高设为900pxX500px,帧数率为25,持续时间为1秒。

(设置如上图所示)


然后快捷键 ctrl+y 填充一个纯色背景。

(设置如上图所示)

2设置字体跳动动效


第一步输入字体Loading...,字体大小设置为48px(字体大小由个人喜好设置)。找到文字图层添加动画,添加位置。

(设置如上图所示)


添加位置后点击动画制作工具下弹出范围选择器,可以看到起始、结束、偏移和位置4种参数。接下跟着A仔来一起尝试一下调试参数吧!

(范围选择器如上图所示)


接下来开始调试参数,首先我们看到起始和结束还有偏移的参数单位默认为%,从左到右为0%到100%,意思就是说我们的文字


"Loading..."从"L"的左边开始为0%,符号“.”的右边为100%,同时"L"的最左边再往左则为负数。而位置的参数左边为X轴移动,右边为Y轴移动。

(如上图所示)


我们设置起始或结束设置为-10%(起始与开始同理,只用设置一个且不需要添加关键帧),开始和结束设置的大小会限制文字动效的范围,因此数值上最好设置每一个文字或字母在整体文字中的占比来进行参考设置,这样才能保障每次移动的是一个字母。偏移值的话我们需要设置关键帧,在0f'f设置关键帧偏移值设为0%,在1s设置关键帧偏移值设为100%。位置则设置Y轴数值为-20。

(如上图所示)


设置完成后我们移动时间指示器发现字体已经可以跳动了,那么A仔就要恭喜你完成了字体动效的自做啦!但是只有字体动也太单调了吧我们来加点图案特效吧。


3绘制图案


首先我们用矩形工具绘制一个5角星,点击内容——多边形路径—设置内径、外径、外圆度。

(5角星设置如上图)


(5角星如上图)


然后设置位置与旋转并添加关键帧。

(在时间轴开始处添加此关键帧如上图)

(在时间轴中间处处添加此关键帧如上图)

(在时间轴最后处处添加此关键帧如上图)


4完成


到了这里我们的Loading动效就做完啦,你也太棒了吧,A仔佩服佩服,让我们一起看看效果吧。

(最后效果图如上图)



End


做的还不错哦!

今天又和A仔一起学习到了有用的的东西,

未来也要继续加油哦!

更多干货教学,

敬请期待吧!



Powered by Froala Editor

全部评论:0条

  • 少年你算个什么

    2021-12-07 14:20

    很棒棒,已学会,我就喜欢这种简单的教程。不过那个跳动的原理还是不太理解

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票