实验指导书4-Flash基本操作及简单动画制作

《Flash基本操作及简单动画制作》实验教学指导书

一、实验目的

1. 了解Flash的基本界面组成及特点。

2. 掌握Flash的基本操作。

3. 掌握Flash四类基本动画。

4. 学会制作简易Flash课件。

二、实验容

1. 制作简易Flash课件。

2. 制作简易电子相册。

三、实验仪器、设备

多媒体计算机，Flash CS3。

四、实验原理

任务驱动法，Flash的基本操作，应用Flash设计制作主题明确的动态贺卡、简单的Flash课件。

五、实验步骤

（一）制作简易Flash课件

1．新建一个flash(ActionScript 2.0) 文档，并设置文档大小为800*600。

2. 选择“文件|导入|导入到库”，将“课件背景.jpg”导入到当前库。

3. 创建课件背景：从库中拖动“课件背景.jpg ”到舞台，使其与舞台边界

对齐。选中图层1，单击鼠标右键，在弹出的快捷菜单中选择“属性”，通过图层属性对话框，修改图层1名称为“背景”。单击背景图层，在60帧处按F5,插入普通帧，锁定背景图层。如图1所示。

4.制作按钮元件：选择“插入|新建元件”，新建“第一章”按钮元件，并进入按钮元件编辑窗口。

1）单击“弹起”帧，使用文本工具创建文本“第一章”，并调整文本的大小及颜色。

2) 选择“弹起”帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”，再分别在“指针经过”、“按下”帧上粘贴。将“指针经过”、“按下”两帧对应的文本修改成不同的颜色。

3）单击“点击”帧，按F7插入空白关键帧。选择工具箱中的“矩形工具”，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。最终“第一章”按钮元件制作效果如图2所示。

5.重复第4步 ，分别制作出“第二章”，“第三章”,“第四章”按钮元件。

图1 创建课件背景图层

图2 制作按钮元件

6．回到场景1编辑状态，新建“按钮”图层，将制作好的按钮元件分别拖动到课件背景放置按钮的位置，并使用工具箱中的“自由变换工具”，调整按钮元件大小，使文字按钮的大小刚好与背景中按钮大小适合，如图3所示。

7．新建“第一章”图层，在第10帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第一章文本容，并调整文本的大小及颜色。选择第19帧插入空白关键帧，此时舞台效果如图4所示。

图3 创建按钮图层 图4 创建“第一章”文本演示内容

图5 创建第二章文本演示内容

本工具，在舞台上输入第二章文本容，并调整文本的大小及颜色。选择第29帧插入空白关键帧。此时舞台效果如图5所示

本工具，在舞台上输入第三章文本容，并调整文本的大小及颜色。选择第39帧插入空白关键帧。此时舞台效果如图6所示。

10. 新建“第二章”图层，在第40帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第四章文本容，并调整文本的大小及颜色。此时舞台效

图7 创建第四章文本演示内容

图6 创建第三章文本演示内容

果如图7所示。

11.新建“脚本图层”，单击第1帧，打开动作面板，为第1帧添加动作脚本stop();如图8所示。

图8 添加脚本图层，并给第一帧添加动作

12．选择“按钮”图层，单击“第一章”按钮实例，打开动作面板，添加脚本：

on(press){gotoAndStop(10) ;}

13．选择“按钮”图层，单击“第一章”按钮实例，打开动作面板，添加脚本：

on(press){gotoAndStop(20) ;}

14．选择“按钮”图层，单击“第一章”按钮实例，打开动作面板，添加脚本：

on(press){gotoAndStop(30) ; }

15．选择“按钮”图层，单击“第一章”按钮实例，打开动作面板，添加脚本：

on(press){gotoAndStop(40) ;}

16.按“Ctrl+Enter”,测试影片。

17.选择“文件|发布设置”命令，在弹出的发布设置对话框中，勾选Flash 类型，并且修改保存的文件名字为“简易课件”，设定文件存储目录后，单击发布，如图9所示。

图9 发布简易课件

（二）制作简易电子相册

1．新建一个flash(ActionScript 2.0) 文档，并设置文档大小为1024*768。

2. 选择“文件|导入|导入到库”，将所需图片素材导入到当前库。

3. 创建相册封面背景：

1）将库面板中的“garden.jpg”拖入到舞台，并使其与舞台边界对齐；修改“图层1”名称为“背景”。在340帧处按F6键，插入关键帧。如图10所示。

图10 插入背景图片

2）单击“插入图层”按钮，新建“图层2”，修改图层名称为“背景文字”。单击第10帧，按F7，插入空白关键帧，选择“文本工具”，输入“世界地理”。分别在15，20，25帧处插入关键帧。选中第10帧，将“界地理”三个字删除；选中第15帧，将“地理”两个字删除；选中第20帧，将“理”删除。如图11所示。同学也可以在Photoshop创建艺术效果的“世界地理”，可以使背景更美观。

图11 创建“背景文字”

3）新建“图片展示”图层。在30帧处按F7插入空白关键帧。设置前景色为灰色，透明度为50。如图12所示。

选择“矩形工具”，绘制宽高分别为10的矩形。在50帧处插入关键帧，用“选择工具”选中此帧处的矩形，并在属性面板中，将其宽修改为800。在30帧-50帧之间创建形状补间。

在70帧处，插入关键帧，并将此帧处矩形的高修改为600，在50-70帧之间创建形状补间。效果如果13 所示。