多语言展示
当前在线:1338今日阅读:23今日分享:31

微课程制作--汽车驶过四季

人们经常会感慨时间过的飞快,一眨眼就过了好久,今天我们带大家一起欣赏一下汽车驶过四季的繁华的案列,希望大家能从这个动画中得到启发。
工具/原料

炫课专业版

方法/步骤
1

点击插入--图片-普通图片,准备三个季节的场景图叠加在后面(组合成一张长图),可通过快捷键Ctrl加、Ctrl减来缩放观看图片,进行拖动放置位置,同样的方式插入小汽车和手指,如下图:

2

备好素材后,运用路径动画来实现,具体操作有:(考虑到路径动画有两部分组成,所以添加俩个隐形的矩形作为载体,供点击需要)第二步:点击插入--形状-矩形,插入矩形1 和矩形2,并设置填充色和边框色都是无色,两个透明的矩形1和矩形2叠加放置在小汽车上

3

选中背景组合图,点击右侧交互动画--添加动画--自定义直线,添加路径动画,路径长度控制在一个场景的中心位置,终点位置在场景外半个场景长度的距离,路径从右往左移动,这样我们预览的时候看的时候是汽车在往前移动,实际是我们的长背景在往左移动。

4

选中右侧动画列表中的背景图组合,点击上方触发--鼠标单击--矩形1,意思就是单击矩形1的时候触发背景图的移动

5

选中矩形1,在鼠标单击事件下添加动画,我们添加一个淡出动画,并选择与上一动画同时执行,这样我们放置矩形1和矩形2的时候,需要注意,我们的矩形1是放置在矩形2上方,淡出矩形1后就能点击到矩形2了

6

同样的操作,我们选中背景图后,添加路径动画,起始点放置在背景图的中间位置,终点位置在场景外半个场景长度的距离,添加完成后,同样点击触发-鼠标单击--矩形2

7

最后,为我们的手指添加一个点击提示,让用户去点击,因为我们的效果是汽车移动,所以这边我们为手指也添加一个短路径的滑动提示,点击右侧交互动画--添加动画--自定义直线,在手指上画一个短路劲,然后在点点击循环次数--无限循环。

8

这个动画大家看懂了吗?不是车在动,而是背景在动。

推荐信息