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

1、 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 .选择“文件|导入|导入到

2、库”，将“课件背景.jpg”导入到当前库。3 .创建课件背景：从库中拖动”课件背景.jpg”到舞台，使其与舞台边界对图1创建课件背景图层图2制作按钮元件齐。选中图层1,单击鼠标右键，在弹出的快捷菜单中选择“属性”，通过图层 属性对话框，修改图层1名称为“背景”。单击背景图层，在60帧处按F5,插入 普通帧，锁定背景图层。如图1所示。4 .制作按钮元件：选择“插入|新建元件”，新建“第一章”按钮元件，并进 入按钮元件编辑窗口。1）单击“弹起”帧，使用文本工具创建文本“第一章”，并调整文本的大小 及颜色。2）选择“弹起”帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧” , 再分别在“指针经过”、

3、“按下”帧上粘贴。将“指针经过”、“按下”两帧对应的 文本修改成不同的颜色。3）单击“点击”帧，按F7插入空白关键帧。选择工具箱中的“矩形工具”， 在舞台中央绘制一矩形，大小刚好覆盖文本框即可。最终“第一章”按钮元件制 作效果如图2所示。5 .重复第4步，分别制作出“第二章”，“第三章”，“第四章”按钮元件,可编辑范本6 .回到场景1编辑状态，新建“按钮”图层，将制作好的按钮元件分别拖图3创建按钮图层图4创建“第一章”文本演示内容动到课件背景放置按钮的位置，并使用工具箱中的“自由变换工具”，调整按钮元件大小，使文字按钮的大小刚好与背景中按钮大小适合，如图3所示。7 .新建“第一章”图层，在第1

4、0帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第一章文本内容，并调整文本的大小及颜色。选择第19帧插入空白关键帧，此时舞台效果如图 4所示。8 .新建“第二章”图层，在第20帧处插入空白关键帧。选择工具箱中的文可编辑范本图5创建第二章文本演示内容本工具，在舞台上输入第二章文本内容，并调整文本的大小及颜色。选择第29帧插入空白关键帧。此时舞台效果如图 5所示9 .新建“第三章”图层，在第30帧处插入空白关键帧。选择工具箱中的文本工具，在舞台上输入第三章文本内容，并调整文本的大小及颜色。选择第39帧插入空白关键帧。此时舞台效果如图 6所示。10 .新建“第二章”图层，在第40帧处插入空

5、白关键帧。选择工具箱中的文 本工具，在舞台上输入第四章文本内容，并调整文本的大小及颜色。此时舞台效第四章遮罩动画，由遮罩层和 被遮罩层组成，遮罩层相当 于个不发散的此源，找到 被遮罩层上就可以看被遮罩 层的内容.再则就看不到.布不 .“第F尸第同不洛« 19) 骂IU W iiK*e iM 图由7创建第四章文本演示内容,第二章路径动画,可以制作 Z司轨迹变化的运动效果1 如地球的公转等各种轨迹 N . -9 -J 坦动，L第一章上第二卜第三章第四章1W - fl. 、,：Wi划 3 .1> k图6创建第三章文本演示内容果如图7所示11新建“脚本图层”，单击第1帧，打开动作面板，

6、为第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按“Ct

7、rl+Enter”，测试影片17选择“文件|发布设置”命令，在弹出的发布设置对话框中，勾选 Flash类型，并且修改保存的文件名字为“简易课件”，设定文件存储目录后，单击发布，如图9所示发布出雷风当贾配号工笄 WUWP* i. + -5 &曲式 Plkstl I其土口 «kli ( kfj|_kTRL Lk3j匚仃EW Lg jI'K 目慑(JPeLJ pjk EK t p3匚 BlbJovii 核成件(.*xe J厂/的Ma#版聃兀件|_帝Pl三树的驷1咻Ten±*；C： JJdT-SZitS 孙士 £ - Mil 身名7 . £ 亲争

8、名一L疝口 ，身1-T亍E& 未举名-1.。电 市金花-ppI n-v) *由名-1 MI 便可雅；L|>tjEJ一©0尸图9发布简易课件(二)制作简易电子相册1 .新建一个flash(ActionScript 2.0)文档，并设置文档大小为 1024*76&2 .选择“文件|导入|导入到库”，将所需图片素材导入到当前库。3 .创建相册封面背景：1)将库面板中的“ garden.jpgj拖入到舞台，并使其与舞台边界对齐；修改图层1”名称为“背景”。在340帧处按F6键，插入关键帧。如图10所示。图10插入背景图片嬴皿器小黑黑黑2）单击“插入图层”按钮，新建“图层

9、 2”，修改图层名称为“背景文字” o 单击第10帧，按F7,插入空白关键帧，选择“文本工具”，输入“世界地理”。分别在15, 20, 25帧处插入关键帧。选中第10帧，将“界地理”三个字删除； 选中第15帧，将“地理”两个字删除；选中第 20帧，将“理”删除。如图11 所示。同学也可以在 Photoshop创建艺术效果的“世界地理”，可以使背景更美 观。嚼'Jrtrt£ uA x*白 ”胃图11 创建“背景文字”3）新建“图片展示”图层。在 30帧处按F7插入空白关键帧。设置前景色为灰色，透明度为50。如图12所示。选择“矩形工具”，绘制宽高分别为10的矩形。在50帧处插入

10、关键帧，用“选择工具”选中此帧处的矩形，并在属性面板中，将其宽修改为800。在30帧-50帧之间创建形状补问。在70帧处，插入关键帧，并将此帧处矩形的高修改为 600,在50-70帧之间创建形状补问。效果如果13所示。图13 创建“图片展示”图层4）单击“插入图层文件夹”按钮，插入文件夹图层，修改“文件夹 1” 为“背景”，将之前创建的“背景”，“背景文字”，“图片展示”三个图层拖入“背 景”文件夹。4、创建第一张图片相关图层。（主要利用形状补问动画）1）新建“photol”图层，在70帧处插入空白关键帧。将库中的“ t2.jpg” 拖入到舞台，在属性面板中修改其宽高为800, 600。并将图

11、片与图片展示矩形框对齐，即在属性面板中的x,y值修改为6 , 58 o如图14所示图14将图片放在图片展示区2）选中第70帧处的图片，按下Ctrl+B,将图片打散。在第90帧处插入关键 帧。3）利用“选择工具”选中70帧处的图片，并在下方的属性面板中，将图 片的高修改为10o在70-90帧之间创建形状补问。如图15所示。图15120帧处的图4）在120, 140帧处插入关键帧。利用“选择工具”选中片，并在下方的属性面板中，将图片的高修改为0o在120-140帧之间创建形状补问。如图16所示。在141帧，插入空白关键帧。图165）此时photo1图层创建完毕，单击图层名称旁边的小锁按钮，锁定此图

12、 层。5、创建第二张图片的相关图层。（主要利用遮罩动画，运动补问动画）1）新建“photo2”图层，在141帧处插入空白关键帧。将库中的“ t3.jpg” 拖入到舞台，在属性面板中修改其宽高为800, 600。并将图片与图片展示矩形框 对齐，即在属性面板中的x,y值修改为6, 58。在210帧处插入空白关键帧。2）新建图形元件，取名为“圆”，在元件绘制窗口中绘制一个小的圆形。 颜色任意。3）新建“photo2遮罩”图层，在141帧处插入空白关键帧。将图形元件 “圆”拖入舞台，并放置在图片展示区的左上角。可编辑范本可编辑范本4） 160, 190帧处插入关键帧。5）利用“任意变形工具”，将160

13、帧的圆，缩放到覆盖图片展示区的大小，在140-160帧问创问动画补问。如图17所示。图17M r 更n-I，CU>L »>! W1 1 加增Euffl船明用心叫田而件畀建 父啕iivlsn方 面s7H«nKxfllEIislo«，ton嘀 石H-s蛆鹿宣*;>闾6）在时间轴上双击，选取140-160帧，单击鼠标右键，在弹出的快捷菜当中，选择“复制帧”，然后在190帧处“粘贴帧”，再双击选取190-210帧之间的所有帧，单击鼠标右键，在弹出的快捷菜当中，选择“翻转帧” 。在211帧处插空白关键帧。如图18所示图187）将“photo2遮罩”图层变为

14、遮罩图层。如图19所示。在图层名称处单击鼠标右键，在弹出的快捷菜单中，选择遮罩层® photon翦 photd photo 1 石有每件夹:昱丁主苜.1 锣定其他图层 障藏其他国层N图片.插入的层= *0 删除圉层3 a _i iT.3引导层红得融回导层遮罩层显示遮里赭入文件夹删除文件夹 展开文件夹折会文件夹展开所有文件典 折叠所有文性夹卮性图196、创建第三张图片的相关图层。（主要利用遮罩动画，运动补问动画）1）新建“photo3”图层，在211帧处插入空白关键帧。将库中的“ t3.jpg” 拖入到舞台，在属性面板中修改其宽高为 800, 600。属性面板中的x,y值修改为 -79

15、0, 58。在230帧出插入关键帧，修改此帧处的图片位置， x,y值为6, 58。在211-230帧创建补问动画。2）在260帧，280帧插入关键帧。修改280帧的图片位置，x,y值为6, 120& 在260-280帧创建补问动画。3）新建“photo3遮罩”图层，210帧插入空白关键帧，用“矩形”工具 绘制大小为800, 600,坐标位置x,y为6、58,颜色任意的矩形。将“ photo3遮罩”图层转换为遮罩图层。效果如图20所示。出 等黑黑1«黑,票，> * 3 3 3 / X 'M11unTf口wpRrJw 时也出尸£图207、制作“谢谢欣赏”图

16、层（主要是路径动画）1）新建图形元件，名称为“谢谢欣赏”，利用文本工具，在图形元件编辑窗口中心，输入“谢谢欣赏”2）新建“谢谢欣赏”图层，280帧处创建空白关键帧，将“谢谢欣赏”图形元件拖入舞台，300帧处插入关键帧。3）为“谢谢欣赏”图层添加引导层，创建路径动画。效果如图21所示。* 无更觉 g 制"M kl-lla'RIJ.-G|:二 K V谢谢欣赏>图218、插入音乐背景1）单击“插入图层”按钮，新建一个“背景音乐”图层。2）打开“库”面板，在“库”面板中 “童年”声音文件，直接拖放到舞 台。3）在“属性”面板的“同步”下拉列表框中选择“事件”选项，使声音 与动画

17、同步。如图22所示。±,5E-nlE¥M*rtA':lIH*nF;!Fm图228、创建代码图层单击新建图层按钮，创建“代码”图层，在 320帧处插入空白关键帧,在动作面板中，为该帧添加动作代码：stop()；如图23所示力 茅壕 小+等4 ST*r 1-FM'X wIr *' *,' 3 BZA图 239、创建“再欣赏一遍”按钮。制作按钮元件：选择“插入 | 新建元件”，新建“第一章”按钮元件，并进入按钮元件编辑窗口。1)单击“弹起”帧，使用文本工具创建文本“再欣赏一遍”，并调整文本的大小及颜色。2) 选择“弹起”帧，单击鼠标右键，在弹出的快

18、捷菜单中选择“复制帧”，再分别在“指针经过”、 “按下”帧上粘贴。将“指针经过”、 “按下”两帧对应的文本修改成不同的颜色。3)单击“点击”帧，按F7插入空白关键帧。选择工具箱中的“矩形工具”，在舞台中央绘制一矩形，大小刚好覆盖文本框即可。10、新建按钮图层。新建按钮图层，在300帧处插入空白关键帧，将“再欣赏一遍”按钮拖入舞台，放在合适位置。使用选择工具，选中按钮，为按钮添加脚本：on(press)gotoAndPlay(1);如图 24所示。11、选择“文件| 发布设置”命令，在弹出的发布设置对话框中，勾选 Flash类型，并且修改保存的文件名字为“简易课件”，设定文件存储目录后，单击发布。六、实验注意事项1 注意不同元件的创建以及它们之间的转换。可编辑范本2注意补间动