返回首页

精美 交互式课件 制作 实例教程

时间:2015-10-06 23:49来源:2018年最新注册送彩金www.zhixing123.cn 编辑:麦田守望者

一位同事请求帮忙用Flash制作一个滑动变阻器的课件。考虑到用Flash制作要用代码甚至编程,比较高深,于是寻求更为简单可行的制作方法——改用Articulate Storyline 2软件来完成滑动变阻器交互式课件的制作。

实例描述:课件中的线路图有电源、安培表、开关、滑动变阻器、电灯。当开关闭合时,电灯根据滑动变阻器的滑块位置达到一定亮度,安培表指针也指到一定数值,且左、右拖动滑动变阻器的滑块时,电灯的亮度及安培表的指针都发生相应变化。当开关断开时,电灯灭掉,安培表指针恢复到0(图1)。

1512A-JHKJ-1

1. 素材准备好

准备好课件中所要用到的图片素材。灯泡、滑块、滑杆、开关的刀片都需要单独的图片,安培表中的指针可在幻灯片中利用自选图形画出,而线路图可在画图软件中组装完成,生成新的图片。最好将这些图片的背景设置为透明,可通过图像处理软件或在线服务去除图片背景。

2. 配件巧组装

打开Articulate Storyline 2,新建一个项目,双击无标题场景幻灯片进入编辑窗口,右击设置好它的背景。在幻灯片中插入线路图、刀片、灯泡等图片,插入控件按钮中的一个滑块并选中它,在格式选项卡的滚动块样式处,单击“滚动块填充”下的“图片”,选择“滑块儿.png”文件,在轨道样式处单击“轨道填充”下的“图片”,选择“滑杆儿.png”文件,这样就将插入的滑块变成了滑动变阻器中的滑块样式。选择“设计”选项卡,设置滑块的开始为1,结束为10。再插入“箭头”形状作为安培表的指针。最后,调整好各个图片及控件的位置,并在时间线上上下拖动调整好各个元素间的层次关系(图2)。

1512A-JHKJ-2

小提示:

如果滑块中的图片大小不太合适,可通过调整8个控制点及控制滚动块、轨道的2个黄色控制点调整大小。

3. 更改素材状态

由于开关有打开和闭合两种状态,灯泡的亮度、安培表的指针也要进行变化,所以就需要设置它们的不同状态。选择刀片图片,由时间线切换到状态,点击“编辑状态”按钮,新增状态,状态名称处选择“已选定”,选择“正常”状态,调整好图片的角度。同理,选择灯泡图片,新增10个状态,命名从1到10,利用格式选项卡中的亮度、对比度来调整灯泡的颜色;选择箭头(安培表指针),新增10个状态,命名从1到10,调整好指针的角度(图3)。

1512A-JHKJ-3

4. 设置素材动作

点击窗口右边的“管理项目变量”按钮新增一个变量,名称为kg,类型为编号,默认值为0。选择开关(即刀片图片),新增触发器,设置各项参数(图4)。新增条件,按如图所示进行设置(图5),这样表示当开关处于正常状态(开关打开)时变量kg的值为0。同样道理,再新增触发器,当图片5的状态处于“Selected”(已选定,开关闭合)时,变量kg的值为1。

1512A-JHKJ-4

1512A-JHKJ-5

顶一下
(5)
100%
踩一下
(0)
0%
标签(Tag):交互式课件
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣
博聚网