Articulate Storyline中文基础教程之四快速入门指南.docx
- 文档编号:2404409
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:33
- 大小:1.23MB
Articulate Storyline中文基础教程之四快速入门指南.docx
《Articulate Storyline中文基础教程之四快速入门指南.docx》由会员分享,可在线阅读,更多相关《Articulate Storyline中文基础教程之四快速入门指南.docx(33页珍藏版)》请在冰豆网上搜索。
ArticulateStoryline中文基础教程之四快速入门指南
ArticulateStoryline
中文基础教程之
快速入门指南
通过本教程的学习,可以快速了解ArticulateStoryline。
本教程囊括了从建立第一个幻灯片到应用Storyline大多数基本操作的功能。
但本教程非完全教程,属入门基础教程之一。
本教程有七个小节,每节配有一些练习,但要想深入掌握Storyline,请阅读Storyline其他系列教程。
ArticulateStoryline1
在幻灯片上增加内容3
新建首个幻灯片3
同步声音与动画5
置入PPT文件为幻灯片9
创建交互幻灯片11
理解状态、幻灯图层、触发器11
什么是状态12
什么是图层13
使用状态的改变创建反馈16
通过显示图层创建反馈17
开始练习20
拖拽式的基本知识22
练习23
练习24
建立问答幻灯片和结果幻灯片25
创建问答题25
练习25
创建自由式问题26
练习27
创建结果幻灯片28
练习29
创建截屏与软件模拟31
录制视频33
练习33
编辑视频35
创建交互模拟35
练习35
练习36
自定义播放器37
练习38
自定义幻灯片的播放控项39
如何发布课程39
在幻灯片上增加内容
在Storyline建立课程需要先在幻灯片上增加内容,并给这些内容添加交互才能完成。
在该小节我们通过三个简单的教程来增加课程内容:
增加屏幕界面、同步声音动画、输入PPT文件。
在你首次使用Storylines时,这三个简单教程将展现出三种不同类型的任务,你将能学到如何应用这些核心功能。
下面是一些练习文件的下载地址:
http:
//articulate-
新建首个幻灯片
在Storyline的大多数工作均发生在插入(Insert)选项卡,在插入选项卡中可以插入幻灯片;插入基本的内容如图片、视频、文本;插入交互的元素。
首先建立一个简单的幻灯片,在幻灯片上包括有文本、图片、图形。
建立的幻灯片如下图所示:
步骤如下:
1.插入新的幻灯片,从BasicLayouts选择空白的幻灯片;
2.进入InsertTab,在幻灯片上添加图片;
3.使用文本框增加一个标题:
NewHireOrientation;
4.使用文本框增加一段文本。
假定这个课程有三个部分,且该界面是该课程的初始界面,下面我们来建立这三个部分。
1.增加一个图形作为一部分,三个部分三个图形;
2.在每个图形中增加文字:
Section1,Section2,Section3;
3.选择第一个图形,增大字体并应用Format选项卡把图形设置为过渡风格;
4.进入Home选项卡,使用格式刷(FormatPainter)设置后两个图形的风格同第一个图形一致。
5.返回设计选项卡(Design),给幻灯片添加一个设计方案。
增加新的方案色彩。
6.浏览时间轴,给时间轴上物件增加名字。
某种意义上说,你建立的幻灯片是相当简单的,但在此过程中,你学到了如何添加基本的物件,学到了使用格式刷及分配赋予一种设计方案。
同步声音与动画
步骤如下:
1.插入新幻灯片,选择空白幻灯片;
2.进入Design选项卡,赋予幻灯片新的设计方案,使用过渡色背景。
3.进入Home选项卡,在幻灯片上添加一条横向矩形框;
4.右击矩形框,选择FormatShape项;
5.在Fill项,设置50%的透明度;
6.在Linecolor项,选择无色;
7.添加一个手指向屏幕的人物造型;
创建白色的黑板和文字
1.在幻灯片上添加一矩形框;
2.赋予矩形框一个白色风格的背景;
3.最终的效果可能如下图;
在时间轴上浏览
打开时间轴,并在时间轴上查看这些物件,可以调整物件的左边界或右边界以改变他们出现的前后顺序,也可以通过上下拖动物件从而改变物件的层次关系。
我们将录制一段音频,然后给文本增加一些动画。
之后,我们将声音与动画同步。
1.通过输入=lorem(),增加一些占位符文本,这些占位符文本应包含三个段落;
2.增加文本一个出现的动画效果,首先选中文本;
3.在动画(Animations)选项上,选择进入动画(EntranceAnimations),选择FlyIn(设置第一段落的动画);此时将逐段设置动画效果。
4.打开时间轴,此时的文本框物件名称旁有一个小箭头,点击小箭头扩展文本并显示每个段落的文本;
5.单独设置每个段落的时间轴上的出现的位置。
录制旁白
快速录制一些音频,然后把声音与文本动画同步。
1.点击插入Insert选项卡,选择声音Sound,然后选择从麦克风录制RecordMic,开始录制一些简单的声音文件
2.此时,在时间轴上会看到音频轨迹。
增加提示标记
我们在时间轴上增加一些提示标记,以使动画与音频同步时能够准确进行。
1.播放音频,在每个段落开始时设置提示点,或者在你想设置提示点的位置点按键盘C键。
当然,随后你还可以移动提示点,每点击一次“C”键,将在时间轴上插入一个提示点。
2.在时间轴上移动段落使其对齐每一个提示点,或者右击段落选择对齐提示点(AligntoCuePoint.)
3.当使三个段落分别对齐三个提示点后,可以预视幻灯片,此时,将会实现动画出现时间声音同时播放的同步效果。
实现声音与动画的同步是最基本的操作要求,添加到屏幕上的任何物件都可在时间轴移动,都会有进入与消失的位置,从动画面板中能够设置进入时与消失时的动画效果。
置入PPT文件为幻灯片
有时在PPT中你已经做好了课程的一部分,那么把PPT文件置入Storyline中将会使工作事半功倍,把PPT文件置入Storyline中也非常容易。
1.首先创建一个Storyline工程;
2.增加新幻灯片(NewSlide)并选择置入(Import)选项卡,选择PowerPoint并且选定PPT文件,从PPT中置入含有三个幻灯片的内容。
浏览所置入的内容:
1.当你置入幻灯片后,会发现屏幕上物件可以进行编辑,PPT中的文本框变成了Storyline中的文本框,图片、图形亦是如此。
意味着这些物件完全可以直接应用到Storyline中,你前期在PPT中所做的工作并没有白费。
2.包含有视频及网页的幻灯片同样可以正常应用。
不过要注意:
网页物件只有在课程发布后方可执行。
3.在设计(Design)选项卡中,当你浏览幻灯片的模板及其一些选项时,将会注意到在PPT中的模板主页也被一同置入了,模板设置如同在PPT中一样。
4.在记录选项卡(Notes)中,你将会看到这些幻灯片的记录内容,同样在包含视频与网页的幻灯片中也会看到幻灯片记录内容。
总之,ppt中的文件在置入Storyline中后,前后两个幻灯片内容几乎是一样的。
我们来编辑一下这些内容:
1.修改文字大小、颜色;
2.改变图形及其色彩;
3.在幻灯片上移动这些内容;
在Storyline中置入PPT文件的操作是相当简单的,然而,毕竟是两个不同的软件,因此,在置入PPT文件时还需要注意一些事情。
下面列出了一些基本的事项:
1.在置入PPT文件后,要仔细检查置入的幻灯片是否你所预期的效果一样;
2.PPT幻灯片是线性化的文件内容,因此在会在Storyline中的触发器面板中置入“跳转到下一幻灯片”(Jumptonextside)触发器,需要你去除或编辑该触发器。
PPT的超链接随同物件一起置入,但需要你把超链接图形转化为一个按钮。
步骤如下:
1.进入插入选项卡(Insert),插入一个按钮并设置一种样式;
2.进入主页选项卡(Home),双击格式刷按钮;
3.给PPT中含有的超链接的图形分配一个按钮格式,这种简单方法就能把包含超链接的PPT图形转化为一个按钮。
创建交互幻灯片
在上一节课程中,我们学习了如何添加图片、文本、视频这些简单的内容以及如何实现动画与音频的同步。
本节课程我们将试着创建ArticulateStoryline中交互的内容。
Storyline本身自带有一些交互的元素如:
按钮、标记。
它还能制作许多自定义交互内容诸如:
拖拽式、鼠标悬停或变量应用。
这些复杂的交互内容留待后期课程讲解,这里我们学习一些简单的交互内容。
为了使你快速入门,非常容易的进行练习性操作,可以下载这些样例文件进行练习。
下载地址:
http:
//articulate-
理解状态、幻灯图层、触发器
要创建交互性内容需要你掌握一些基本的程式化的制作过程,在这些过程中会遇到三个概念:
状态、图层、触发器。
什么是状态
你在幻灯片上创建的任何物件均有多个状态,当从一个状态转变为另一个状态时,需要触发器触发这个动作。
例如:
按钮有一个典型的“正常”(normal)状态,当你的鼠标悬停于按钮上时,它会显示为不同的状态;当你在按钮上点击时,它又变成另一种状态;本例中你将会看到三个状态。
●Normal(正常)状态:
为发生任何动作时的状态;
●Hover(悬停)状态:
当鼠标停留于按钮上方时的状态;
●Down(按下)状态:
当点击按钮时的状态;
这些状态的改变基于触发的动作,类似的动作如:
悬停鼠标于按钮之上或点击按钮的动作。
Storyline的功能表明你将不会局限于仅仅能使用按钮这类简单的交互功能。
放置于幻灯片上的任何物件将会有多个状态,而改变这些状态只需你的一个触发器动作即可。
什么是图层
幻灯片的图层位于幻灯片之上,你可以通过触发器的动作显示或隐藏它,例如:
你通过点击按钮显示一个图层。
什么是触发器
触发器就是一些动作,是Storyline中实现交互的引擎。
当点击一个按钮要发生某些事情时,就需要一个触发器;当你把鼠标翻滚过一些文本上时,希望实现文本的颜色改变,此时就需要一个触发器。
当拖拽一张图片时希望提供某些反馈,此时也需要触发器。
触发器可以简单的这样进行描述:
你想让发生什么;你想让什么时间发生。
例如:
当我点击安钮时想改变人物的状态。
在Storyline中建立交互的精髓就在于每一物件均有多个状态并且幻灯片有许多层。
通过触发器使你创建一些动作,这些动作可以是进行状态的改变也可能是显示与隐藏图层。
当然,触发器的作用远不止于进行状态的改变及显示隐藏图层这些功能,他将取决于你想要做什么。
在本教程,我们暂且讲解到此深度。
下面我们来使用状态、图层及触发器创建一个简单的交互。
同时了解一下Storyline中内建的状态人物是如何工作的。
创建一个交互的剧目
我们将使用到先前教程中讲到的状态、图层及触发器。
假定有这样一个客户咨询中心:
客户提出一个问题,雇员将给出一个解答。
其中一项回答是正确的,其他项回答则是错误的。
在下载的练习文件中该幻灯片中已有一些内容,幻灯片上已有客户及客户提出的问题。
我们将增加一个雇员并创建一个简单的交互,通过改变人物的表情实现反馈,同时显示新的幻灯层。
练习文件下载地址:
http:
//articulate-
效果如下图所示:
使用状态的改变创建反馈
1.打开练习文件夹中的剧目文件(thestartingscenario);
2.进入插入选
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Articulate Storyline中文基础教程之四 快速入门指南 Storyline 中文 基础教程 快速 入门 指南