《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所示。,制作课件称