《实例五形状补间动画.pptx》由会员分享,可在线阅读,更多相关《实例五形状补间动画.pptx(25页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、实例五形状补间动画实例五形状补间动画点击添加文本点击添加文本点击添加文本姓名:姓名:序号序号知识点知识点掌握情况掌握情况 会(会(10分)分)一般会(一般会(5分)分)不会(不会(0分)分)1矩形工具的使用矩形工具的使用 2椭圆工具的使用椭圆工具的使用 3填充工具的使用填充工具的使用 4元件的创建、转换元件的创建、转换 5图层的操作图层的操作 6图形元件和影片剪辑元件的区别图形元件和影片剪辑元件的区别 7关键帧、普通帧、空白关键帧的区别关键帧、普通帧、空白关键帧的区别 8 8 矢量图形与位图的区别矢量图形与位图的区别 请同学们课前填写手中的基础能力诊断表,并交给以前的组长统计得分请同学们课前填
2、写手中的基础能力诊断表,并交给以前的组长统计得分(总分80分,得分在70分以上即可进行新课讲授)自我能力测试第1页/共25页趣味分组请大家按随机抽取的组号就座请大家按随机抽取的组号就座(并立即选出组长、副组长)(并立即选出组长、副组长)全班分为全班分为6组,每组组,每组8人人每组由组长每组由组长1个、副组长个、副组长1个、个、操作员操作员6个组成个组成第2页/共25页欣赏动画实例请请请请欣欣欣欣赏赏赏赏第3页/共25页欣赏动画实例第4页/共25页欣赏动画实例第5页/共25页欣赏动画实例第6页/共25页欣赏动画实例第7页/共25页第8页/共25页领取任务作品展示新课讲解讲授新课形状补间动画讨论制
3、作第9页/共25页1.欣赏化茧成蝶动画效果讲授新课形状补间动画第10页/共25页 形状补间动画就是实现从一种形状变化到另一种形状的动画。它可以实现颜色、形状、大小、位置等的相互变化。2.形状补间动画的定义讲授新课形状补间动画第11页/共25页3.创建形状补间动画的条件l至少需要至少需要两个关键帧两个关键帧l关键帧中的对象必须是关键帧中的对象必须是矢量矢量图形。(如果是位图、图形。(如果是位图、元件、文字等,则需要先分离)元件、文字等,则需要先分离)讲授新课形状补间动画第12页/共25页创建形状补间动画,一般有以下三步:创建形状补间动画,一般有以下三步:l确定起始帧:在时间轴面板上,在动画开始播
4、放的地方创建一个关键帧,在确定起始帧:在时间轴面板上,在动画开始播放的地方创建一个关键帧,在其中放置要变形的对象,并设置它的起始状态。其中放置要变形的对象,并设置它的起始状态。l确定结束帧:在时间轴面板上,在动画结束播放的地方创建一个关键帧,在确定结束帧:在时间轴面板上,在动画结束播放的地方创建一个关键帧,在其中放置要变形的对象,并设置它的结束状态。其中放置要变形的对象,并设置它的结束状态。l创建动画:单击开始帧,在属性面板上,单击创建动画:单击开始帧,在属性面板上,单击“补间补间”旁边的小三角按钮,旁边的小三角按钮,选择形状即可(或者在两个关键帧之间右击,在弹出的快捷菜单中选择选择形状即可(
5、或者在两个关键帧之间右击,在弹出的快捷菜单中选择“补间补间 形状动画形状动画”命令)。命令)。4.创建形状补间动画的步骤讲授新课形状补间动画第13页/共25页5.5.化茧成蝶化茧成蝶形状补间动画的制作步骤形状补间动画的制作步骤1)打开“化茧成蝶素材.fla“2)将图层1名称改为”化“,在本图层第1帧,从库中将“茧元件”拖入到舞台上方并按CTRL+B,将茧元件分离。3)在第40帧按F6插入关键帧,将茧元件删除,并在同一个地方输入文字:茧,将茧文字颜色设置为橙色,字号为50.4)将鼠标移到本图层时间轴面板第140帧之间右击,在弹出的快捷菜单中选择”创建形状补间动画“5)此时,时间轴面板将会变成淡绿
6、色背景加一要实线箭头,表明形状补间动画创建成功。重复以上步骤,可以该实例中的其它几个变形效果。6)保存,导出影片讲授新课形状补间动画第14页/共25页6.形状补间动画属性的设置形状补间动画属性的设置在属性面板中可以对形状补间动画的缓动值、混合模式等属性进行设置形状补间动画的属性面板上只有两个参数,缓动值、混合选项。缓动:用于设置动画从开始帧到结束帧的运动是加速还是减速。值为负时动画将加速运动;值为正时动画将减速运动;值为0时动画将匀速运动。混合:用于设置动画变形的过渡模式。选择“分布式“模式时,两个关键帧之间的普通帧形状将平滑过渡;选择“角形”模式时,普通帧形状将保持关键帧上图形的棱角。该模式
7、只适用于有棱角的图形变形。制作形状补间动画时,尤其是前后转换的图形差异很大时,其变化过程就会杂乱无章,而通过flash提供的“形状提示”功能可以大大改善这一问题。讲授新课形状补间动画返回第15页/共25页资料包括:教师演示步骤、任务卡、操作提示、自评表、互评表任务一制作一个“跳动的烛光”动画。任务二制作“线变心”动画任务三制作一个“节日快乐”动画任务四制作“云彩变幻”动画任务五制作“气球”动画任务六组制作“鸡蛋变小鸡”动画返回领取任务形状补间动画练习第16页/共25页结合操作要点提示完成并预览动画小组成员积极讨论开始制作动画讨论制作形状补间动画练习1 12 23 34 4返回第17页/共25页
8、选出一个最优作品教师机展示各组作品小组内部各自展示组长提交作品到教师机作品展示形状补间动画学习成果1 12 23 34 4第18页/共25页小组自评小组自评小组互评小组互评教师评价教师评价评选优秀小组评选优秀小组任务完成鉴定形状补间动画学习成果鉴定第19页/共25页启 示课 堂小 结拓 展 延 伸学习总结拓展延伸第20页/共25页课 堂 小 结l什么是形状补间动画?形状补间动画的创建方法?l如何实现将位图转换为矢量图形?l形状补间动画属性面板的设置。l添加/删除形状提示点的方法返回第21页/共25页拓 展 延 伸化茧成蝶这一动画,实现的是将虫茧变形为一个文字或蝴蝶,如果我们要将变形后的蝴蝶飞舞起来又该怎么完成?(演示动画效果)返回第22页/共25页学 习 启 发通过本节课“化茧成蝶”的学习,希望对同学有所启发,其实每一只茧都是一只最美丽的蝴蝶,只要努力破茧而出,就一定能得到化茧成蝶的美丽,希望同学们努力冲破束缚自身发展的茧,飞得更高飞得更美!第23页/共25页谢 谢 大 家 再 见 第24页/共25页