在幻灯片中制作倒计时效果通常是输入多个文本框,将连续不同的数字放入每个文本框中,设置为完全重叠,然后设置为在一定时间内出现和消失,从而达到倒计时效果。这种方法至少有两个缺点,一是制作费时费力,二是倒计时固定。如果你想改变它,你必须重新制作它,这是没有互动的。若使用Articulate Storyline 三软件,利用变量制作交互式倒计时效果,不但制作简单,而且倒计时时间可灵活输入,交互性很强(图1)。接下来,我们将学习它的制作方法。
1. 设计倒计时界面
打开Articulate Storyline 三、新建一个项目。在“故事视图”状态下,双击“无标题幻灯片”进入编辑窗口。右击空白处,选择“设置背景格式”,在弹出窗口设置所需背景;选择“插入”选项卡,点击“滑块”选择最喜欢的滑块样式,在幻灯片的适当位置绘制滑块控制器,切换到“设计”选项卡,设置为0,90,0,1,默认“滑块1”(以上参数可根据需要调整);选择“格式”选项卡,根据需要设置滚动块和轨道的填充、边框效果等。将文本框插入滑块右侧,输入“123”,设置其尺寸、字体、颜色等样式,显示当前滑块值,即倒计时总时间;使用形状,在幻灯片中央画一个正圆,右击并选择“编辑文本”,输入456,设置其尺寸、字体、颜色等样式,显示当前不断变化的倒计时间;切换到“插入”选项卡,单击“按钮”,根据需要选择按钮样式;在幻灯片的适当位置画一个按钮控制器,并根据需要选择按钮样式;然后使用文本框在幻灯片中标记所需的文本描述(图2)。
小贴士:如果不使用滑块,点击“输入”选项卡→数据条目→可用键盘输入的控件插入幻灯片中的数值条目字段。
2. 添加控制变量
点击窗口右侧触发器面板中的“管理项目变量”,点击弹出窗口中的“ “添加新变量,名称设置为djs,类型为“数字”,默认值为0,因此项目中有两个变量,一个是新建的djs,变量“滑块1”是在上面创建滑块时建立的。
3. 添加时间来控制动画
使用形状工具在幻灯片外面画一个矩形。选择此矩形,选择“动画”选项卡,单击“添加动作路径”→线条,“持续时间”设置为1,即完成路径动画需要1秒(图3)。
提示:提示时间非常重要,其设置标志着倒计时的准确性。
4. 将变量添加到幻灯片中
切换到“插入”选项卡,选择幻灯片文本框中的123,点击“引用”,在弹出窗口中选择变量“滑块1”。这样,当滑块值发生变化时,这里的显示也会发生变化。同样,选择正圆中的456,单击“引用”并选择变量djs(图4)。
5. 设置触发器
点击右侧触发器面板中的“新触发器”,选择弹出窗口操作处的“调整变量”djs,选择运算符处“运算符处”=分配”,值选择“变量”;选择“滑块1”,时间选择“用户单击”,对象选择“按钮1”。这样,当单击“开始”按钮时,滑块的当前值就会给出变量djs(图5)。
新触发器在弹出窗口操作处选择“移动”,对象处选择“矩形1”,路径处选择“直线动作路径1”,时间处选择“用户单击”,对象处选择“按钮1”。这样,当单击“开始”按钮时,矩形将沿直线路径移动,移动时间为1秒。由于矩形放置在幻灯片外,播放时看不到(图6)。
在新触发器中双击矩形下的触发器,在弹出窗口的操作处选择“移动”,对象处选择“矩形1”,路径处选择“直线动作路径1”,时间处选择“动画完成”,对象处选择“矩形1”,动画处选择“直线动作路径1”(图7)。
添加触发器,选择弹出窗口操作处的“调整变量”,选择变量处djs,操作符处选择“-减去”,值处选择“值”,输入1,时间处选择“动画完成”,对象处选择“矩形1”,动画处选择“直线动作路径1”;单击“显示条件” 在弹出窗口中选择“变量”djs,选择运算符处“运算符处”>大于”,类型选择“值”,值输入0(图8)。
6. 作品发布
最后,单击“发布”按钮,在弹出窗口中选择Web选项卡,输入标题,设置发布文件夹发布。
文章评论