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

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

《实验指导书4Flash基本操作及简单动画制作.docx》由会员分享，可在线阅读，更多相关《实验指导书4Flash基本操作及简单动画制作.docx（14页珍藏版）》请在冰豆网上搜索。

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

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

一、实验目的

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

2.掌握Flash的基本操作。

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

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

二、实验内容

1.制作简易Flash课件。

2.制作简易电子相册。

三、实验仪器、设备

多媒体计算机，FlashCS3。

四、实验原理

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

五、实验步骤

（一）制作简易Flash课件

1．新建一个flash（ActionScript2.0）文档，并设置文档大小为800*600。

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

图1创建课件背景图层

图2制作按钮元件

3.创建课件背景：

从库中拖动“课件背景.jpg”到舞台，使其与舞台边界对齐。

选中图层1，单击鼠标右键，在弹出的快捷菜单中选择“属性”，通过图层属性对话框，修改图层1名称为“背景”。

单击背景图层，在60帧处按F5,插入普通帧，锁定背景图层。

如图1所示。

4.制作按钮元件：

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

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

2）选择“弹起”帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”，再分别在“指针经过”、“按下”帧上粘贴。

将“指针经过”、“按下”两帧对应的文本修改成不同的颜色。

3）单击“点击”帧，按F7插入空白关键帧。

选择工具箱中的“矩形工具”，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。

最终“第一章”按钮元件制作效果如图2所示。

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

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

7．新建“第一章”图层，在第10帧处插入空白关键帧。

选择工具箱中的文本工具，在舞台上输入第一章文本内容，并调整文本的大小及颜色。

选择第19帧插入空白关键帧，此时舞台效果如图4所示。

8.新建“第二章”图层，在第20帧处插入空白关键帧。

选择工具箱中的文

本工具，在舞台上输入第二章文本内容，并调整文本的大小及颜色。

选择第29帧插入空白关键帧。

此时舞台效果如图5所示

9.新建“第三章”图层，在第30帧处插入空白关键帧。

选择工具箱中的文本工具，在舞台上输入第三章文本内容，并调整文本的大小及颜色。

选择第39帧插入空白关键帧。

此时舞台效果如图6所示。

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

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

10.新建“第二章”图层，在第40帧处插入空白关键帧。

选择工具箱中的文本工具，在舞台上输入第四章文本内容，并调整文本的大小及颜色。

此时舞台效果如图7所示。

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

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

on（press）{gotoAndStop（10）;}

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

on（press）{gotoAndStop（20）;}

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

on（press）{gotoAndStop（30）;}

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

on（press）{gotoAndStop（40）;}

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

图9发布简易课件

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

（二）制作简易电子相册

1．新建一个flash（ActionScript2.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所示。

图12颜色选取

图13创建“图片展示”图层

4）单击“插入图层文件夹”按钮，插入文件夹图层，修改“文件夹1”为“背景”，将之前创建的“背景”，“背景文字”，“图片展示”三个图层拖入“背景”文件夹。

4、创建第一张图片相关图层。

（主要利用形状补间动画）

1）新建“photo1”图层，在70帧处插入空白关键帧。

将库中的“t2.jpg”拖入到舞台，在属性面板中修改其宽高为800，600。

并将图片与图片展示矩形框对齐，即在属性面板中的x,y值修改为6，58。

如图14所示。

图14将图片放在图片展示区

2）选中第70帧处的图片，按下Ctrl+B,将图片打散。

在第90帧处插入关键帧。

3）利用“选择工具”选中70帧处的图片，并在下方的属性面板中，将图片的高修改为10。

在70-90帧之间创建形状补间。

如图15所示。

图15

4）在120，140帧处插入关键帧。

利用“选择工具”选中120帧处的图片，并在下方的属性面板中，将图片的高修改为0。

在120-140帧之间创建形状补间。

如图16所示。

在141帧，插入空白关键帧。

图16

5）此时photo1图层创建完毕，单击图层名称旁边的小锁按钮，锁定此图层。

5、创建第二张图片的相关图层。

（主要利用遮罩动画，运动补间动画）

1）新建“photo2”图层，在141帧处插入空白关键帧。

将库中的“t3.jpg”拖入到舞台，在属性面板中修改其宽高为800，600。

并将图片与图片展示矩形框对齐，即在属性面板中的x,y值修改为6，58。

在210帧处插入空白关键帧。

2）新建图形元件，取名为“圆”，在元件绘制窗口中绘制一个小的圆形。

颜色任意。

3）新建“photo2遮罩”图层，在141帧处插入空白关键帧。

将图形元件“圆”拖入舞台，并放置在图片展示区的左上角。

4）160，190帧处插入关键帧。

5）利用“任意变形工具”，将160帧的圆，缩放到覆盖图片展示区的大小，在140-160帧间创间动画补间。

如图17所示。

图17

6）在时间轴上双击，选取140-160帧，单击鼠标右键，在弹出的快捷菜当中，选择“复制帧”，然后在190帧处“粘贴帧”，再双击选取190-210帧之间的所有帧，单击鼠标右键，在弹出的快捷菜当中，选择“翻转帧”。

在211帧处插空白关键帧。

如图18所示

图18

7）将“photo2遮罩”图层变为遮罩图层。

如图19所示。

在图层名称处单击鼠标右键，在弹出的快捷菜单中，选择遮罩层。

图19

6、创建第三张图片的相关图层。

（主要利用遮罩动画，运动补间动画）

1）新建“photo3”图层，在211帧处插入空白关键帧。

将库中的“t3.jpg”拖入到舞台，在属性面板中修改其宽高为800，600。

属性面板中的x,y值修改为-790，58。

在230帧出插入关键帧，修改此帧处的图片位置，x,y值为6，58。

在211-230帧创建补间动画。

2）在260帧，280帧插入关键帧。

修改280帧的图片位置，x,y值为6，1206。

在260-280帧创建补间动画。

3）新建“photo3遮罩”图层，210帧插入空白关键帧，用“矩形”工具绘制大小为800，600，坐标位置x,y为6、58，颜色任意的矩形。

将“photo3遮罩”图层转换为遮罩图层。

效果如图20所示。

图20

7、制作“谢谢欣赏”图层（主要是路径动画）

1）新建图形元件，名称为“谢谢欣赏”，利用文本工具，在图形元件编辑窗口中心，输入“谢谢欣赏”。

2）新建“谢谢欣赏”图层，280帧处创建空白关键帧，将“谢谢欣赏”图形元件拖入舞台，300帧处插入关键帧。

3）为“谢谢欣赏”图层添加引导层，创建路径动画。

效果如图21所示。

图21

8、插入音乐背景

1）单击“插入图层”按钮，新建一个“背景音乐”图层。

2）打开“库”面板，在“库”面板中“童年”声音文件，直接拖放到舞台。

3）在“属性”面板的“同步”下拉列表框中选择“事件”选项，使声音与动画同步。

如图22所示。

图22

8、创建代码图层

单击新建图层按钮，创建“代码”图层，在320帧处插入空白关键帧，在动作面板中，为该帧添加动作代码：

stop（）;

如图23所示。

图23

9、创建“再欣赏一遍”按钮。

制作按钮元件：

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

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

2）选择“弹起”帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”，再分别在“指针经过”、“按下”帧上粘贴。

将“指针经过”、“按下”两帧对应的文本修改成不同的颜色。

3）单击“点击”帧，按F7插入空白关键帧。

选择工具箱中的“矩形工具”，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。

10、新建按钮图层。

新建按钮图层，在300帧处插入空白关键帧，将“再欣赏一遍”按钮拖入舞台，放在合适位置。

使用选择工具，选中按钮，为按钮添加脚本：

on（press）

{gotoAndPlay

（1）;}

如图24所示。

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

六、实验注意事项

1．注意不同元件的创建以及它们之间的转换。

2．注意补间动画的创建的方式及注意问题。

3．注意区别帧，关键帧，空白关键帧的区别。

4．矢量图形与位图的区别。

5．Flash脚本代码的编写规范。

七、实验报告要求

认真填写实验地点、实验操作人、实验日期、实验目的、实验要求、实验内容。

要求较为详细的记录整个实验操作的步骤，重点突出，写出注意事项及疑难问题。

八、思考题

1．形状变形动画与位置变形动画的区别。

2．Flash中常用的ActionScript语句有哪些。

3．如何修改文档的属性。

4．Flash绘图工具中哪几种工具可以用于对象的选取？

5．图层包括哪几种，如何改变图层的属性？

6．帧分为哪几种类型？

如何创建关键帧和空白关键帧？