试验指导书Flash基本操作及简单动画制作.doc

《Flash基础操作及简单动画制作》试验教学指导书
一、试验目标
1. 了解Flash基础界面组成及特点。
2. 掌握Flash基础操作。
3. 掌握Flash四类基础动画。
4. 学会制作简易Flash课件。
二、试验内容
1. 制作简易Flash课件。
2. 制作简易电子相册。
三、试验仪器、设备
多媒体计算机，Flash CS3。
四、试验原理
Flash基础操作，应用Flash设计制作专题明确动态相册、简单Flash课件。
五、试验步骤

（一）制作简单相册
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矩形,属性面板中,此矩形坐标位置x,y值为6，58。在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帧处插入关键帧。利用“选择工具”选中140帧处图片，并在下方属性面板中，将图片高修改为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帧（单击140帧，按住shift键，再单击160帧），单击鼠标右键，在弹出快捷菜当中，选择“复制帧”，然后在190帧处“粘贴帧”，再选择190-210帧之间全部帧，单击鼠标右键，在弹出快捷菜当中，选择“翻转帧”。在211帧处插空白关键帧。图18所表示

图18
7）将“photo2遮罩”图层变为遮罩图层。图19所表示。在图层名称处单击鼠标右键，在弹出快捷菜单中，选择遮罩层。

图19
6、创建第三张图片相关图层。（关键利用遮罩动画，运动补间动画）
1）新建“photo3”图层，在211帧处插入空白关键帧。将库中“t4.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，颜色任意矩形，在281帧处插空白关键帧。
将“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类型，而且修改保留文件名字为“电子相册”，设定文件存放目录后，单击公布。

（二）制作简易Flash课件
1．新建一个flash(ActionScript 2.0) 文档，并设置文档大小为800*600。
2. 选择“文件|导入|导入到库”，将“课件背景.jpg”导入到目前库。
图1 创建课件背景图层
图2 制作按钮元件
3 创建课件背景：从库中拖动“课件背景.jpg”到舞台，使其和舞台边界对齐。选中图层1，单击鼠标右键，在弹出快捷菜单中选择“属性”，经过图层属性对话框，修改图层1名称为“背景”。单击背景图层，在60帧处按F5,插入一般帧，锁定背景图层。图1所表示。
4.制作按钮元件：选择“插入|新建元件”，新建“第一章”按钮元件，并进入按钮元件编辑窗口。
1）单击“弹起”帧，使用文本工具创建文本“第一章”，并调整文本大小及颜色。
2) 选择“弹起”帧，单击鼠标右键，在弹出快捷菜单中选择“复制帧”，再分别在“指针经过”、“按下”帧上粘贴。将“指针经过”、“按下”两帧对应文本修改成不一样颜色。
3）单击“点击”帧，按F7插入空白关键帧。选择工具箱中“矩形工具”，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。最终“第一章”按钮元件制作效果图2所表示。
5.反复第4步 ，分别制作出“第二章”，“第三章”,“第四章”按钮元件。
图3 创建按钮图层
图4 创建“第一章”文本演示内容
6．回到场景1编辑状态，新建“按钮”图层，将制作好按钮元件分别拖动到课件背景放置按钮位置，并使用工具箱中“自由变换工具”，调整按钮元件大小，使文字按钮大小刚好和背景中按钮大小适合，图3所表示。
7．新建“第一章”图层，在第10帧处插入空白关键帧。选择工具箱中文本工具，在舞台上输入第一章文本内容，并调整文本大小及颜色。选择第19帧插入空白关键帧，此时舞台效果图4所表示。
8. 新建“第二章”图层，在第20帧处插入空白关键帧。选择工具箱中文图5 创建第二章文本演示内容
本工具，在舞台上输入第二章文本内容，并调整文本大小及颜色。选择第29帧插入空白关键帧。此时舞台效果图5所表示
图6 创建第三章文本演示内容
9. 新建“第三章”图层，在第30帧处插入空白关键帧。选择工具箱中文本工具，在舞台上输入第三章文本内容，并调整文本大小及颜色。选择第39帧插入空白关键帧。此时舞台效果图6所表示。
图7 创建第四章文本演示内容
10. 新建“第四章”图层，在第40帧处插入空白关键帧。选择工具箱中文本工具，在舞台上输入第四章文本内容，并调整文本大小及颜色。此时舞台效果图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”,测试影片。
图9 公布简易课件
17.选择“文件|公布设置”命令，在弹出公布设置对话框中，勾选Flash类型，而且修改保留文件名字为“简易课件”，设定文件存放目录后，单击公布，图9所表示。

六、试验注意事项
1．注意不一样元件创建和它们之间转换。
2．注意补间动画创建方法及注意问题。
3．注意区分帧，关键帧，空白关键帧区分。
4．矢量图形和位图区分。
5．Flash脚本代码编写规范。
七、试验汇报要求
认真填写试验地点、试验操作人、试验日期、试验目标、试验要求、试验内容。要求较为具体统计整个试验操作步骤，关键突出，写出注意事项及疑难问题。
八、思索题
1．形状变形动画和位置变形动画区分。
2．Flash中常见Action Script语句有哪些。
3．怎样修改文档属性。
4．Flash绘图工具中哪多个工具能够用于对象选择？
5．图层包含哪多个，怎样改变图层属性？
6．帧分为哪多个类型？怎样创建关键帧和空白关键帧？