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

实验指导书 17 - 现代教育技术 《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帧之间