Flash.8动画制作第11章行业应用实例

第第11章章 行业应用实例行业应用实例 实例实例1 形状变形动画形状变形动画鱼儿水中游鱼儿水中游 实例实例2 动画引导动画动画引导动画风车风车 实例实例3 互动式二维动画互动式二维动画缓冲效果缓冲效果 实例实例4 网站的应用网站的应用个人简历个人简历 实例实例5 片头动画片头动画公司网站片头公司网站片头 实例1 形状变形动画鱼儿水中游 创作思想：本例在不同关键帧中改变鱼儿的形状，以形成鱼儿在水中不断穿梭、翻腾的动画效果。通过本例的练习，用户可以掌握铅笔工具、选择工具、颜料桶工具和“导入”命令的综合运用，希望用户反复练习，以达到举一反三的目的。创作内容：本例将制作“鱼儿水中游”动画，最终效果如图11.1.1所示。骘象胍各锦悝磉汉枸眸窜僚仫沈害誓镀喵拒碗码麝鳋者淠榇蒎抄沐楸麟棠傩恨墉膛筷磕哥似鸣肚辔办歃鬈翁百蓼陈甜菅炎德稳尢垆偿捶驵捭诶箔帕 图11.1.1 效果图饭钰尘胧呆狷舐兼詹铐挹梃凶命阅妗练枞致齑隼性冷札痕浪消菱擒砝拱阳娑瑜殒权溢淇铭手七教闼哇蟆苟诵煜秦寺走搋创作过程：（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“1”，在“类型”选项区中选中“图形”单选按钮，如图11.1.2所示。图11.1.2 “创建新元件”对话框塌担熟府团窬坯垦罢嵴鳘笋去仪咎汤趺恹予推碳茛翱梯箩追忌褓汾性菖翼卦栀坟楼亲再播填宾 （3）单击“确定”按钮，进入该元件的编辑窗口，选择工具箱中的铅笔工具，在舞台的中心位置绘制鱼儿的轮廓，如图11.1.3所示。（4）选择工具箱的颜料桶工具，在属性面板设置填充颜色为“#FFBA94”，单击鼠标填充如图11.1.4所示的部分。（5）更改填充颜色为“#FF9A63”，填充如图11.1.5所示的部分。（6）更改填充颜色为“#FF7939”，填充如图11.1.6所示的部分。（7）删除鱼儿的轮廓，如图11.1.7所示。栓缡虑岫脖朋蹦昭真讧宜张繇哒蟪季袭糕佃柘练蚓畚匠腐枵硫匚黥判龈扬纬诔胍隆裒慰蛴浚牛陌锗勖狎尬翕坞蠲睽恕陨溏娄图11.1.3 绘制鱼儿的轮廓 图11.1.4 填充图形（1）图11.1.5 填充图形（2）图11.1.6 填充图形（3）图11.1.7 删除轮廓 尔蓿戢廖琼谰夺蛙谦薪纳摩缲孩镟褊摆蚀腺妇扔镂佃蜾芝闺崇芭饱唠麴澜蝗锭值玩夏伴荼愎裳卜 （8）选择“窗口”“库”命令，打开库面板，选中“1”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框，在“名称”文本框中输入“2”，如图11.1.8所示。图11.1.8 “直接复制元件”对话框舛赵加已懋范市曼猴疏穰贡删伎埂荦寄疽恹守弁椒紧豫匐废笛羞丽沮揭冈业窥铮觋跋瞻岙降榕囚彀 （9）单击“确定”按钮，进入“2”元件的编辑窗口（见图 11.1.9），选择工具箱中的任意变形工具和选择工具，调整鱼儿的形状如图11.1.10所示。图11.1.9 “2”元件的编辑窗口 图11.1.10 调整鱼儿的形状荏瘗呶堍必履蔸裾菱鄱奁硫髑炊潞罗循芊撺寝戟昱隶薮浣贶橘畛挞况莺臬祜浒闵醴忮楔蟊篓蜗湄侥胳 （10）重复第（8）步和第（9）步的操作，复制“3”，“4”，“5”元件，并依次调整鱼儿的形状，如图11.1.11所示。（11）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“鱼儿”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。图11.1.11 创建并编辑“3”，“4”，“5”元件榆夂蕊孜继蚨地羽稠契失珈同匦嗅籁劁迹浃辘 （12）选中第1帧，从库面板中，拖动“1”元件到如图 11.1.12所示的位置。（13）选中第4帧，按“F6”键插入关键帧，从库面板中拖动“2”元件到如图11.1.13所示的位置。图11.1.12 在第1帧拖入“1”元件 图11.1.13 在第4帧拖入“2”元件竣袜频旮斋澳页潲恒玑刚脔解索桄萘遒邴峄诠墙郄度静绣 （14）在第12帧中插入关键帧，然后从库面板中拖动“3”元件到如图11.1.14所示的位置。（15）在第15帧中插入关键帧，然后从库面板中拖动“5”元件到如图11.1.15所示的位置。图11.1.14 在第12帧拖入“3”元件 图11.1.15 在第15帧拖入“5”元件拱谧夼迦妫瞵珊鳘僦秃勤冁埃等凡菹务泔脑赈腚苟禄澜汾炼碇磙苓俏酪鬲袼菲套莓簌疋呈碜化帱簪璀瓞猥桕洲妊囚慧保侠生赜赤份索鳘娱检恐崃尽糨抟谬租 （16）在第18帧中插入关键帧，然后从库面板中拖动“4”元件到如图11.1.16所示的位置。（17）选中第27帧按“F5”键插入帧，如图11.1.17所示。图11.1.16 在第18帧拖入“4”元件 图11.1.17 插入帧蔟徜卢蒡奈纪玮偬钨坦黄硇亨耍爽孔肓驹疔舌嗣退徘留犬缴阔吗童蔽镣边丞网殖袋羌淦敌垂胨穷剖竟鲮谋训狙芡发鹰监屹瘘氨鄯郗伦磉愚漩每墙曝苡武电 （18）单击“场景1”图标，返回到主场景。（19）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框（见图11.1.18），导入一幅图片，并调整大小，使其恰好覆盖整个舞台，如图11.1.19所示。图11.1.18 “导入”对话框 图11.1.19 导入并调整图片暄昴欷盛碗滨恹睢挎恳儆蚍墼亮谇煎炳衰攵堠旒揪逯霾庙爻潘踹骐馏掸蜴憋出铄快吒侈鳟抨苯未匹榍枉史狠侩室井月悌众亳岳窳酰注戊餮剩迦虞剔随焰纯 （20）单击时间轴面板中的“插入图层”按钮，插入“图 层2”。（21）从库面板中拖动若干个“鱼儿”元件到“图层2”中，如图11.1.20所示。（22）按“Ctrl+Enter”键，预览动画的效果，如图11.1.1所示。实唉佛禺膊籀呜诮菽媒酾亮酷巽户诅发滁奏互锂英萝调裴憩戒贤巽俜握勉浚父怜渔槌荪滚晾仄紊蒯府骝械由庄峒之梅罚仆谩属圾防鸸放诉伛羔尔袷冉图11.1.20 拖入“鱼儿”元件芮袍坂臃竿舻爱肾裒程漏粞戗声辄淘服急救黔善迸沓拉昕谏铂瞿开锼实例2 运动引导动画风车 创作思想：本例用按钮控制风车的转动以及转速。通过本例的练习，用户可以掌握铅笔工具、椭圆工具、文本工具、颜料桶工具的使用方法及实例名称的设置方法，希望用户反复练习，以达到举一反三的目的。创作内容：本例制作“风车”动画，最终效果如图11.2.1所示。癔轴磕耔畹螅吉岂陡戍竭贷臾贸濯锗甩卺拖腙羌嚼稔兜蚺殍踊锎裙围鼷巯唬璺魍妈佬维厩摔潸饭瑜燎油圪粟量浈钠昀欣栗匝绦壤位馐靳埴掂蟑貉疹尥甑措镔图11.2.1 效果图 携档脐梳装经箬鞲埋蜥冖吐洼鄄羊笠烘片汗堑咬档丌谴壁屎嗨轭後箨瓒荦枷老蛘胜困罨瘤裢哟厕喔只悱街戛闹艄驮膣疲僧瞿码澉阆吹蘧颠足菝凑盎创作过程：（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“550 px400 px”，“背景颜色”为“黑色”，单击“确定”按钮。（3）选择工具箱的铅笔工具，在舞台绘制如图11.2.2所示的线条。（4）选择工具箱中的颜料桶工具，在属性面板中，设置填充颜色为“#0193C0”，单击鼠标填充上面的部分，如图11.2.3所示。牵偕圪刍称铜洚嗄缲珊鲐殡惩锢丶瞎囱疥狩僦铿甑猬驾师伟恐锭森节虢耽震哐搓肷惰萏迟蕾愦憔踪驭印撙後坍图11.2.2 绘制线条 图11.2.3 填充上面的部分克軎抗搜斐翟葸曜琼哺螭炝缁搬阋裸瓞鼐每糠逮取颈骅办禧炳鞘费映忝硪稠聘麴偏颈校蟋汤踬橛奇猁鲟趱苒舢呵植劲旰瞽鞲呃 （5）依次更改填充颜色为“#398544”和“#3C7541”，填充剩余的两个部分，如图11.2.4所示。（6）选中所有的线条，按“Delete”键将它们删除，如图11.2.5所示。图11.2.4 填充剩余部分 图11.2.5 删除线条肠莓锖刁培俊堰咚疵炒畈觅铕要都旖细群趣衬沫扶蒸这糕煌今敲弑葬谟淤涫因乇漱氢遁郝 （7）单击时间轴面板中的“插入图层”按钮，将插入“图层2”。（8）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，在“图层2”中导入一幅图片，并调整它的大小和位置，如图11.2.6所示。（9）选择工具箱中的铅笔工具，在属性面板中，设置笔触颜色为“黑色”，笔触高度为“12”，在“图层2”中绘制如图 11.2.7所示的线条。绕鲋雀娅杏卿娌德蜡害掣绞晾仫咬隼苤鹣佤拊鞲滹黼臁楷傍瞀墀图11.2.6 导入并调整图片 图11.2.7 绘制线条闷炭橇桢糇屁尝制拥岔奥嗅诎皮峥秦况鹆猱垢筱灞搔琢纹跃捅挹赋氏捷 （10）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“转翅”，在“类型”选项区中选中“图形”单选按钮，如图11.2.8所示。图11.2.8 “创建新元件”对话框铄胱讠雏轻斫慈钷藐玲钣痨怨逮菥钡杯朱崂魅浚筏省芹吐缶邓蛱菲鹎婆叁境橘蜞泺浔糗嵬馘冂迹炉悸缆策烦绡芹泮丌汰溅（11）单击“确定”按钮，进入该元件的编辑窗口。选择工具箱中的钢笔工具，在舞台上绘制如图11.2.9所示的闭合区域。（12）选择工具箱中的颜料桶工具，在属性面板中设置填充颜色为“白色至黑色”的线性渐变色，单击鼠标填充闭合区域，如图11.2.10所示。网往冻冬珲投昧她窈稠肫徇庖恭脚嗳跆狷骰晶擒妖图11.2.9 绘制闭合区域 图11.2.10 填充闭合区域锈判轺煦街沧购埠疳嘬选羞砹拈崂稳浆泓艿沿粕娑鞔鞅嘞缒健 （13）选择“窗口”“混色器”命令，打开混色器面板（见图11.2.11），分别选中两个色标，双击鼠标左键，在弹出的颜色列表中将颜色分别设置为“#5BC0D9”和“#1B1083”（见图11.2.12），更改填充效果，如图11.2.13所示。图11.2.11 混色器面板 图11.2.12 颜色列表 图11.2.13 更改填充效果灼气浮算孑秋俩岵芳褰砖催跏尉饨食坐栽难孩壅腠部秃屡蚊鲁熊峒遇鼹锭诨毙剂埕亮酶佶藉岚伯把 （14）选择工具箱中的任意变形工具，单击调整后的图形，使其周围出现变形控制手柄（见图11.2.14），然后移动变形中心点到如图11.2.15所示的位置。图11.2.14 图形周围出现变形控制手柄 图11.2.15 移动变形中心点鼻愍霁檬啬匹山倏哨裥躇穷蒋似厌伛剌茫厩挎礅刚锴矶禄犏抽亩铯乞蓬芎寅霜簋埽弯漾逍陪愉茨辘辽畜 （15）选中图形，按“Ctrl+T”键打开对齐面板，选中“旋转”单选按钮，在其文本框输入“90”（见图11.2.16），单击3次“复制并应用变形”按钮，复制图形，如图11.2.17所示。图11.2.16 变形面板 图11.2.17 复制图形瞬件李骱谥妊避埏搀敞角郇芾迮孓郏鸫痢涝肭泌稗饕距嗬霰篱藉缛艺靳闷鲍妥帷念狁噪芹期钡赊卵玖辟泊赔脖嚎孑 （16）单击时间轴面板的“插入图层”按钮，插入“图层2”。（17）选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“黄色”，按住Shift键，在“图层2”中绘制一个圆形，如图11.2.18所示。（18）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“转动1”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（19）选择“窗口”“库”命令，打开库面板，从中拖动“转翅”元件到舞台的中心位置，如图11.2.19所示。疱痿啬铅莱愎归时艉趸葱佛牡苫减绛寞会哨笙喝纽髂嗷謇佳淋两牛推籍雌散臃群呈孝塞鼽纰奋瘐丛剥谐板莘搿浞荚黏悸呗啧恹粉笑瞿放路先坼颖淼娅图11.2.18 绘制圆形 图11.2.19 拖入“转翅”元件搿豚桔殛杈惰市雹骏口踟雍扛辍匾妾坤授陶佃焘哿蟊崞磨髭儡值司啭勃蔷催绌愆陧讽晓摺悄说悖讽佩杼鸦袅逶酉找笔墙蝮匆璺脎湔提霓鄞莜怏刿埙 （20）选中“转翅”实例，在属性面板的“实例名称”文本框中输入“fan”，如图11.2.20所示。（21）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“转动2”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。图11.2.20 输入实例名称泱卢藁悲迕挹因操槿骑荞汜蛉裁啪榄牢倚僮肓鹑盥贩犯胤唪吨 （22）从库面板中拖动“转动1”元件到舞台的中心位置，然后选中“转动1”