【炫课进阶案例教程】节日倒计时动画的制作

关键词:进阶 案例 教程

国庆节长假已经过去~~大家可以愉快的通过炫页工具制作出自己独特个性的国庆作品来纪念自己度过的国庆节啦~

那么微课中各种各样的节日倒计时动画是如何制作出来的呢?

本次教程告诉你答案~

【这里主要讲的是时间表倒计时的制作】

 


▼最终效果图

 

 

 

 

 

制作步骤:

一、插入素材

❶首先插入背景:【插入】-【图片】,也可以选择插入其他带有钟表的背景图,然后插入一系列需要用到的素材。

 

❷倒计时所用的数字,使用上方菜单栏中【插入】-【文本框】

❸插入需要用到的所有数字,2014、5、23:59:55等等

❹案例中最后一个数字5,带有背景颜色,可以通过上方菜单栏【开始】中调节文本框背景颜色或者右击【形状格式设置】

在右击文字的时候需要注意,要右击文本框边缘的线才会弹出界面(其他这个位置的数字同样需要添加背景颜色)

 

【小技巧】:插入图片也可以直接复制文件夹中的图片在炫课中进行黏贴

 

 

二、排列

❶插入完成后,数字按照顺序排列,可以使用菜单栏中【开始】-【对齐】功能,如图所示

 

❷依次排列之后,保留一组数据,其他需要改变的数据先不显示,隐藏起来。

(隐藏功能在右侧选择窗口内,同样也可以右击素材选择【隐藏】)

 

❸上方钟表指针复制5个,调整在钟表上的位置

 

调整位置可以选中部件后,点击上方绿色小点进行调节

❹同样,调节完后隐藏掉目前不需要的部分

 

 

 

三、添加动画

现在可以开始动手制作动画部分了。

 

❶首先给一些素材加上进场动画,这里我选择了给时间表添加【放大】动画、指针添加【淡入】动画

(添加动画的方法:选中素材点击右侧【交互动画】在右上角有一个,或者在上方菜单栏【动画】中选择动画)

 

❷为了使动画看上去更加有趣生动,【放大】动画添加一个【弹性】

为了动画衔接的更好,2个【放大】动画其中一个设置与上一动画同时延迟0.25s,这样在上一个动画还未完全播放结束的时候第二个动画就会开始播放了

指针的【淡入】动画可以同时进行,或者依次显示,同样使用与上一动画同时

 

(【与上一动画同时】可以在右侧【交互动画】中设置,或者在上方菜单栏【动画】中设置)

 

下方数字同样也可以在开始给它添加一个进入的动画

 

❸准备工作做完,现在开始正式着手倒计时动画

不选中任何部件,添加【隐藏/显示部件】

在其中调整参数,显示个位秒数的6(由于有背景颜色,不用考虑隐藏原来的5的问题)

同时钟表上的指针需要转动,在上一个【隐藏/显示部件】后再添加一个【隐藏/显示部件】,为这个动画调整参数

图中[56]指秒针指在56秒的位置,[0222]指秒针停留在55秒的位置,同时给这个动画设置与上一动画同时

 

为这两个动画设置延迟1秒

 

然后按照同样的方式作出57秒、58秒、59秒

 

在60秒的时候显示为 00:00:00

 

需要隐藏掉原来的 23、59、2014,显示之前隐藏掉的2015、00、00,同样使用【隐藏/显示部件】

 

 


这样整个倒计时动画就完成了,大家动手试试看吧!

 

 
  • 编号:570
  • 更新时间:2015-10-08 09:32:52
  • 资源类型:工具软件
  • 资源大小:20.65M
  • 浏览次数:(今日:,本周:,本月:
  • 资源评分:★★★☆☆

下载地址

相关内容

资源排行

最新资源