动画设计实战训练课件

动画设计实战训练主讲：DONGHUASHEJISHIZHANXUNLIAN明确Flash动画制作的一般流程。明确Flash动画制作中各种设计方法的用途。掌握综合应用各种设计方法制作高质量Flash动画的基本要领。了解Flash在社会生活各个领域的应用。教学目标:项目十动画设计实战训练项目十：

动画设计实战训练任务一任务二小结任务三任务四任务一数字宠物设计──制作“鱼翔浅底”任务二交互式动画制作──制作“五光十色”项目十动画设计实战训练项目十：

动画设计实战训练任务三趣味游戏开发──制作“记忆游戏”任务四辅助教学应用──制作“教学课件”任务一任务二小结任务三任务四任务一数字宠物设计──制作“鱼翔浅底”任务一项目十：

动画设计实战训练任务二小结任务三任务四1.绘制鱼头任务一项目十：

动画设计实战训练任务二小结任务三任务四2.绘制鱼身任务一项目十：

动画设计实战训练任务二小结任务三任务四3.绘制鱼鳍任务一项目十：

动画设计实战训练任务二小结任务三任务四4.制作动画元件任务一项目十：

动画设计实战训练任务二小结任务三任务四新建一个名为“头”的影片剪辑元件，进入该元件编辑状态。打开【库】面板，将库中名为“鱼头”的图形元件拖曳至舞台中，并使其居中到舞台。分别在第15帧和第30帧插入关键帧。选择第15帧的“鱼头”元件，打开【变形】面板，取消【约束】复选框的勾选，将垂直缩放设置为“110%”。分别在第1帧～第15帧、第15帧～第30帧创建补间动画，形成鱼儿呼吸的效果，时间轴状态。5.制作控制元件任务一项目十：

动画设计实战训练任务二小结任务三任务四新建一个名为“控制”的影片剪辑元件，进入该元件编辑状态，选择第

1

帧，按F9键打开【动作－帧】面板，在“脚本”窗格中输入控制代码在第2帧插入空白关键帧，并为第2帧添加控制代码。for(i=1;i<n;i++){if(i<20){

setProperty("yy"+i,_xscale,100+i-0.25*i*i);

setProperty("yy"+i,_yscale,100+i-0.25*i*i);

setProperty("yy"+i,_alpha,100-i*3);}else{…………6.完成动画任务一项目十：

动画设计实战训练任务二小结任务三任务四将“图层1”图层重命名为“背景”，导入“素材\项目十\制作“鱼翔浅底”\海洋.jpg”背景图片，并使其居中到舞台。打开【库】面板，在影片剪辑元件“头”上单击鼠标右键，在弹出的快捷菜单中选择【链接】命令，在弹出的【链接属性】对话框中勾选【为ActionScript导出】复选框，并在【标识符】文本框中输入“yut”，如图10-18所示。分别将影片剪辑元件“身”和“鳍”的【链接属性】对话框中的【标识符】选项命名为“yus”和“yuq”。任务二交交互式动画制制作──制作作“五光十色色”任务一项目十：动画设计实战战训练任务二小结任务三任务四打开制作模板设置“绘画笔”实例名称设置“调色笔”实例名称游戏运行效果输入控制代码设置“填充图形”实例名称①④③②⑤⑥1.设置“绘画笔笔”实例名称称任务一项目十：动画设计实战战训练任务二小结任务三任务四任务一项目十：动画设计实战战训练任务二小结任务三任务四2.设置“调色笔笔”实例名名称选中任务一项目十：动画设计实战战训练任务二小结任务三任务四3.设置“填充图图形”实例名名称选中选中任务一项目十：动画设计实战战训练任务二小结任务三任务四4.输入控制代码码stop();//隐藏鼠标Mouse.hide();//定义并初始化化颜色序号varcolorNum:uint=1;//定义颜色变量量varyanse:ColorTransform=newColorTransform();//设置颜色值yanse.color=0xFF9999;//为场景添加事事件，使“绘绘画笔”跟随随鼠标移动root.addEventListener(Event.ENTER_FRAME,genshui);functiongenshui(e:Event){…………任务一项目十：动画设计实战战训练任务二小结任务三任务四任务三趣趣味游戏开发发──制作““记忆游戏””任务一项目十：动画设计实战战训练任务二小结任务三任务四1.创建图层新建建一一个个Flash文档档，，设设置置【帧频频】为““60fps””，其其他他文文档档属属性性保保持持默默认认设设置置。。新建建3个图图层层，，从从上上到到下下依依次次重重命命名名为为““AS3.0””、““元元素素””和和““背背景景””。。任务一项目目十十：：动画画设设计计实实战战训训练练任务二小结任务三任务四2.制作作背背景景任务一项目目十十：：动画画设设计计实实战战训训练练任务二小结任务三任务四3.添加加界界面面元元素素任务一项目目十十：：动画画设设计计实实战战训训练练任务二小结任务三任务四4.添加加帧帧标标签签在““AS3.0””图层层的的第第2帧插插入入关关键键帧帧，，选选中中该该帧帧，，在在【属性性】面板板中中设设置置其其帧帧标标签签为为““playgame””。同样样在在该该图图层层第第3帧插插入入关关键键帧帧，，设设置置帧帧标标签签为为““result””任务一项目目十十：：动画画设设计计实实战战训训练练任务二小结任务三任务四5.添加加帧帧上上的的控控制制代代码码vargameScore:String="";//定义用于于储存游游戏结果果的变量量play_btn.buttonMode=true;//设置为真真，鼠标标指针放放在“开开始”元元件上时时显示为为手形play_btn.addEventListener(MouseEvent.CLICK,startGame);//添加事件件//事件响应应函数functionstartGame(event:MouseEvent){gotoAndStop("playgame");//跳转到““playgame”帧，即第第2帧}stop(); //在该帧停停止，以以便接收收用户的的单击事事件………………任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四6.添加““卡片片”元元件动动画代代码package//声明包{importflash.display.*;//导入显示包包中所有类类importflash.events.*;//导入事件包包中所有类类publicdynamicclassCardextendsMovieClip//定义Card类{privatevarflipStep:uint;//用于储存翻翻转步数privatevarisFlipping:Boolean=false;//用于储存翻翻转状态privatevarflipToFrame:uint;//用于储存卡卡片翻转完完成后显示示的帧//方法“开始始翻转”，，需要传入入翻转完成成后显示帧帧的数值publicfunctionstartFlip(flipToWhichFrame:uint){isFlipping=true;//设置置翻翻转转状状态态flipStep=10;//设置置翻翻转转步步数数………………………任务一项目目十十：：动画画设设计计实实战战训训练练任务二小结任务三任务四7.添加加““卡卡片片””元元件件动动画画代代码码package//声明明包包{importflash.display.*;//导入入显显示示包包中中所所有有类类importflash.events.*;//导入入事事件件包包中中所所有有类类publicdynamicclassCardextendsMovieClip//定义义Card类{privatevarflipStep:uint;//用于于储储存存翻翻转转步步数数privatevarisFlipping:Boolean=false;//用于于储储存存翻翻转转状状态态privatevarflipToFrame:uint;//用于储储存卡卡片翻翻转完完成后后显示示的帧帧//方法““开始始翻转转”，，需要要传入入翻转转完成成后显显示帧帧的数数值publicfunctionstartFlip(flipToWhichFrame:uint){isFlipping=true;//设置翻翻转状状态flipStep=10;//设置翻翻转步步数…………………任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四6.添加游游戏主主体控控制代代码package//声明包包{//导入将将要用用到的的系统统包和和类importflash.display.*;importflash.events.*;importflash.text.*;importflash.utils.getTimer;importflash.utils.Timer;importflash.media.Sound;importflash.media.SoundChannel;…………………任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四任务四四辅辅助助教学学应用用───制作作“教教学课课件””制作L1支路的动画制作L2支路的动画制作测灯泡L1电压的动画制作测灯泡L2电压的动画制作测电源电压的动画制作知识总结的动画①②③④⑤⑥任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四1.打开制制作模模板任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四2.新建图图层任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四3.制作““电路路动画画”元元件内内的动动画任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四5.制作用用电压压表测测灯泡泡L1电压的的动画画效果果任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四6.制作用用电压压表测测灯泡泡L2电压的的动画画效果果任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四7.制作用用电压压表测测电源源电压压的动动画效效果任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四8.制作用用电压压表测测电源源电压压的动动画效效果任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四8.制作知知识总总结的的动画画效果果任务一项目十十：动画设设计实实战训训练任务二小结任务三任务四小结作为本本书最最后的的综合合训练练环节节，本本项目目中安安排了了4个典型型的案案例。。通过过对这这些案案例的的学习习，读读者不不但可可以深深入掌掌握Flash的基本本设计计工具具的用用途和和用法法，还还能够够全面面领略略Flash的设计计风采采，真真切感感受到到这款款小巧巧的设设计工工具开开创出出的绚绚丽、、动感感的大大场景景。Flash动画的的核心心在于于“动动”和和“变变”，，但是是“动动”要要动出出节奏奏，““变””要变变出惊惊喜。。这些些技巧巧和感感觉的的掌握握不是是一朝朝一夕夕就能能练就就的，，本书书只是是带领领读者者步入入Flash动画制制作的的殿堂堂，希希望读读者在在今后后加强强实践践训练练，博博采众众长，，逐步步积累累设计计经验验，早早日设设计出出优秀秀的作作品。。9、静静夜夜四四无无邻邻，，荒荒居居旧旧业业贫贫。。。。2023/1/62023/1/6Friday,January6,202310、雨雨中中黄黄叶叶树树，，灯灯下下白白头头人人。。。。2023/1/62023/1/62023/1/61/6/20232:12:06PM11、以我独沈久久，愧君相见见频。。2023/1/62023/1/62023/1/6Jan-2306-Jan-2312、故人人江海海别，，几度度隔山山川。。。2023/1/62023/1/62023/1/6Friday,January6,202313、乍见翻疑疑梦，相悲悲各问年。。。2023/1/62023/1/62023/1/62023/1/61/6/202314、他乡生白白发，旧国国见青山。。。06一月月20232023/1/62023/1/62023/1/615、比不了了得就不不比，得得不到的的就不要要。。。。一月232023/1/62023/1/62023/1/61/6/202316、行动出成果果，工作出财财富。。2023/1/62023/1/606January202317、做前，能够够环视四周；；做时，你只只能或者最好好沿着以脚为为起点的射线线向前。。2023/1/62023/1/62023/1/62023/1/69、没没有有失失败败，，只只有有暂暂时时停停止止成成功功！！。。2023/1/62023/1/6Friday,January6,202310、很很多多事事情情努努力力了了未未必必有有结结果果，，但但是是不不努努力力却却什什么么改改变变也也没没有有。。。。2023/1/62023/1/62023/1/61/6/20232:12:06PM11、成功功就是是日复复一日日那一一点点点小小小努力力的积积累。。。2023/1/62023/1/62023/1/6Jan-2306-Jan-2312、世间成成事，不不求其绝绝对圆满满，留一一份不足足，可得得无限完完美。。。2023/1/62023/1/62023/1/6Friday,January6,202313、不知香香积寺，，数里入入云峰。。。2023/1/62023/1/62023/1/62023/1/61/6/202314、意志坚强的的人能把世界界放在手中像像泥块一样任任意揉捏。06一月20232023/1/62023/1/62023/1/615、楚塞三湘湘接，荆门门九派通。。。。一月232023/1/62023/1/62023/1/61/6/202316、少少年年十十五五二二十十时时，，步步行行夺夺得得胡胡马马骑骑。。。。2023/1/62023/1/606January202317、空山新新雨后，，天气晚晚来秋。。。2023/1/62023/1/62023/1/62023/1/69、杨柳柳散和和风，，青山山澹吾吾虑。。。2023/1/6