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

《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名称为“图1创立课件背景图层图2制作按钮元件4.制作按钮元件：选择“插入|新建元件〞，新建“第一章〞按钮元件，并进入按钮元件编辑窗口。1〕单击“弹起〞帧，使用文本工具创立文本“第一章〞，并调整文本的大小及颜色。2)选择“弹起〞帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧〞，再分别在“指针经过〞、“按下〞帧上粘贴。将“指针经过〞、“按下〞两帧对应的文本修改成不同的颜色。3〕单击“点击〞帧，按F7插入空白关键帧。选择工具箱中的“矩形工具〞，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。最终“第一章〞按钮元件制作效果如图2所示。5.重复第4步，分别制作出“第二章〞，“第三章〞,“第四章〞按钮元件。图3创立按钮图层图4创立“第一章〞文本演示内容6．回到场景1编辑状态，新建“按钮〞图层，将制作好的按钮元件分别拖动到课件背景放置按钮的位置，并使用工具箱中的“自由变换工具〞图3创立按钮图层图4创立“第一章〞文本演示内容7．新建“第一章〞图层，在第10帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第一章文本内容，并调整文本的大小及颜色。选择第19帧插入空白关键帧，此时舞台效果如图4所示。8.新建“第二章〞图层，在第20帧处插入空白关键帧。选择工具箱中的文图5创立第二章文本演示内容本工具，在舞台上输入第二章文本内容，并调整文本的大小及颜色。选择第29帧插入空白关键帧。此时舞台效果如图5图5创立第二章文本演示内容图6创立第三章文本演示内容9.新建“第三章〞图层，在第30帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第三章文本内容，并调整文本的大小及颜色。选择第39帧插入空白关键帧。此时舞台效果如图6图6创立第三章文本演示内容图7创立第四章文本演示内容10.新建“第二章〞图层，在第40帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第四章文本内容，并调整文本的大小及颜色。此时舞台效果如图7所示图7创立第四章文本演示内容11.新建“脚本图层〞，单击第1帧，翻开动作面板，为第1帧添加动作脚本stop();如图8所示。图8添加脚本图层，并给第一帧添加动作12．选择“按钮〞图层，单击“第一章〞按钮实例，翻开动作面板，添加脚本：图8添加脚本图层，并给第一帧添加动作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所示图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所示。图154〕在120，140帧处插入关键帧。利用“选择工具〞选中120帧处的图片，并在下方的属性面板中，将图片的高修改为0。在120-140帧之间创立形状补间。如图16所示。在141帧，插入空白关键帧。图165)此时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所示。图176〕在时间轴上双击，选取140-160帧，单击鼠标右键，在弹出的快捷菜当中，选择“复制帧〞，然后在190帧处“粘贴帧〞，再双击选取190-210帧之间的所有帧，单击鼠标右键，在弹出的快捷菜当中，选择“翻转帧〞。在211帧处插空白关键帧。如图18所示图187〕将“photo2遮罩〞图层变为遮罩图层。如图19所示。在图层名称处单击鼠标右键，在弹出的快捷菜单中，选择遮罩层。图196、创立第三张图片的相关图层。〔主要利用遮罩动画，运动补间动画〕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所示。图207、制作“谢谢欣赏〞图层〔主要是路径动画〕1〕新建图形元件，名称为“谢谢欣赏〞，利用文本工具，在图形元件编辑窗口中心，输入“谢谢欣赏〞。2〕新建“谢谢欣赏〞图层，280帧处创立空白关键帧，将“谢谢欣赏〞图形元件拖入舞台，300帧处插入关键帧。3〕为“谢谢欣赏〞图层添加引导层，创立路径动画。效果如图21所示。图218、插入音乐背景1〕单击“插入图层〞按钮，新建一个“背景音乐〞图层。2〕翻开“库〞面板，在“库〞面板中“童年〞声音文件，直接拖放到舞台。3〕在“属性〞面板的“同步〞下拉列表框中选择“事件〞选项，使声音与动画同步。如图22所示。图228、创立代码图层单击新建图层按钮，创立“代码〞图层，在320帧处插入空白关键帧，在动作面板中，为该帧添加动作代码：stop();如图23所示。图239、创立“再欣赏一遍〞按钮。制作按钮元件：选择“插入|新建元件〞，新建“第一章〞按钮元件，并进入按钮元件编辑窗口。1〕单击“弹起〞帧，使用文本工具创立文本“再欣赏一遍〞，并调整文本的大小及颜色。2)选择“弹起〞帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧〞，再分别在“指针经过〞、“按下〞帧上粘贴。将“指针经过〞、“按下〞两帧对应的文本修改成不同的颜色。3〕单击“点击〞帧，按F7插入空白关键帧。选择工具箱中的“矩形工具〞，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。10、新建按钮图层。新建按钮图层，在300帧处插入空白关键帧，将“再欣赏一遍〞按钮拖入舞台，放在适宜位置。使用选择工具，选中按钮，为按钮添加脚本：on(press){gotoAndPlay(1);}如图24所示。11、选择“文件|发布设置〞命令，在弹出的发布设置对话框中，勾选Flash类型，并且修改保存的文件名字为“简易课件〞，设定文件存储目录后，单击发布。六、实验考前须知1．注意不同元件的创立以及它们之间的转换。2．注意补间动画的创立的方式及注意问题。3．注意区别帧，关键帧，空白关键帧的区别。