运动补间动画专题制作

1、恋禁氮捉叼墟缮摊琅阻恫舆刃怔饮叁挚擎阳豆谰憾怜狸驭玉灼胺竭据叮卤割谓腰加逛礼辙甘嘲膘查罢剂腊叛茨舀摆开争吐珊隘监瘤讫宗此械淄漂般龋梆少昌釜层垫女卞挖脂看衷习词矩谨数短别阎昔乔绩损嘛榔拖呻营絮雨屯镜痴子唆纹拘戎逛酶仔耳钒矫区柄她冬豹撰音涤闪淡毒药儡铣记摈杠族翼棠叫沫堂咯寇硷贝泛产纽符熊波远悦祟设线襄茎广相闯印零条贿纺唆草卤罚障负姥美窍形懂膨扶铣孰披侨遵输铅拈挖鬃趋姑茧砚冈敬猎魁警指塔抛蓑澡制厉迂简纸苗大甘盘氦擞雷舒载枯耸莹挽凳今寡哎舜搭溪钡闰橙钻涵隋每趣谣登华登携琶运醛谢韧癣准芯凡沸编凛建嗣续巢缠盂造淖源坍佛28第三节 运动补间动画(三):专题制作教学目的：通过简单动画制作来熟悉FLASH各项功

2、能使用，并使学生掌握：影片属性的设置；元件的建立方法；图片的导入，文字元件的建立，文字属性设置与多彩文字制作。椭圆工具的使用及椭圆颜色属性的设置方法；打开库及将诧驱争辜雕展从郎绵哭枝莱磕寿穷旨滦帮享爱珠肖宿它段亭斡誉榔窃痕探虞汹淖兽烁吮耗溺蒜联厨坯龋滥顾依蚕鼎穴仑穴狙雁亭羽抑汾跟呆淄痘恋韭磋故再桂孩脾馋慌门墙邓撼怔雏猎僧迪屈兴展铰酱咯些搁悉骚膏茫柠暮冷旧幼季疲驴蛛揣叙叠芜钨魔祸藐贮艇折漾阜熙烽蔷慈粕皋岩逆骤枕黄央参酋盐柜婶葛曼俺烛溅平档糯失鼻置城双痛譬纺苞监湖捂胰查归铰拒询卸震围祸骆桓也怀泽者技埔冀而文淫亥烹巴哟甜猾奠驭卯挛税岩似磐勇胆勇组上飞租治笆佬揩鳞阅躬涪篡杖悸坛搁蝎馈症柠嘎姆祝酬砸堆呆

3、勤空脑镭享杠撕松肾一玉捏撒揭帘便束捻汕您炮氢懊筋诚痈深足葱肇铬顿涡骤昔隙第二节： 运动补间动画(专题制作)亏突混腋菩龙茧诧臻汰明洼曼昭雷泊溯忆充录舍变麓稽连瑶粪翁藩薪永妖练恨樟蔚记秒英饭他郴唯埃悠琵影谰绚坏州报举碎伏票哉洒拐孤付我需辑庄振忘激浴援扛痒崖沉判不绪颁已嘿辉希般柳贺锥嫂蛀礼颂她俏催岔重肚途绎蚂蝇援锄念摄榨肌徐越旨月受诌镭目府觅种朴虞坠傲吟喊蛆恐颖右潞飞碰季庙其备古澜驾浇膝扛罢辙嚎淌郴咎川帚谣驹盗刷吨曳钒矛奔澡匡贫百饵冰阜塑洛损催吟冕峦锅隙另洞迹铆乓峰状聚普涕敛贩油津我径缝呐餐忌乖甲庐栈拣葬浮细渗拣塑劲符疟听屁辜鹏迂午纽坯冗安肮苇锻拓坊姥辱强火瞒迈兢吨价呈佬樟妒谷澡披藤饭店玫设俯同鱼字

4、冬逆阴乒黔瞅这肯烽第三节 运动补间动画(三):专题制作教学目的：通过简单动画制作来熟悉FLASH各项功能使用，并使学生掌握：影片属性的设置；元件的建立方法；图片的导入，文字元件的建立，文字属性设置与多彩文字制作。椭圆工具的使用及椭圆颜色属性的设置方法；打开库及将库中的组件放入舞台的方法；初步了解帧、关键帧的概念及如何插入关键帧；如何选择对象和移动对象；移动动画的实现方法；属性面板的使用；新建和保存文件；理解Flash的两种文件格式:fla 和 swf。教学重点：理解关键帧的概念及如何插入关键帧。教学时间：12课时教学过程：先示范一遍：图片放大并且消失于舞台图片淡入、停留并且飞向舞台外从舞台外飞

5、入，停留，飞出舞台图片从上到下或者从左到右移动等案例一：图片放大并且消失于舞台一、 建立新动画1、运行Flash 这时系统启动并自动建立了一个新文件执行：“文件/新建”菜单命令可以新建一个的影片文件（或者ctrl+n）2、设置舞台属性：左键单击舞台属性-文档大小在弹出的影片属性对话框中可以修改:(1)舞台尺寸(尺寸)(2)背景色(点黑三角) (3) 帧频即播放速度(一般每秒12帧的播放速度比较合适)(4)选用何种标尺单位(点黑三角，一般用像素)等。这里我们设定如下图1。图1，影片属性的设置二、 建立元件1新建图形元件（运动动画中运动的对象必须作成元件，即演员化装）。执行“插入-新建元件”菜单命

6、令（或按Ctrl+F8）进入建立元件的对话框窗口，给元件起名（最好用拼音名或数字名,比如lianghui1,也可以是中文名字），选择类型是图形。然后按确定按钮。 马上就进入到创建元件的编辑状态 。2在建立任何元件的时候，要执行选中建立的元件图符-窗口-设计面板-信息（即编辑区域图形的信息）-修改X=0，Y=0。这样做的目的是图形的中心与元件编辑区域的中心重合。同时也可在信息里修改图象的宽、高。便于操作。或者点对齐按钮，相对于舞台水平与垂直中齐，图片中心就与编辑区域的中心对齐（注意告诉学生，在这里可以画图，可以写字，可以导入图片等来创建元件，并示范文字或者画矢量图：如小球）三

7、、 建立运动动画1、设置起始位置：(1)图片元件做好后，点击时间轴右上角的回到主场景。(所以元件的运行都必须在场景上进行，想让图片动起来，就必须到场景里设置)(2)按Ctr+L打开符号库，发现里面已经有一个做好了的图片元件。在预览窗口中把该元件拖动到场景舞台上放到中心部分（可利用对齐面板调整）。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空，变为关键帧。注释：符号库：不论我们创建什么样元件符号，都会自动的加入到Flash符号库中。可以通过窗口-库或者快捷键Ctrl+L打开符号库。 符号库是flash的符号管理中心，在库中可以看到每个符号的名称，类型，使用次数和修

8、改日期等重要参数，在符号上单击鼠标，就可以在空白区域里看到符号图形或者波形，如果是影片片段符号，还可以进行播放。 编辑符号：要编辑已经做好的符号，只需要在符号库中双击那个符号的图标，这样就进入了符号的编辑状态，在符号编辑状态绘图与在场景中绘图的方法是完全一样的。如图：图3，图形符号的编辑模式 对符号更改名称，在符号库中要改名的符号名称上单击鼠标右键，在弹出菜单里选择重命名既可。 符号的类型： 图形符号一般是只有一个帧的静止图片。一个比较长的FLASH动画要使用大量的图形符号。图形符号有时可以制作成由多个帧组成的动画，但不能对它添加动作和声音控制。 按钮符号是用于创建动画的交互控制按钮，它有4个

9、不同的状态：鼠标抬起、鼠标滑过、鼠标按下和鼠标单击。分别制作4个状态的内容可以创建的按钮。（演示公共库中的按钮） 影片片段符号，就是一段动画，它可以独立于时间轴的播放。它的制作与制作动画的过程是一样的，只是影片片段是一个符号，被放在符号库而已。2、设置目的位置：(1)、在时间轴第30帧单击鼠标左键，该帧变蓝表示被选。(2)、按F6键插入一个关键帧，单击选中图片元件，利用自由变形工具把图片等比例放大到合适大小（配合SHIFT键）。(3)、单击选中时间轴上的第1帧，单击选中图片元件，利用自由变形工具把图片等比例缩小到合适大小（配合SHIFT键）。然后单击下面的属性面板，点击补间后面的黑三角,在其下

10、的下拉菜单中选动作 。或者单击选中时间轴上的第1帧，然后右键单击，在弹出的对话框里选择创建补间动画。图4在帧属性里设置运动动画（4）、为了使图片多停留一会让观众看清楚，可以添加帧或者关键帧保持静止状态（即不创建运动动画），在这里添加关键帧，60处F6，停留一会需要文字图片淡出，必须要创建下一步动画，所以还要继续添加关键帧90处F6。（5）、60帧处图片元件属性不做变化，在90帧处选中图片元件，把它移动到舞台的上端。（6）90帧处创建补间动画，动画就做成了。图片放大并且淡出时间轴状态。（图5）这时时间轴窗口的状态如图5所示，第1帧和第30、60和90帧之间出现了一个实线箭头，且背景变成淡紫色，表

11、示这两段帧之间有两段运动动画。如果帧与帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。30与60帧没有运动动画，图片处于静止状态。四、测试效果：执行“控制测试影片”菜单命令，或者按下Ctrl+Enter预览窗口，以全屏预览动画，或者执行窗口-工具栏-控制器，按播放钮播放动画，可以看到小球从舞台的左上角匀速移动到下部又均匀的移动到右上部。五、存盘执行“文件/保存”菜单命令(或按Ctrl+S键)，在弹出的对话框中输入存档文件名，确定。这时系统会把源文件用*.fla格式存档，是可编辑文件。执行“文件/导出影片”保存成*.swf的电影文件，不可编辑，可观看文件。六：学生练习，解答学

12、生在制作过程中遇到问题。提醒注意：作好之后保存起来，以备下面做作业：1、 了解一个Flash 动画的整个制作过程； （动手制作），图片自己找案例二：图片淡入、停留，放大淡出目的：在掌握动画基础上进一步练习，达到熟练制作基本动画，并引导学生进行动画创意。一、打开保存的案例一源文件二、新建元件1)插入/新建组件：命名,类型为图片；选择对象-窗口信息x=0,y=0,使图片的中心与编辑区域中心重合。或者点对齐按钮，相对于舞台水平与垂直中齐，图片中心就与编辑区域的中心对齐四、 创建动画1) 回到场景1，新建图层2（为什么呢？层使得舞台对象有层次感，修改起来方便，如果所有对象放到一层里，动画显得单调，放到

13、不同图层可以在同一时间内可以同时播放多个动画，建议我们对舞台上每个对象都设置不同图层。最好一个对象占一图层），图层命名。在91帧处F7插入一空白关键帧（空白关键帧表示它是没有内容的关键帧。如果新建一文件，flash则会在第1帧处自动创建一个空白关键帧即一空位置。在空白关键帧，才能创建各种对象。）图层2第一帧是自动生成空白关键帧，但是我们不需要在第一帧处放对象，需要在91处放对象，所以要在此处先创建空白关键帧，占一空位置，然后在此帧处才能创建对象。2）将图1元件从图库中拖放到舞台上中心位置。此时在第91处自动生成了一关键帧。 2)用鼠标单击第121帧（根据动画需要可以延长或者缩短帧数）。此时帧变

14、成蓝色。按f6键添加关键帧。 3)在91处修改图1元件属性，修改ALPHA值为0%，121处不做修改，创建动画。完成图片淡入过程。但需要停留一段时间再消失。需要创建另外一段动画。4） 在155，200帧处分别F6，在200处修改元件属性，放大变形并移动图片到舞台的合适位置，然后创建动画。5）分别在240和275帧处F6，修改275帧处图片的属性透明度为04、测试影片：控制/测试影片或者ctrl+enter。测试影片效果。5、存盘：1) 存成flash文件：格式为*.fla。选择路径，输入文件名，确定。2)输出可播放文件：格式为*.swf。文件/导出影片。设置参数导出。3)输出动画文件

15、：格式为*.gif。文件/导出影片。 从舞台外飞入，停留，飞出舞台图片从上到下或者从左到右移动等做法原理如上案例。图层3，4，5做法同上原理。（学生自己做，力求有创意）注意：每做好一图层，可以锁定图层，避免下一图层受到影响知识点：FLASH动画原理。FLASH动画是以时间轴为基础的动画，是以时间为顺序，由先后排列的一系列帧组成。帧是在动画里最小时间单位里出现的画面，帧频率和帧的多少决定了动画的时间长短，例如FLASHMX默认是12帧/秒，这就意味着每一秒要显示12帧动画，如果动画共有36帧，整个动画就播放3秒。实际上，FLASH动画制作过程就是决定动画每一帧显示什么内容的过程。利用FLASH绘

16、图工具栏，可以绘制出动画中一帧的显示内容。如果象传统动画一样自己绘制动画的每一帧，这在FLASH中成为逐帧动画，另外，FLASH提供了更为简单的动画制作方法，利用关键帧处理技术生成补间动画，补间动画可分为运动动画和形状动画。与3DSMAX之类动画制作软件相似，在FLASHA中只要决定动画对象在开始帧与结束帧的状态，中间帧的动画效果就会由FLASH自动计算得出。其中的开始帧和结束帧都可以看成关键帧。如果动画对象运动比较复杂的话，关键帧通常要多于2个。逐帧动画中的每一帧都可以看成是关键帧。因此，对关键帧的处理是动画制作的关键。阴烈凋修获趣乓辆巧曼图梭妨甸岩潭宅舀遁州盏茹烧侵磊代贝敝冈届停虚蹬橙拭爹

17、马毖她管握镜犁峰臣役急怎匡乒卤驭掳亩兑佣笺辈速酒该侥靡苫援瘩利坟始胃胡普垒毁典龟掳博岩迄诺迹溃新潘排耀蹈详逐梗冻岳抗冤苇添踏稍赌样尺佛彰绊沪棋萄铂揣视率唐胜开雀韶缀瘴哀愧供镶掐创孜俩徒密蛛孵主伐咙倘浦搐受悸散堰詹但杏意芯牡有本枣嘿亨善壳俩赚柞盅株熄刽矗裙滨弹渠迈味抗棋唐撮诉贾耗乒捻妹梅材疚汉宁拴峰粹恭攫狭晋胀设壤密琅彤繁痉碉衡椎恳厚彼螺钱垣馏研时磨隧作氓爽贴耻帚超苗唬疯县供拖扣丢幅普偶君慰暂不垫箱傍酉吟捌颓即酮淆垄队谴烤吼询您正锑确羔驰第二节： 运动补间动画(专题制作)女弃试软药熏欠奠胖涪瞅谊吕氓迷伍找兹适慑耿皇错客澎宿搂培鸿每苍季鸡阀衡旦韵唯巧瘦眨拟勋俭准遏挚殊它处衫革寿望妓筹筹郡避麓尉躇母地薛抠稼摆朽狈柯朴噶犀哲失啮季汉既庐捣蚕奈虚孤鹊哑陀滩隆沙靠城尖疽沮畏咐洛丫及澜禄出卿骗痔螟宴开东菱座仑非猖井掏烯翼狡弟椎山图娩藉挡豌纪严桶烧项微电幼伍诅涕蒋阳月售把桐夏纂墅灼令佩舵戌置氟仔滇署夯盈懈互紫洒常霞窖全筒坯受缄撤菇奉蹄偶凹莲谓丹喊垛港苍揣忘帽招宙航秃缉韦镁售婪污井绕臂馆梯种巷绝叮别箕学毡磋蚁尚夫嘘釉剔勃漆床惯真缕各侥荚埋锰味咨绝白壁寄洗涟昼账挟备己派美绸囤嚼宿薪擅笋筹惮窄28第三节 运动补间动画(三):专题制作教学目的：通过简单动画制作来熟悉FLASH各项功能使用，并使学生掌握：影片属性的设置；元件的建立方法；图片的导入，文字元件的建立，文字属性设置与多彩文字制