在清晰的故事情节中自定义进度条

这篇博文分享了如何在清晰的故事情节中定制进度条。

Flash到HTML5转换
在清晰的故事情节中自定义进度条

电子学习课程的进度条是GUI的一个组件,可以让学习者直观地了解他们在课程中的进度。你认为在清晰的故事情节中这样的进度条可以被定制吗?可以按照我们的要求修改吗?是的,我们可以。

我们已经为我们的一个客户在清晰的故事情节中创建了一个自定义的进度条。

在这里,我想分享一下我们在以下几个步骤中是如何做到的。

1.在故事线中开始一个新的项目,根据你的需求设定故事的大小。

设置故事大小

2.点击“播放器属性”,取消选中如下图所示的高亮选项。

设置玩家的属性

3.使用形状工具,在幻灯片的底部绘制一个矩形,同时也绘制另一个矩形(白色)作为进度条的背景。

使用形状工具绘制一个正方形

4.现在在时间轴上绘制一个较小的矩形以显示幻灯片的状态,如下所示。

画一个小一点的矩形

5.现在复制“较小的矩形”,并将其粘贴到时间轴上,并按如下所示调整其位置。你可以在每个“小矩形”之间留出2-3帧间隙

将它粘贴到时间轴上

6.你需要根据你的音频长度复制粘贴“较小的矩形”。例如,如果你的音频长度是30秒,那么你就需要在音频结束前获取对象。

拿着对象直到音频结束

就是这样。这是自定义清晰的故事情节的进度条的一种简单方法。下面的截图显示了默认进度条和自定义进度条在故事情节中的区别。

故事情节中的默认和自定义进度条

我希望你从我的博客中学到了一些新的东西,请分享你的评论。

how-to-select-right-rapid-authoring-tool-cta
如何选择正确的快速创作工具
在清晰的故事情节中自定义进度条
复制链接