办公小技巧:拉幕式动画演示巧制作

在用幻灯片进行某个实体展示时,不少情况下需要先展示实体的外表,然后再切换到实体内部进行展示 。这种切换方式可采用拉幕式交互效果 , 但这样的效果在PPT幻灯片中不容易实现 。如果通过Articulate Storyline 3添加图层和滑块控件,实现起来就非常容易(图1) 。

办公小技巧:拉幕式动画演示巧制作

1. 设置图片
打开Articulate Storyline 3,新建一个项目 。在“故事视图”状态,双击“无标题幻灯片”进入编辑窗口 , 设置好所需要的背景 。切换到“插入”选项卡,点击“图片→来自文件的图片”,插入所需图片 , 即实例图和解剖图,将实体图置于顶层 , 将两个图片完全对齐(图2) 。
办公小技巧:拉幕式动画演示巧制作

2. 插入滑块
在“插入”选项卡,点击“滑块”,选择所需要的滑块,在幻灯片中拖动插入滑块;选定插入的滑块,切换到“格式”选项卡,设计好滑块的样式 , 调整其长度大小与图片一致;切换到“设计”选项卡,设置好滑块的初始值、开始值、结束值及步长值等(图3) 。
办公小技巧:拉幕式动画演示巧制作

3. 添加图层
选中实体图片(不是解剖图图片),剪切,在右侧的幻灯片层处点击“新建层”,粘贴,将实例图片粘贴到新建层中 , 双击层名称,更改为“正常”;右击这个“正常”层,选择“重复”,双击新建立的重复层名称,更改为“1” , 选中这个层中的图片,切换到“格式”选项卡,点击“裁剪”,拖动裁剪控制块对图片进行裁剪,剪去的部分是根据滑块设置的步长值设置的,如滑块的最大值是10,步长值是1 , 裁剪去的部分就是图片的十分之一;同样,右击这个名称为“1”的图层 , 选择“重复”,将新的重复层名称更改为“2”,选中其中的图片,进行裁剪,剪去的部分是原图片的十分之二……依此类推 , 根据滑块的最大值新建出相应的图层,并且对各处图层中的图片进行相应的裁剪(图4) 。
办公小技巧:拉幕式动画演示巧制作

4. 添加交互动作
切换到“基础层”,右击触发器窗口,点击“新建触发器”,在弹出窗口的操作处选择“显示图层”,图层处选择“正常”,时间处选择“滑块移动”,滑块处选择“滑块1”,条件处选择“==等于”,输入“0”;新增触发器,在弹出窗口的操作处选择“显示图层”,图层处选择“1”,滑块处选择“滑块1”,条件处选择“==等于”,输入“1”;新增触发器,在弹出窗口操作处选择“显示图层” , 图层处选择“2”,滑块处选择“滑块1”,条件处选择“==等于” , 输入“2”……依此类推,设置好其他图层切换(图5) 。
办公小技巧:拉幕式动画演示巧制作

再新增触发器,在弹出窗口操作处选择“显示图层” , 图层处选择“正常”,时间处选择“时间轴开始” , 对象处选择“1.1无标题幻灯片” 。这样,当幻灯片开始播放时,显示的就是鱼的实例图片 , 而不是解剖图片了(图6) 。
办公小技巧:拉幕式动画演示巧制作

小提示:如果想让拉幕效果更显得平滑,可以将滑块的最大值设置的大些 , 同时新建的图层也相应的多些,每个图层中的图片裁剪时比前面的图片要稍微少些 。当然 , 还有一个办法,就是将滑块的长度设置得小一些,也能使拉幕效果更显得平滑 。
最后,点击“发布”按钮,在弹出窗口的选择Web选项卡输入标题,设置好发布文件夹,发布就可以了 。
扩展阅读:
这个动画效果除了可用图层实现外 , 还可以使用图片的状态来实现 。同样,在基础图层中选中实体图片,在“状态”选项卡下点击“编辑状态→重复状态” , 在弹出的“添加”窗口,状态名称处输入“1”,选中状态1中的图片,切换到“格式”选项卡,点击“裁剪”,裁剪方法和上述图层中的方法一样;选中状态1 , 点击“重复状态”,在弹出的“添加”窗口,状态名称处输入“2”,选中其中的图片进行裁剪……依此类推 , 根据滑块的最大值新建出相应的状态(图7) 。
办公小技巧:拉幕式动画演示巧制作

【办公小技巧:拉幕式动画演示巧制作】接下来,在“基础层”添加触发器 , 在弹出窗口的操作处选择“更改以下项目的状态”,在对象处选择“图片2”(即实体图片),目标状态处选择“正常”,时间处选择“时间轴开始”,对象处选择“1.1无标题幻灯片”;再增加触发器,操作处选择“更改以下项目的状态” , 在对象处选择“图片2”(即实体图片),目标状态处选择“1”,时间处选择“滑块移动” , 滑块处选择“滑块1”,条件处选择“==等于”,值处输入“1”……其他状态的显示依此类推(图8) 。
办公小技巧:拉幕式动画演示巧制作

办公小技巧:拉幕式动画演示巧制作

相关经验推荐