头部左侧文字
头部右侧文字
当前位置:网站首页 > 资讯 > 正文

动画喷泉设计方案[音乐喷泉动画设计]

作者:admin日期:2024-05-12 18:10:50浏览:48分类:资讯

预计完整阅读本文需流量 2MB

家里有WiFi,请放心食用~

在之前的教程中,我们介绍了一种标题动画——叠影字效果(点击此处查看)。

今天,小秋继续教大家一个具有视觉冲击感的标题动画的方式——飞入,

效果图如下:

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

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

动画原理分析

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

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

标题文本添加的是三个动画效果的组合,分别是:

【飞入】进入动画+【直线】路径动画+【飞出】退出动画

那直线的减速效果是怎么设置的呢?

我们将直线动画的效果选项,将平滑结束调到最大就可以了

动画喷泉设计方案[音乐喷泉动画设计]

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

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

  

插入文本

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

添加动画效果组合

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

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

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

修改动画参数

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

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

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

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

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

  

修改飞入动画的方向

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

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

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

  

修改直线动画的终点

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

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

修改直线动画的为减速运动

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

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

你来完成挑战下标题的动画制作,加油!

暂无评论,来添加一个吧。

取消回复欢迎 发表评论: