今天来给大家说说如何制作倒计时和加载进度表。
先看下效果图:
我们先看第一个案例的制作:倒计时
简易倒计时制作
STEP 1:插入对象
设置页面背景色为黑色。
插入一个圆,不带有填充色,轮廓色为白色。
再插入一个文本框,输入10.
STEP 2:给文本框添加动画
选中文本框,点击-添加动画,选择“缩放”的进入动画
STEP 3:复制页面
选中第一页幻灯片,将其复制9张,总共是10张。
复制的时候注意,先选中第一页幻灯片,ctrl+C复制
但是粘贴的时候,要注意,在第一页幻灯片下方空白的地方,鼠标右键,选择保留源格式粘贴。
STEP 4:修改数字
将复制出来的9张幻灯片,文本框里的数字分别修改为9 8 7 6 5 4 3 2 1
STEP 5:设置切换方式
选中第一页幻灯片,选择【切换】,将切换效果设置为【无】
将换片方式选择【设置自动换片时间】,将时间设置为1秒。
最后点击应用到全部
这样基本就完成了倒计时的制作。
最后还可以补充一点小细节。
STEP 6:给圆设置动画
只需要给第一章幻灯片,也就是“10”这一页,设置圆的动画效果就可以。其他几页不需要添加。
选择圆,点击添加动画-在更多进入效果里选择【轮子】的进入动画。
最后在动画窗格里调整,动画的开始方式。
将圆的开始方式设置为【从上一项开始】
文本框的开始方式设置为【从上一项之后开始】
这样就完整地做出了这个效果:
下面我们来看下加载进度条的制作
加载进度条的制作
我们先来学习下简易版的加载进度条:
这种效果其实很简单。
STEP 1:插入对象
在页面里插入这两个形状的对象:
调整对象的位置,使其重叠成这样:
STEP 2:给黄色矩形块设置动画效果
选中中间黄色的矩形块,给它添加一个【伸展】的进入动画。
在更多进入动画效果里可以找到。
现在调整伸展的方向。
在效果选项里,选择【自左侧】
同时将动画的持续时间设置为5秒,将动画的开始方式设置为【从上一项开始】就可以了。
这样就完成了制作。
下面我们再来学习下加强版的加载动画的制作。
这个动画效果主要包括了两部分:最上方圆的转圈效果、黄色进度条的效果
一、圆的转圈效果。
STEP 1: 插入一个文本框
借助于输入法的特殊字符输入,输入几个实心圆。
现在要用到以前教给大家的文本压缩动画的制作了。
需要安装口袋动画。
在口袋动画里,选择【文本选项】
打开设置窗口:选择直接压缩,点击确定。
点击确定之后,再点击【文本压缩】
现在这么些个圆已经压缩成一个圆了。
STEP 2:给文本框添加动画效果
选中压缩后的这个文本框,点击【添加动画】,在更多动作路径里选择【圆形扩展】
添加之后,如果路径不是圆形,而是椭圆的,可以手动去把路径调成圆的
最后关键的一步,在动画窗格里,选中这个动画效果,右键点击【效果选项】
将动画文本设置为【按字母顺序】
同时在【计时】里【重复】选择4次。
二、黄色进度条的制作
STEP 1:
将页面背景色设置为白色。
插入一个黑色的矩形块,铺满页面。并将其置于底层。
再插入一个圆角矩形。
现在先选中黑色矩形块,再按Ctrl键同时选择这个白色的圆角矩形。
执行:绘图工具-合并形状-剪除
这样子,现在这个矩形就是一个镂空的矩形。
STEP 2:
插入一个黄色的矩形,黄色矩形的长度和白色圆角矩形的长度要差不多。同时将其置于底层:
给黄色的矩形块,添加一个【直线】的路径动画
在效果选项里将其运动方向改为向右。同时调整运动的结束位置,使得结束位置的黄色矩形右侧刚好和白色圆角矩形的右侧重合。
调整动画的开始方式为【从上一项开始】,并将其持续时间设置为20秒。
这样就完成了制作。
今天讲的这三个案例,大家可以自己动手跟着做一做。
联系客服