今天秋天小叶教我们具有视觉冲击力的题目动画方式——。

效果图如下:

你瞧,这个效果是不是非常有大片的既视感呢?

好,今天我们就来学习这种标题动画——飞入动画

动画原理分析

整体效果分析:上标题从左向右飞入,然后减速移动,最后向右飞出;而下标题与上标题动画效果一样,方向相反就可以了。

知道了动画的逻辑,我们再来拆解标题的动画效果。

标题文本添加的是三个动画效果的组合,分别是:【飞入】进入动画+【直线】路径动画+【飞出】退出动画。

那直线的减速效果是怎么设置的呢?我们将直线动画的效果选项,将平滑结束调到最大就可以了。

好,到这里我们已经将动画的逻辑与效果分析完了,现在再看这个动画效果,是不非常简单呢?

接下来,我们一起动手操作一下。

第一步,插入文本

首先【插入】-【文本框】-选择【横排文本框】,然后设置文本的【字体】与【字号】,案例这里使用的是「思源黑体」,字号是「48」,并添加【I】倾斜与【S】阴影效果。

第二步,添加动画效果组合

❶ 选中文本,【动画】-【添加动画】-选择【飞入】进入动画;

❷ 再选中文本,【动画】-【添加动画】-选择【直线】路径动画;

❸ 再选中文本,【动画】-【添加动画】-选择【飞出】退出动画。

第三步,修改动画参数

❶ 打开【动画窗格】,选中所有动画效果;

❷ 【开始】设置为【与上一动画同时】;

❸ 选中【飞入】进入动画,【持续时间】设置为:0.5 s;

❹ 选中【直线】动画,【持续时间】设置为:2 s,【延迟时间】设置为:0.5 s;

❺ 选中【飞入】退出动画,【持续时间】设置为:0.5 s,【延迟时间】设置为:2.5 s。

第四步,修改飞入动画的方向

❶ 选中【飞入】进入动画-【效果选项】,方向改为:自左侧;

❷ 选中【飞入】退出动画-【效果选项】,方向改为:到右侧;

❸ 选中【直线】动画-【效果选项】,方向改为:向右。

第五步,修改直线动画的终点

❶ 将标题放置在页面左侧,在修改直线动画的终点,可以打开参考线【视图】-【参考线】。

❷ 选中直线路径的终点(对,就是那个红色的点),将它拖动到页面中心(也就是参考线的位置)

第六步,修改直线动画的为减速运动

在动画窗格,双击直线动画效果,将平滑结束滑杆拉至最右侧,点击【确定】。

现在,上标题的动画效果就制作完成了,你学会了么?

相关推荐