《形变动画的制作.ppt》由会员分享,可在线阅读,更多相关《形变动画的制作.ppt(14页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、形变动画的制作形变动画的制作 1.2Flash动画设计与制作动画设计与制作 欣赏与思考欣赏与思考形变动画形变动画思考:思考:1 1、动画中包含哪些对象?、动画中包含哪些对象? 2 2、动画中哪些对象发生了什么变化?、动画中哪些对象发生了什么变化? 1.3Flash动画设计与制作动画设计与制作 【定义定义】 在在FlashFlash的时间帧面板上,在一个时间点的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形间点(关键帧)更改该形状或绘制另一个形状,状,Flash Flash 根据二者之间的帧的值或形状来
2、根据二者之间的帧的值或形状来创建的动画被称为创建的动画被称为“形状补间动画形状补间动画”。 什么是形变动画什么是形变动画形变动画形变动画 1.4Flash动画设计与制作动画设计与制作 任务一任务一 图形图形图形图形形变动画形变动画建议方案:建议方案: 1、打开素材、打开素材“快乐的小丑快乐的小丑.FLA”文件。文件。 2、从第、从第1帧到帧到第第20帧实现帧实现泡泡由泡泡由小变大小变大的形变动画。的形变动画。 1.5Flash动画设计与制作动画设计与制作 制作方法制作方法形变动画形变动画制作形状补间动画需要具备以下制作形状补间动画需要具备以下3 3个条件:个条件:至少有两个关键帧。至少有两个关
3、键帧。在这两个关键帧中包含必要的矢量图形。在这两个关键帧中包含必要的矢量图形。设置补间为设置补间为“形状形状”的动画方式。的动画方式。【制作条件【制作条件】 1.6Flash动画设计与制作动画设计与制作 任务二任务二 图形图形图形图形形变动画形变动画建议方案:建议方案: 1、从第、从第20帧帧到第到第40帧实现帧实现泡泡泡渐变成不规则泡渐变成不规则图形图形的形变动画。的形变动画。 1.7Flash动画设计与制作动画设计与制作 任务三任务三 图形图形文字文字形变动画形变动画建议方案:建议方案: 1、从第、从第40帧到第帧到第60帧实现帧实现不规则图形渐变不规则图形渐变成文字成文字的形变动的形变动
4、画。画。 2、文字内容、文字内容为:为:“快乐小丑快乐小丑” 1.8Flash动画设计与制作动画设计与制作 【成功的形状渐变【成功的形状渐变】用底色为浅绿色的箭头符号表示,用底色为浅绿色的箭头符号表示,代表这个区域存在形状补间动画。代表这个区域存在形状补间动画。形状补间帧形状补间帧形变动画形变动画【未完成或中断的渐变【未完成或中断的渐变】补间动画出现错误,补间动画出现错误,显示为虚线。显示为虚线。【判断形变动画是否成功【判断形变动画是否成功】时间帧面板的背景色变为浅绿色,时间帧面板的背景色变为浅绿色,在起始帧和结束帧之间有一个长长的实线箭头。在起始帧和结束帧之间有一个长长的实线箭头。 1.9F
5、lash动画设计与制作动画设计与制作 任务四任务四 文字文字文字文字形变动画形变动画建议方案:建议方案: 1、从第、从第60帧帧到第到第80帧实现帧实现文文字渐变成文字字渐变成文字的的形变动画。形变动画。 2、文字内容、文字内容为:为:“形状补间形状补间动画动画” 1.10Flash动画设计与制作动画设计与制作 1 1、形状间的渐变只能在同一图层。、形状间的渐变只能在同一图层。2 2、形状补间动画只能作用于形状(要对组合、形状补间动画只能作用于形状(要对组合、元件、位图或文本对象应用形状补间动画,元件、位图或文本对象应用形状补间动画,必须先将这些对象分离为形状)。必须先将这些对象分离为形状)。
6、注意事项注意事项形变动画形变动画 1.11Flash动画设计与制作动画设计与制作 拓展任务拓展任务形变动画形变动画制作制作“庆祝国庆庆祝国庆”形变动画。形变动画。建议方案建议方案: 1、打开、打开“庆祝国庆庆祝国庆.FLA”素材,制作素材,制作“庆祝国庆庆祝国庆”的形变动画。的形变动画。 2、将灯笼的图形依次对应形变成文字、将灯笼的图形依次对应形变成文字“庆祝国庆庆祝国庆”。动画制作要求动画制作要求: 1、设置合理的形状补间动画。、设置合理的形状补间动画。 2、动画时间为、动画时间为5秒,帧频率为秒,帧频率为12帧帧/秒。秒。 3、动画完成后以、动画完成后以“庆祝国庆庆祝国庆.FLA”保存在保
7、存在D盘下。盘下。 1.12Flash动画设计与制作动画设计与制作 归纳总结归纳总结形变动画形变动画一、一、形状补间形状补间动画的概念动画的概念二、二、形状补间形状补间动画的制作条件动画的制作条件三、判断形状补间动画成功与否的方法三、判断形状补间动画成功与否的方法注意注意、 1、形状补间动画只能作用于形状(要对组合、实例、位图或文本、形状补间动画只能作用于形状(要对组合、实例、位图或文本 对象应用形状补间动画,必须先将这些对象分离为形状)对象应用形状补间动画,必须先将这些对象分离为形状) 2、形状间的渐变只能在同一图层、形状间的渐变只能在同一图层在在Flash的时间帧面板上,在一个时间点(关键
8、帧)绘制一个形状,的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画形状补间动画”。1、至少有两个关键帧。、至少有两个关键帧。2、在这两个关键帧中包含必要的矢量图形。、在这两个关键帧中包含必要的矢量图形。3、设定了、设定了“形状补间形状补间”的动画方式。的动画方式。时间帧面板的背景色变为淡绿色,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头。在起始帧和结束帧之间有一个长长的箭头。 1.13Flash动画设计与制作动画设计与制作 课后探究课后探究形变动画形变动画了解动画属性面板中的了解动画属性面板中的“补间补间”“形形状状”下附加选项下附加选项“缓动缓动”“混合混合”的作的作用。用。 1.14Flash动画设计与制作动画设计与制作 形变动画形变动画