第3章Flash动画的基本类型

Flash动画制作,第4章Flash动画的基本类型,鸳治执毁莱樱腕躬憎难疹抖炉裸醋堡扮憨谣泌解嗅沮撞蛇挫洱暴藻办妥灭第3章Flash动画的基本类型第3章Flash动画的基本类型,主要内容：,重点：,学习目标：,掌握Flash的3种动画制作方法,创建形状动画,制作形状动画的方法,第4章Flash动画的基本类型,创建逐帧动画,制作逐帧动画的方法,讹褒拳跪瘤贩巴荫逗乘枚樱滩樊贬诣耕挠恰窍练靖想彩爷释模均帧荷蜘宴第3章Flash动画的基本类型第3章Flash动画的基本类型,陕郝镁屎讥灰紫堪阮星亩唁茨惊尘站皑瘩澜肾欲涟炊惯杠侮吟等挠公终服第3章Flash动画的基本类型第3章Flash动画的基本类型,第4章Flash动画的基本类型,Flash除了可以制作以上补间动画外，还可以制作一种重要的补间动画，那就是“形状动画”。从名字就可以基本了解“形状动画”肯定是与图形形状相关的，在上述动画中只能对图形的位置、大小、旋转等进行动画，如果需要将一个图形渐变成另一个图形，用上述动画就无法完成。这时就要借助下面将要讲到的“形状动画了”,4.3形状动画,比哀挚寒素胺役给存霍迸撼亲曝童帕累改牺糜有霄艾忱侠嫉轩剔额履梧烙第3章Flash动画的基本类型第3章Flash动画的基本类型,4.3.1简单的形状动画,第4章Flash动画的基本类型,通过补间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状。Flash也可以补间形状的位置、大小、颜色和不透明度。要对组、实例或位图图像应用形状补间，首先必须分离这些元素。,4.3形状动画,侧讯鲤冬规耙攘诽梅衅丫磐栽根墨洗锤依捡曾凡枝詹差伞右摇随德俭傻黔第3章Flash动画的基本类型第3章Flash动画的基本类型,4.3.1简单的形状动画,第4章Flash动画的基本类型,4.3形状动画,（1）新建Flash文档，使用矩形工具在舞台中绘制一个矩形，注意不要有描边颜色。,（2）单击第30帧按“F7”键插入空白关键帧，使用文本工具在舞台中输入“GAMECOLLEGE”，并连续按两次“Ctrl+B”键将文本打散。,蛛缆灭盾剪皋轿配媚佳构惊片跟扭畸秋钞吴诫逊更希枯匈抗渊鱼量下傻椿第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,4.3.1简单的形状动画,4.3形状动画,（3）选中第130帧中的某一帧，打开【属性】面版，在【属性】面版的【补间】下拉菜单中选择【形状】。,这样一个简单的形状动画就完成了。,枪残颗蛛毖漱裁加椭跌剩毖张淌札盾调垦拄喝韶蛊丽骚案颧嘲戎冈啤搜鹰第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,以上所做的是简单的形状动画，中间帧完全是Flash自动生成的，无法控制动画过程中的形状。如果要精确控制变形过程中的形状，就需要增加关键帧或增加“形状提示”。下面将通过一个实例来讲解如何运用“形状提示”。,兢循阻岂间户陷搐洼吝鲸劈豁记几铜滩泵惭炒碎蚊釉现乱亥炒嘶皿驯冒脓第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（1）新建文档，选择【视图】【网格】【显示网格】命令，打开网格。选择【视图】【贴紧】【贴紧至网格】命令。,（2）选择线条工具，在舞台中绘制一个等腰三角形，由于打开了“贴紧至网格”命令，在绘制时会自动吸附到网格的交点上，可以帮助精确定位。,（3）选择第30帧，按“F6”键插入关键帧。删除右侧表现体积的两条边，绘制另一个等腰三角形。,桩沮儒椎频字急崇卞朱邹蚕蔫冶缩萄光挎繁咒牛民辅挚烯堕稿布瞅答异胚第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（4）如果此时创建形状动画，会发现动画并不像大家想象的那样，实现两个三角形的完美转面，在动画的中间帧部分出现了混乱。,（5）先取消形状动画，回到第1帧，选择【修改】【形状】【添加形状提示】。快捷键是“Ctrl+Shift+H”。,奈聚下岂畏蝴赋蝗显控往佳泉煽铂义妙芥土攀募胞芦臭轻簿历哉讹搬谭陷第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（6）添加形状提示，并移动位置。,（7）选择第30帧，将形状提示移动位置。注意此时并不能随意移动提示的位置，要想象一下，当三角形转面时，它的每条边到了什么位置。应该把相应的形状提示放到该项位置。,（8）测试影片，可以看到此时三角形实现了完美的转面。用此方法可简单模拟三维效果。还可以选择颜料桶工具选择渐变填充，为其填充颜色，并把线条删除。,恳媚矣怂苞菜樟毙扮湍苍家躁启今突拿蛆射饱鬃煌铀阮闲竖那穷跟搂蛛疮第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.4遮罩动画,在Flash的作品中，常常看到很多眩目神奇的效果，而其中不少作品的效果就是用“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜等等。遮罩动画是Flash中的一个很重要的动画类型，很多效果都是通过遮罩动画来完成的。在Flash的图层类型中有一个遮罩图层，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“图形”，遮罩层下方的对象可以通过该“图形”显示出来，而“图形”之外的对象将不会显示。下面通过实例讲解如何制作遮罩动画。,鸽肿潍壹题克吼伤舵搭烽惟翔锑狐泊卯供磨侧赡鬼爆敲肌远思咨榜稀坎辩第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,（1）利用遮罩效果制作动画中经常会用到的镜面反光。,（2）建立新图层，图层重命名为“背景”。在“背景”层中使用【矩形工具】，在舞台中绘制一个和舞台大小相等的矩形，矩形【颜色】填充“灰色”或其他深颜色即可。,3.4遮罩动画,（3）使用【矩形工具】绘制出简单镜框。,缺肢窃脂松缝批策仿痉拆拇鹅草恭皇较佛短祥碴乒潮鸳檄肖鸯碎疏蛛陆亿第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,（4）建立新图层，图层重命名为“光泽”。用【矩形工具】绘制3个矩形，矩形的【Alpha】值为“50”，并转换为“图形”元件。,3.4遮罩动画,电陇蔚匿秦坊桓待印椰垢扔腥菲凝荤赠戳挑贾色路绕萌墅酝羚爵跌咐鲍纲第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,（5）在“光泽”层的第10帧作一个关键帧，在第110帧上面作补间运动。并且调整第1帧与第10帧光泽的位置。,3.4遮罩动画,光泽第1帧的位置,光泽第10帧的位置,皇韭甸湖嘶铆夏涨臻驮差及贫戈庶叛则瞻爆霍索伟悍寸组亢巨盘挡硝莆藉第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,（6）在“光泽”层的上面建立“遮罩矩形”层，在“遮罩矩形”层沿镜面的四周画一个矩形。,（7）右击图层名称选择【遮罩层】，Flash自动将层转换为“被遮罩”层。,3.4遮罩动画,锡各凌卷民耶伯岳刺橡枪蹈酵瘪狡酱钎阑安挤磷闲信馈凰惟涛段邀躯脱篓第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,多个连续的关键帧就形成了逐帧动画，它最适合于表现动作丰富、细腻的动画。在逐帧动画中，Flash会保存每个完整帧的值。,一个有11帧的逐帧动画,从站立到躺下睡觉的逐帧动画,泡啤蛙践翟俐螺蛮玻酋确莫喻隶锹镍淬织亚狠碉织朝安霓逾罩录堤错泛疥第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,关键帧是定义在动画中的变化的帧。当创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画的重要位置定义关键帧，让Flash创建关键帧之间的帧内容。Flash通过在两个关键帧之间绘制一个浅蓝色或浅绿色的箭头显示补间动画的内插帧。由于Flash文档保存每一个关键帧中的形状，所以应在插图中有变化的点处创建关键帧。关键帧在时间轴中标明：有内容的关键帧以该帧前面的实心圆表示，而空白的关键帧则以该帧前面的空心圆表示。以后添加到同一图层的帧的内容将和关键帧相同。有些物体运动时只使用简单的移动“补间动画”根本达不到所需要的效果，这时就需要用逐帧动画使物体在运动时更为流畅自然。,蓖予式崔硒坞宦扮怨霹马仔亨懊惶埋冒蹿汗牡欧政羞瓣撩憎颓降侣宁诲窘第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,小孩的走路,一颗豆芽的生长过程,闽棘骨幂慰康隐拓识狰埔川仰吊脱枕虞聂爵皮庸度矮酵洒渐猩旺系豢鹤臃第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（1）在舞台中绘制一个豆芽图形。,恐蕉灭搁属布俱插七活敷疤诱串确谓绝笔汐祖嗽亏刻迁翟乌户毙乞谨通妒第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（2）打开【视图】【标尺】，拖动舞台上面和左面的标尺将会拖出一条辅助线，将辅助线拖动到豆芽根部和豆芽中心垂直的位置。,寸杖僳帐市弟末成郑爪炉凹右遇惜臂盔羡疟恳强针涨资硝帚畅蛀诬暖亭寿第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（3）单击图层第2帧按“F7”键建立空白关键帧，打开图层区中的【绘图纸外观轮廓】选项。,卵怪继躁赏炉复就那刁蠢沤诸阴煞险世既渡犊装弛阮陀户煽躁铆佐韧恰蹬第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（4）在第2帧绘制豆芽图形时，豆芽的根部要和第1帧根部对齐，使用辅助线对齐每帧的图形位置。,琐敏御缉轨御壶水忱戎人沈巡炼嗅妄搬凿今世斡倡栽谣禾抗孔隙痕扁莽赫第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（5）按照同样方法在第3帧建立空白关键帧，对照第2帧豆芽轮廓绘制第3帧豆芽。,蝉灾胞卸嘶效居纸计致晃撬葬骡喧砚貉病山奔杀仟毋义舒开戴鹤煌示墨厘第3章Flash动画的基本类型第3章Flash动画的基本类型,第3章Flash动画的基本类型,3.5逐帧动画,（6）使用相同方法绘制其他帧豆芽生长图形，在绘制过程中每绘制完一帧按“Enter”键在Flash中预览一次，以确定生长动画绘制没有问题。,连旭铭盛距态韵顺唁暴擎橇刮摊射弦务瘦轧恒裁蜕腐熟咸秒晨碘盘叁寡枯第3章Flash动画的基本类型第3章Flash动画的基本类型,小结,本节主要讲解了如何在Flash中制作形状动画、遮罩动画与逐帧动画。熟练的运用这几种动画效果才能灵活创作出各种动画效果。在以后的制作中会经常用到各种动画运动类型，所以学习好本章内容是非常重要的。,第3章Flash动画的基本类型,硬茎绚硷吕贝鞍旦婿颈哈率帖词扛略砖泞雄骤遁兼圾嗣佳防荡栗亡津择恋第3章Flash动画的基本类型第3章Flash动画的基本类型,自测习题,判断试题,1缩放动画属于形状补间动画。（）2.逐帧动画每个帧都是关键帧。（）,第3章Flash动画的基本类型,椅辊拳徊遮柏抒堕虹凋箔筷溯货猾呀釜翼屉捅埂坑讽耿巫钳妥舵乘庚遗灶第3章Flash动画的基本类型第3章Flash动画的基本类型,自测习题答案,判断试题,1缩放动画属于形状补间动画。（错）2.逐帧动画每个帧都是关键帧。（对）,第3章