Flash幻灯片制作步骤

 本例介绍创建、编辑基于屏幕的文档。
  在 Macromedia Flash MX Professional 2004 中,屏幕提供了一个具有结构化构件的创作用户界面,它使用户可以轻松创建复杂的分层 Flash 文档(如幻灯片演示文稿或基于表单的应用程序)。
  屏幕提供了用于创建应用程序的高层容器。可以使用屏幕在 Flash 中构建复杂的应用程序,而无需在主时间轴上使用多个帧和层。事实上,用户无需查看主时间轴即可创建复杂的应用程序。
  在创作基于屏幕的文档时,屏幕排列在用户创建的结构化层次结构中。通过将屏幕嵌套在分支树中即可建立文档的结构。可以轻松地预览和修改基于屏幕的文档的结构。
  可以创建两种不同类型的基于屏幕的文档: Flash 幻灯片演示文稿(适用于顺序内容,如幻灯片或多媒体演示文稿)或 Flash 表单应用程序(适用于基于表单的非线性应用程序,包括功能丰富的 Internet 应用程序)。基于屏幕的文档只能保存为 Flash Player 6 及更高版本的格式,而不能保存为任何早期版本的 Flash Player 格式。
  当使用基于屏幕的文档时,“文档”窗口左侧的“屏幕轮廓”窗格在可折叠的树形视图中显示当前文档中每个屏幕的缩略图。树表示文档的结构层次。嵌套屏幕位于包含它们的屏幕下面,并向内缩进。
  将屏幕添加至文档时,屏幕出现在“屏幕轮廓”窗格中。
  可以折叠和展开树以便隐藏和显示嵌套屏幕。可以隐藏、显示“屏幕轮廓”窗格并调整其大小。
  单击“屏幕轮廓”窗格中的某个屏幕缩略图,即可在舞台上显示该屏幕。

1 制作思路

  创建“ Flash 幻灯片演示文稿”后,将准备始终显示的内容,布置在顶层屏幕(演示文稿)上,其它内容放置在普通幻灯片上。
  为按钮实例添加行为,以便用按钮切换屏幕。
  为屏幕添加切换时的动画效果。

2 制作步骤

2.1 创建新文档

  ⑴单击“文件”·“新建”,在“新建文件”对话框上,选定“ Flash 幻灯片演示文稿”后,单击“确定”。如图1所示。
  幻灯片屏幕工作界面,如图2 所示。

图1 “新建文档”对话框

  ⑵将文档属性修改为,“宽” 640 、“高” 480 。如图2 所示。

图2 幻灯片屏幕工作界面

2.2 编辑顶层屏幕(名为“演示文稿”)

  ⑴用“文本”工具书写“个人摄影作品展示”(属性如图3 所示)后,按 Ctrl + D ,错位复制出另一个。
  ⑵将正文的文字块颜色改为黑色(作为阴影),然后调整好两个文字块的位置,显示出立体效果。
  ⑶将两个文字块选中后,按 Ctrl + G (或单击“修改”·“组合”),将它们组合在一起。摆放到顶部。

图 3 文本属性面板

  ⑸左侧摆放已经制作好的按钮,用于控制幻灯片切换。如图4 所示。

图4 顶层屏幕制作

  提示:按钮、文字制作方法与制作常规 Flash 动画一样。

2.3 编辑其它屏幕

  ⑴在“幻灯片 1 ”上,导入一幅图像,调整尺寸后,将它转换为元件,然后,摆放到右下部。
  提示:不要与顶层幻灯片上的内容重叠。
  ⑵单击“插入”·“屏幕”,新建“幻灯片 2 ”。同样在该幻灯片上导入一幅图像,调整尺寸后,转换为元件,然后摆放到右下部。
  ⑶二次重复⑵步,新建和编辑“幻灯片 3 ”和“幻灯片 4 ”。如图5 所示。

图5 屏幕编辑结果

2.4 添加行为

  ⑴分别为按钮添加动作。例如,
  选中“最前一幅”按钮后,单击“行为”面板上的“+”·“屏幕”·“转到第一个幻灯片”。如图6 所示。

图6添加动作

  在“行为”面板,显示添加的行为。如图7 所示。

图7 行为(事件和动作)

  提示:在“动作”面板中可以看到添加的代码。

on (reveal) {

// Transition behavior

if (!eventObj.target._isSlide || (eventObj.target._isSlide && eventObj.target.currentSlide)) {

mx.transitions.TransitionManager.start (eventObj.target,

{type:mx.transitions.PixelDissolve,

direction:0, duration:2, easing:mx.transitions.easing.None.easeNone,

xSections:10, ySections:10});

eventObj.target.__transitionManager._triggerEvent = eventObj.type;

}

// End Transition behavior

}

  ⑵添加屏幕切换动画效果。例如,
  在“屏幕轮廓”窗口中,选中“幻灯片 1 ”,然后单击“行为”面板上的“+”·“屏幕”·“转变”。
  在“转变”对话框上,右上方的框中,选定所需的切换动画种类(例如,“像素溶解”),然后单击“确定”。如图8 所示。

图8 “转变”面板

  提示:此后,在“行为”面板,显示出添加的行为。如图9所示。

图9 幻灯片切换动画

2.5 预览效果

  按 Ctrl + Enter 后,即可预览效果。
  “演示文稿”屏幕的图像始终显示。
  其他屏幕图像,开始时显示“幻灯片 1 ”。单击按钮可以切换显示相应屏幕的图像。

3 备注

  虽说,本例是一个简单的“ Flash 幻灯片演示文稿”,但是,制作这类动画的相关操作方法,基本都应用了。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值