第5章多媒体效果设计 5.1显示与擦除的过渡效果 5.1.1显示与擦除图标的过设效果设置 为显示图标设置一种过渡效果，让显示内容在一定的时间内以一定的方式逐渐地呈现出 来，这种效果称过泼效果，亦称为转场技巧。 为显示图标设置过泼效果需要打开“Transition”转场效果设置对话框，方法有四种： ·选中是示图标，属性对话框中的“Transition-…”就是过渡效果选项，默认的“Nane 表示设有设置过波效果。 Trn1tL角 n49 Wtitiel 到1：是 848004-9-4 时s和 Mitien Fiae 0ets厂的a1el+duih1a 回 广lw41at6e3eud 1时eh 0-0 图怎1显示图标属性对话框中的过被效果这项 ·在显示图标上单击右键，在弹出的快捷菜单中速取“Transiti0n…” 面测2-深养方浅，问 Tranita6角 hn标 4414 hd 年4 Stras fle:Tiatmnal】 +T列 C 4 Aouly 的老下来丰g tctt:C bire tir pugin l 周五，2由快镜案单打开转场效果设置对话形 ·单击选中最示图标，选取“Modify”→“le00”一“Transition”角令。 ·单击选中显示图标，按C+T快捷键. 在转场效果设置对话框中，左边Ce列表框中的内容是转场效果的类别，右边 Transition列表框中的内容是选中的类别选项包括的全部过波效果。【nternal]类别是内部过渡 效果，发行剥不需要附萄X都文件，即可实现这：效果。其能类黑的过注效果都看要X越
1 第 5 章 多媒体效果设计 5.1 显示与擦除的过渡效果 5.1.1 显示与擦除图标的过渡效果设置 为显示图标设置一种过渡效果，让显示内容在一定的时间内以一定的方式逐渐地呈现出 来，这种效果称过渡效果，亦称为转场技巧。 为显示图标设置过渡效果需要打开“Transition…”转场效果设置对话框，方法有四种： • 选中显示图标，属性对话框中的“Transition…”就是过渡效果选项，默认的“None” 表示没有设置过渡效果。 图 5.1 显示图标属性对话框中的过渡效果选项 • 在显示图标上单击右键，在弹出的快捷菜单中选取“Transition…” 图 5.2 由快捷菜单打开转场效果设置对话框 • 单击选中显示图标，选取“Modify”→“Icon” →“Transition…”命令。 • 单击选中显示图标，按 Ctrl+T 快捷键。 在转场效果设置对话框中，左边 Catagorie 列表框中的内容是转场效果的类别，右边 Transition 列表框中的内容是选中的类别选项包括的全部过渡效果。[internal]类别是内部过渡 效果，发行时不需要附带 Xtras 文件，即可实现这些效果。其他类别的过渡效果都需要 Xtras
的支持，发行时需要提供Authorware目录下的Xrs文件夹。 Du减00选项川米设置过渡效果完成的时间（单位为秒）。 Sm0心hns选项设置过液的平滑程度，范围为0-28的整数。 单击Appy按钮。可以预览所设置的过渡效果。确认后，单击OK按钮。关闭对话框。 我们也可以设定各种擦除转场过渡效果。为擦除图标设置过渡效果同样需要打开 “Transition-.”转场效果设置对话柜。可供选择的转场过渡效果与最示图标效果完全相同， Etaxe里生nsition 4制有r 轴wnta4 卡细5和光 结四身 Sptral hgy4工r事■1无1 T14 2年聘专g4韩 5rs01e:[i1rd】 重) A 图玉3物障周标属性对话框中的过度效果进项 5.1.2过波效果的实现与群组图标的应用 [实例5.1】童年时光 留五4例5一--年时光运行效果
2 的支持，发行时需要提供 Authorware 目录下的 Xtras 文件夹。 Duration 选项用来设置过渡效果完成的时间（单位为秒）。 Smoothness 选项设置过渡的平滑程度，范围为 0-28 的整数。 单击 Apply 按钮，可以预览所设置的过渡效果，确认后，单击 OK 按钮，关闭对话框。 我们也可以设定各种擦除转场过渡效果。为擦除图标设置过渡效果同样需要打开 “Transition…”转场效果设置对话框，可供选择的转场过渡效果与显示图标效果完全相同。 图 5.3 擦除图标属性对话框中的过渡效果选项 5.1.2 过渡效果的实现与群组图标的应用 [实例 5.1] 童年时光 图 5.4 例 5-1-童年时光运行效果
区时年电 Leoel 1 置金 o 5s山w。 作博性 p结下标为特 【山数【短轴事 ,4山 国4=1想标 编 口n84s 响妇 图品5例5一1-童年时光程序-策动条 通过程序授计窗口的滚动条，我们可以测览任意长的程序内容 利侧群组图标回，我们可将那些在流程线上连然在而又在内容上相关联的多个图标组合 为一个群组图标，如此既缩短了程序的长度，也使程序有了层次，形成模块化的结构，方便 程序的调试和修政， 在层次化、模块化的程序中，程序的主体都分在一级设计窗口(LI)中呈现：程序 的局部在群组图标的二级设计窗口(2)中呈现。需煲时还可在二级窗口中使川群组图 标，并在相应的三级窗口(v巴3)中建立程序内容. 回制51-童年时先日回区 南量 Level 1 问着是 固回X问 固司X@合城 日回☒ 雨 Level 2 利 Level 2 Level 2 成 合酸1 白 中 11 2 彩听2 南 合收2 百 面影候 南合版3 图五6例5一1-意年时光程序-分层 如果需要族复原米的层次关系，可途中群组图标，执行“Mdy”→“Ungroup”(解组) 命令，或者按Cr+Shi+G快捷键，解除组合， 在程序中使用群组图标的一般操作步骤如下： 1,拖曳一个群组图标到流程线上适当位置建立群组。 2.双击打开群组图标，在群组图标窗口中的流程线上加入图标，完成次级程序内容设 计. 3. 关团屏组图标窗口。 3
3 图 5.5 例 5-1-童年时光程序-滚动条 通过程序设计窗口的滚动条，我们可以浏览任意长的程序内容。 利用群组图标 ，我们可将那些在流程线上连续在而又在内容上相关联的多个图标组合 为一个群组图标，如此既缩短了程序的长度，也使程序有了层次，形成模块化的结构，方便 程序的调试和修改。 在层次化、模块化的程序中，程序的主体部分在一级设计窗口（Level 1）中呈现；程序 的局部在群组图标的二级设计窗口（Level 2）中呈现。需要时还可在二级窗口中使用群组图 标，并在相应的三级窗口（Level 3）中建立程序内容。 图 5.6 例 5-1-童年时光程序-分层 如果需要恢复原来的层次关系，可选中群组图标，执行“Modify”→“Ungroup”（解组） 命令，或者按 Ctrl+Shift+G 快捷键，解除组合。 在程序中使用群组图标的一般操作步骤如下： 1. 拖曳一个群组图标到流程线上适当位置建立群组。 2. 双击打开群组图标，在群组图标窗口中的流程线上加入图标，完成次级程序内容设 计。 3. 关闭群组图标窗口
5.2素材的衔接与动态效果 5,2.1利用Photoshop图片裁切实现图像衔接 多媒体作品片头处理的一般方法。 [实例5.2]课件片头 计算机通信技本 虚！通信复验系纪 图五7例2-课年片头运行效果 利用hotoshop速行处理的pd格式图片及分层效果知下： e aig:6g:64y aig u alg nig eng HH00N1011100000G 虚！@信其验系统纪 E-mailixmppsmoryo 图互.8课件界面分尽处理P图 由Photoshop归并我切完毕提供给Authorware进行组合衔接过渡的各张图片如下： 层花睡信哥验系 图5.9径截切后的素材图月 程序流程图如下（图5.10例52-课件片头程序）方
4 5.2 素材的衔接与动态效果 5.2.1 利用 Photoshop 图片裁切实现图像衔接 多媒体作品片头处理的一般方法。 [实例 5.2] 课件片头 图 5.7 例 5-2-课件片头运行效果 利用 Photoshop 进行处理的 psd 格式图片及分层效果如下： 图 5.8 课件界面分层处理 psd 图 由 Photoshop 归并裁切完毕提供给 Authorware 进行组合衔接过渡的各张图片如下： 图 5.9 经裁切后的素材图片 程序流程图如下（图 5.10 例 5-2-课件片头程序）：
学为n时 S 中产移E 鱼变通到 写上有有时 有生.科 圆5,10例5公-课件片头程序 5.2.2图文综合效果的实现 多媒体作晶图文筹合效果的实现。 [实例5.3】战火中的伊拉克 a 2 田o a 图5.11例5-3-战火中的伊拉克据行效星 在这个例子中，每屏画面都是利用Photoshop安排组织的
5 图 5.10 例 5-2-课件片头程序 5.2.2 图文综合效果的实现 多媒体作品图文综合效果的实现。 [实例 5.3] 战火中的伊拉克 图 5.11 例 5-3-战火中的伊拉克运行效果 在这个例子中，每屏画面都是利用 Photoshop 安排组织的
离伊报高高界雪鱼 有香军心脑话需头号相 平鞋会，呼号板起和卡】 0 T 0 使校克树家交响条面于3 月为氢精我国品线春什在内所美 超图自幽，通角透特的艺成 soo 9 灵， 图5.12在s对图中阻帆画面图文素村 程序流程图如下（图5.13例53-战火中的伊拉克程序： 日州3认度停：国问区 trel I 白2 合2 产河 ， 图5.13例5一一战大中的伊粒克程序 5,2.3动态效果的实现 利用转场过渡技巧实现动志效果的方法。 [实例5.)书法
6 图 5.12 在 psd 图中组织画面图文素材 程序流程图如下（图 5.13 例 5-3-战火中的伊拉克程序）： 图 5.13 例 5-3-战火中的伊拉克程序 5.2.3 动态效果的实现 利用转场过渡技巧实现动态效果的方法。 [实例 5.4] 书法
书 图5.14例5-4-书法运行效果 画面上的“书”字是由？个包含笔西图像的显示图标利用白不同方向是示的转场效果完 成的（图515几个笔面图像文件）。 需五15几个笔周像文帽 程序的设计图如下（图5.16例5-4-书法程序）： 第 日回送 Lewei 2 Lrl 2 科维d 开3024d 画 登料麻L1过 转1t1过 转30风t过 是出 图5.16例-4-书法程序 5.3 显示图标的属性应用 5.3.1图像的重叠覆盖效果 Authorware中的Mos重叠盖模式)面版，可灵话设置当前途定显示内容与背联的重 叠效果。可优这择的核式和效果如下（图5.17重叠履盖效果比较）加 ·04(不透明模式： ·Maed(速盖模式)： >
7 图 5.14 例 5-4-书法运行效果 画面上的“书”字是由 7 个包含笔画图像的显示图标利用自不同方向显示的转场效果完 成的（图 5.15 几个笔画图像文件）。 图 5.15 几个笔画图像文件 程序的设计图如下（图 5.16 例 5-4-书法程序）： 图 5.16 例 5-4-书法程序 5.3 显示图标的属性应用 5.3.1 图像的重叠覆盖效果 Authorware 中的 Models(重叠覆盖模式)面板，可灵活设置当前选定显示内容与背景的重 叠效果。可供选择的模式和效果如下(图 5.17 重叠覆盖效果比较)： • Opaque（不透明模式）： • Matted（遮盖模式）：
·Transparer%(透明模式)： ·Ime深（反显模式）： ·Era(清除柄式)力 ·Apha(通道模式)1 闲五7重叠覆盖效果比较 几种覆盖模式的比较。《不透明模式、遮盖颅式，透明模式、反显慎式、请除颅式、通 道核式) 5,3.2图像的alpha通道 透明模式和A如通道模式都可以去除背景，但透明模式去除背景并不阿底，面Apha 通道核式可以干净彻底地去除背景。 年A 书 二 书 图518透明效果的霜重 利用Ap加通道显示图像的方法. [实例5.5)雾里看花
8 • Transparent（透明模式）： • Inverse（反显模式）： • Erase（清除模式）： • Alpha（通道模式）： 图 5.17 重叠覆盖效果比较 几种覆盖模式的比较。（不透明模式、遮盖模式、透明模式、反显模式、清除模式、通 道模式） 5.3.2 图像的 alpha 通道 透明模式和 Alpha 通道模式都可以去除背景，但透明模式去除背景并不彻底，而 Alpha 通道模式可以干净彻底地去除背景。 图 5.18 透明效果的瑕疵 利用 Alpha 通道显示图像的方法。 [实例 5.5] 雾里看花
象里春花 图519例5-5-雾里看花超行效果 山满·中两型儿初 图5闭花的ala通道 鞋。海九 面五21轻算的ala通道 程序的流程图如下（图5.2例5-5-雾里看花程序）
9 图 5.19 例 5-5-雾里看花运行效果 图 5.20 花的 alpha 通道 图 5.21 轻雾的 alpha 通道 程序的流程图如下（图 5.22 例 5-5-雾里看花程序）
招年车里香花日回图 L+11 智单面 好云 主暖 图五，22例5--雾里看花程序 5.3.3显示图标的层次属性 利用显示图标的层次属性设计程序的技巧。 [实例5)捉迷痕的考拉 52头例5-6-规连藏的考拉运行数果 图三4转时育景和树上考拉及树后考拉 为使后出现的第二只考拉藏入树后，需要将包含树的树上考拉图标层次设置为1，这样所 在图标仍采用默认0层设置的第二具考拉自然就会被树上考拉速盖了， 公
10 图 5.22 例 5-5-雾里看花程序 5.3.3 显示图标的层次属性 利用显示图标的层次属性设计程序的技巧。 [实例 5.6] 捉迷藏的考拉 图 5.23 例 5-6-捉迷藏的考拉运行效果 图 5.24 树叶背景和树上考拉及树后考拉 为使后出现的第二只考拉藏入树后，需要将包含树的树上考拉图标层次设置为 1，这样所 在图标仍采用默认 0 层设置的第二只考拉自然就会被树上考拉遮盖了