《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块十 综合实例》由会员分享，可在线阅读，更多相关《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块十 综合实例（54页珍藏版）》请在金锄头文库上搜索。
1、,主讲：,综合实例,图形的绘制,&熟练的运用绘图工具和绘图技巧 &掌握3中基本动画的制作 &掌握高级动画的制作 &熟悉Action Script3.0编程,学习目标:,任务一 制作生日贺卡,制作生日贺卡,【操作要求】 （1）确定贺卡主题、内容。 （2）绘制主题实例。 （3）制作动态贺词效果。 （4）加入背景音乐。,制作生日贺卡,【操作步骤】 （1）新建一个Flash文档，新建图形元件“背景”，用矩形工具 绘制一个笔场景宽的矩形，并填充其为蓝白线性渐变作为天空图形，如图10-2所示。 （2）锁定图层1，新建图层2，用钢笔工具 绘制一个封闭曲线图形，并填充为如图10-3所示的蓝白渐变色作为山峰。
2、（3）锁定图层2，新建图层3，用钢笔工具 绘制一个封闭曲线图形，并填充为如图10-4所示的白灰渐变色作为雪地。 （4）删除图形轮廓线条，单击 按钮返回主场景，然后将元件“背景”拖入场景，并使其居中对齐，如图10-5所示。,制作生日贺卡,（5）新建图形元件“树”，用钢笔工具绘制一个树干图形，并填充颜色，按【Ctrl+G】键组合图形，如图10-6所示。 （6）用刷子工具 绘制几个绿色的叶子图形，并按【Ctrl+G】键组合图形，如图10-7所示。 （7）用钢笔工具 和颜料桶工具 绘制树子图形，并按【Ctrl+G】键组合图形，如图10-8所示。 （8）组合绘制好的图形，并排列叠放顺序，组合出圣诞树图形
3、，如图10-9所示。,制作生日贺卡,（9）新建图形元件“彩球”，用椭圆工具 绘制一个圆，并填充为“#FF3300”和“#000000”的放射状渐变色，如图10-10所示。 （10）绘制一个椭圆，填充为Alpha值为30%、“#FFFFFF”和“#B8E2F1”的放射状渐变色，并按【Ctrl+G】键组合图形，然后放置在彩球上层，如图10-11所示。 （11）再绘制一个椭圆，填充为 “#FFFFFF”和Aphla值为70%、“#E08578”的放射状渐变色，并按【Ctrl+G】键组合图形，然后放置在彩球上层，如图10-12所示。 （12）新建影片剪辑元件“闪光”，用椭圆工具绘制一个圆，设置填充颜色
4、为“#FFFFCC”和“#DAFED3”、Alpha值为0%，如图10-13所示，填充圆效果如图10-14所示。,制作生日贺卡,（13）在第5帧处插入关键帧，选择圆，在“颜色”面板中设置渐变色色标如图10-15所示。 （14）此时圆的填充效果，如图10-16所示。 （15）选择第1帧处的圆，按【Ctrl+C】复制，在第10帧处插入空白帧，在第10帧处按【Ctrl+Shift+V】键粘贴到当前位置，如图10-17所示。 （16）分别在第14、59帧处创建补间形状，如图10-18所示。,制作生日贺卡,（17）锁定图层1，新建图层2，绘制一个“#FFFFFF”和“#DE01DE”、Alpha为0%的
5、星形图形，如图10-19所示。 （18）分别在第5、10帧处插入关键帧，将第5帧处的星形放大，并在第14、59帧处创建补间形状，如图10-20所示。 （19）新建图形元件“房子1”，绘制一个如图10-21所示的房子图形。 （20）新建图形元件“房子2”，绘制一个如图10-22所示的房子图形。,制作生日贺卡,（21）新建影片剪辑元件“圣诞老人”，用钢笔工具 、线条工具 和颜料桶工具 绘制一个圣诞老人图形，如图10-23所示。 （22）新建影片剪辑元件“鞋子双”，用绘图工具绘制一个鞋子图形，并转换为图形元件“鞋子”，如图10-24所示。 （23）用任意变形工具 选择元件，将中心点移动到左上角，如图
6、10-25所示。 （24）分别在第10、30帧处插入关键帧，在第10帧处将图形旋转一定角度，如图10-26所示，分别在第19、1029帧处创建补间形状。,制作生日贺卡,（25）新建影片剪辑元件“礼物”，用绘图工具绘制一个礼物图形，将图形转化图形元件，如图10-27所示。 （26）新建引导图层，绘制一条引导线，在第30帧处插入帧，在图层1的第30帧处插入关键帧，在第1帧处将元件实例放置到起点，在第30帧处放置到终点，在129帧处创建补间动画，并分别在图层1、2的第80帧插入帧，如图10-28所示。 （27）新建影片剪辑元件“雪”，绘制一个圆，并填充为白色、Alpha值为0%的圆作为雪花图形。,制
7、作生日贺卡,（28）新建图层2，按【F9】键打开“动作”面板，并在其中输入如下脚本。 function rndshow() /自定义函数用于设置该实例的随机位置和大小 this.y=-10; this.x=Math.random()*550; this.scaleX=Math.random()+0.2; this.scaleY=this.scaleX; rndshow(); addEventListener(Event.ENTER_FRAME,down); function down(evt) this.y=this.y+5; this.x=this.x+(Math.random()-Math
8、.random()*5; /让当前实例随机向左或向右移动5像素以内的位置 if (this.y465-Math.random()*100) rndshow(); ,制作生日贺卡,（29）返回主场景，在“库”面板中选择元件“雪”单击右键，在弹出的快捷菜单中选择“链接”命令，如图10-29所示。 （30）在打开的“链接属性”对话框，单击“为ActionScript导出”，设置类名称为snow，如图10-30所示。 （31）单击 按钮，打开“动作”面板，在其中输入如下脚本。 var obj:Array=new Array(); var i=0; addEventListener(Event.ENTE
9、R_FRAME,run); function run(evt) if (i100) var sn=new snow(); obji=addChild(sn); i+; ,制作生日贺卡,（32）新建影片剪辑元件“圣诞树”，从“库”面板中拖入元件“树”到图层1，新建图层2，拖入多个元件“彩球”到图层2中，如图10-29所示。 （33）选择“彩球”元件实例，在“面板”中选择颜色为“高级”，单击 按钮，在打开的“高级设置”对话框中设置实例颜色，如图10-30所示。 （34）用相同的方法设置其他彩球的颜色，效果如图10-31所示。 （35）新建图层3，从“库”面板中拖入多个元件“闪光”到图层3中，并调整
10、元件的大小和位置，如图10-32所示。,制作生日贺卡,（36）新建影片剪辑元件“文字”，用文本工具 输入文字，如图10-33所示。 （37）选择文字，按【Ctrl+B】键分离文字，如图10-34所示，然后选择“修改”“时间轴”“分散到图层”命令，将文字分散到图层中。 （38）分别在各图层的第10、12、14、16、18帧处插入关键帧，并分别向下移动文字的位置，在各图层的第40帧处插入帧，如图10-35所示。 （39）分别在各图层的第1帧处创建补间动画，如图10-36所示。,制作生日贺卡,（32）返回主场景，锁定图层1和图层2，新建图层3，从“库”面板中分别拖拽元件“圣诞树”、“袜子”、“文字”
11、、“圣诞老人”、“礼物”到图层3中，如图10-35所示。 （33）保存文档为“制作圣诞贺卡.fla”，并测试动画效果，如图10-1所示。,任务二 制作课件称赞,制作课件称赞,【操作要求】 （1）确定多媒体课件的流程和所需素材。 （2）按教学流程进行前期制作。 （3）对课件进行后期的修改操作 。,制作课件称赞,【操作步骤】 （1）新建一个Flash文档，在“属性”面板中设置文档属性，如图10-37所示。 （2）新建图形元件“枫叶”，用钢笔工具 绘制一个枫叶图形轮廓，然后用颜料桶工具 填充图形，并删除轮廓线条，如图10-38所示。 （3）新建按钮元件“按钮”，在“点击”帧处插入关键帧，并将元件“枫
12、叶”拖放到“点击”帧，如图10-39所示。 （4）新建按钮元件“矩形按钮”，在“点击”帧处插入关键帧，用矩形工具在“点击”帧处绘制一个矩形，如图10-40所示。,制作课件称赞,（5）新建按钮元件“下一步”，在“弹起”帧处绘制一个填充颜色为无颜色的矩形，在“指针经过”帧处插入关键帧，填充矩形为红色，在“按下”帧处插入关键帧，填充矩形为紫色，如图10-41所示。 （6）新建图层2，在矩形上输入文字“下一步”，如图10-42所示。用相同的方法再制作一个按钮元件“上一步”。 （7）新建图形元件“桌子”，用矩形工具 、钢笔工具 和颜料桶工具 绘制一个桌子图形，如图10-43所示。 （8）新建图形元件“椅
13、子1”，用矩形工具 、线条工具 和颜料桶工具 绘制一个椅子正面图形，如图10-44所示。,制作课件称赞,（9）新建图形元件“椅子2”，用矩形工具 、线条工具 和颜料桶工具 绘制一个椅子侧面图形，如图10-45所示。 （10）新建图形元件“板凳”，用矩形工具 、线条工具 和颜料桶工具 绘制一个板凳图形，如图10-46所示。 （11）新建图形元件“木块”，用线条工具 和颜料桶工具 绘制一个木块图形，如图10-47所示。 （12）新建图形元件“苹果”，用椭圆工具 和颜料桶工具 绘制一个苹果图形，如图10-48所示。,制作课件称赞,（13）新建影片剪辑元件“刺猬”，用绘图工具在图层1中绘制刺猬的身体图
14、形，并转换为图形元件“身体”，如图10-49所示。 （14）新建图层2，并重命名图层，在图层2中绘制一个手臂图形，并转化为图形元件“手臂”，如图10-50所示。 （13）新建图层3，并重命名图层，用绘图工具绘制刺猬的腿图形，如图10-51所示。 （14）新建图层4，并重命名图层，将图层3的腿复制到图层4中，并将图层4拖拽到图层1下面，如图10-52所示。,制作课件称赞,（15）新建图层5，并重命名图层，用椭圆工具 绘制一个眼睛图形，并转换为影片剪辑元件“眼睛”，如图10-53所示。 （16）打开“眼睛”元件，在第5帧处插入空白帧，用钢笔工具 绘制眼睛闭合图形，如图10-54所示。 （17）新建
15、影片剪辑元件“刺猬嘴”，用钢笔工具 分别在第1、3、5、6帧处绘制最形图，如图10-55所示。 （18）新建图层6，并重命名图层，组合刺猬元件，如图10-56所示。 （19）新建图层7，并重命名图层，拖入元件“板凳”到图层7中，并将图层7移动到“手臂”图层下，如图10-57所示。,制作课件称赞,（20）锁定所有图层，解锁“身体”图层，在第20帧处插入关键帧，用任意变形工具 选择元件，并旋转身体，如图10-58所示。在第1019帧处创建补间动画。 （21）锁定其他图层，解锁“腿”图层，分别在第20帧处插入关键帧，用任意变形工具 选择元件，并调整腿，如图10-59所示。在第1019帧处创建补间动画
16、。 （22）锁定其他图层，解锁“手臂”图层，分别在第20帧处插入关键帧，用任意变形工具 选择元件，并调整手臂，如图10-60所示。在第1019帧处创建补间动画。 （23）锁定其他图层，解锁“眼睛”和“嘴”图层，分别在第20帧处插入关键帧，用任意变形工具 选择元件，并调整眼睛和嘴，如图10-61所示。在第1019帧处创建补间动画。,制作课件称赞,（24）在“板凳”图层的第25帧处插入关键帧，分别在所有图层的第25帧处插入关键，按于上面相同的方法调整此为个部件的位置，作出弯腰去抱板凳的动作，如图10-62所示。 （25）分别在各图层的第2025帧处创建补间动画，如图10-63所示。 （26）选择所有图层的第1025帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令复制帧，在时间帧上选择所有图层的第2640帧，如图10-64所示。 （27）单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧，选择所有图层的第2640帧，然后翻转帧，如图10-65所示。,制作课件称
