配色: 字号:
《Flash CS5二维动画制作案例教程》第五模块 基础动画
2023-05-25 | 阅:  转:  |  分享 
  
Flash cs5 动画制作案例教程 第五模块 基础动画认识计算机案例10 顽皮的猴子——逐帧动画 案例11 神奇的夜晚
——补间形状 案例12 秋天来了——认识元件案例13 童年的记忆——传统补间动画案例14 海底世界——补间动画案例10
顽皮的猴子——逐帧动画图5-1 “顽皮的猴子”效果图 案例10 顽皮的猴子——逐帧动画案例描述 用逐帧动画打造顽
皮的猴子效果,如图5-1所示。案例分析利用“变形工具”对提供的椰子树和猴子的图片进行一系列的调整。制作关键帧,利用“变形工具”和“
编辑多个帧”逐帧调整猴子的位置和大小,实现顽皮猴子 的效果。 5.1 时间轴的基本操作案例10 顽皮的猴子——逐帧动画1. 时间
轴的基本操作(1) 更改时间轴中的帧显示(2) 绘图纸外观通常情况,在某个时间舞台上仅显示动画序列的一个帧。为便于定位和编辑逐帧动
画,可以在舞台上一次查看多个帧,播放头下面的帧彩色不透明显示,而其它帧是暗淡透明显示。① 在舞台上同时查看动画的多个帧。 ②控制绘
图纸外观的显示。③ 更改绘图纸标记的5种形式。2. 播放头 播放头是在“时间轴”面板上用于指示动画播放的指针。要转到某帧,可单
击该帧在时间轴标题中的位置,或将播放头拖到所需的位置。 要使时间轴以当前帧为中心,单击时间轴底部的“帧居中”按钮。 3.图层
图层可以帮助组织文档中的插图,可以在图层上绘制和编辑对象,而不会影响其它图层上的对象。在图层上没有内容的舞台区域中,
可以透过该图层看到下面的图层。对图层的相关操作 (1)创建图层和图层文件夹(2)编辑图层(3)查看图层案例10 顽皮的猴子——逐
帧动画4.帧。帧分为普通帧、关键帧和过渡帧三种类型,可以对帧进行如下修改。 (1)选择帧(2)插入帧(3)复制或粘贴帧(4)删除帧
(5)移动关键帧及其内容(6)将关键帧转换为帧案例10 顽皮的猴子——逐帧动画5.2 创建逐帧动画 逐帧动画是一种常见
的动画手法,其原理是在“连续的关键帧”中分解动画动作,即每一帧中的内容不同,连续播放而成动画。由于逐帧动画的帧序列内容不同,不仅增
加制作负担而且最终输出的文件量也很大,但逐帧动画的优势也很明显,其与电影播放模式相似,很适合于表现细腻的动画,如3D效果、人物或动
物急剧转身等等效果。案例10 顽皮的猴子——逐帧动画1.逐帧动画的概念和在时间帧上的表现形式2.创建逐帧动画的方法 用
导入的静态图片建立逐帧动画案例11神奇的夜晚——补间形状案例描述制作补间形状动画,实现从图5-2到图5-3的变形效果 图5-2案例
11神奇的夜晚——补间形状图5-3案例11神奇的夜晚——补间形状案例分析初步认识形状补间的应用对象。熟悉绘制简单形状。学习“翻转帧
”功能的用法。5.3什么是补间形状 补间动画是创建随时间移动或更改的动画的一种有效方法,运用它可以变幻出各种奇妙的变
形效果。由于在补间动画中,仅保存帧之间更改的值,所以能最大程度地减小所生成的文件大小。补间形状,在一个特定时间绘制一个形状,然后在
另一个特定时间更改该形状或绘制另一个形状。Flash 会内插二者之间的帧的值或形状来创建动画。5.4 补间形状制作1.补间形状的特
点(1)组成元素(2)在时间轴面板上的表现形式 案例11神奇的夜晚——补间形状图5-4 形状补间在时间轴上的表现 2.补间形状的
制作方法 (1)准备工作(2)创建补间形状图5-5 变形的过程 5.5 使用形状提示1.形状提示的作用案例11神奇的夜晚——补间形
状图5-6 起始形状和结束形状中的形状提示2.使用形状提示应遵循的准则 在复杂的补间形状中,需要创建中间形状然后再进行补间,而不要
只定义起始和结束的 形状。确保形状提示是符合逻辑的。例如,在一个三角形中使用三个形状提示,则在原始三角形和要补间的三角形中它们的顺
序应相同。按逆时针顺序从形状的左上角开始放置形状提示,补间的效果最好。 3.使用形状提示的方法图5-7起始形状提示 图5-8结束形
状提示 图5-9 提示点分布案例11神奇的夜晚——补间形状4.查看所有形状提示5.删除形状提示案例11神奇的夜晚——补间形状案例1
2 秋天来了——认识元件案例12 秋天来了——认识元件案例描述使用元件,创建如图5-10所示的不停摆动的小草的效果。图5-10
“秋天来了”动画效果 案例分析通过调用影片剪辑元件,从而体会到元件的在动画制作中起到的作用。通过改变元件实例的“色调”、“大小”等
属性,练习元件属性的初步设置。案例12 秋天来了——认识元件5.6元件的分类与创建1.元件概念图5-11“库”中的元件2.元件的
分类在FLASH中,有“图形元件”、“影片剪辑元件”和“按钮元件”三种元件类型。3.创建元件(1)直接创建影片剪辑元件 案例12
秋天来了——认识元件图5-12创建元件对话框 图5-13元件编辑模式 练一练 创建“小草”影片剪辑 绘制小草图形制作摆动的小草
4.转换元件(1)将现有对象转换为影片剪辑(2)将现有对象转换为按钮元件(3)将现有对象转换为图形元件5.编辑元件通过以下方式编辑
元件:(1)在当前位置编辑元件案例12 秋天来了——认识元件图5-14“在当前位置编辑”的显示效果(2)在新窗口中编辑元件 (3
)在元件编辑模式下编辑元件图5-15元件编辑模式窗口案例12 秋天来了——认识元件5.7使用库面板1.“库”面板概述图5-16“
库”面板2.调整库面板大小3.更改列宽4.排序库项目 5.重命名库项目6.复制库中的元件7.使用文件夹8.更新库中的导入文件9.删
除库项目10.使用库项目 图5-17打开文件夹 图5-18“更新”面板图 11.使用公用库 案例12 秋天来了——认识元件案例
12 秋天来了——认识元件图5-19将“公用库”项目buttons.fla拖入到当前库5.8.元件的实例1. 创建实例 图5-2
0用同一元件创建的多个小草实例案例12 秋天来了——认识元件2. 设置实例的属性为实例命名更改实例类型 更改实例颜色应用混合模式
交换实例5.9 影片剪辑与图形元件的关系1.二者的关系在Flash的元件中,图形元件和影片剪辑元件都可以包含动画片段,二者也可以
相互嵌套、转换类型和相互交换实例,但它们之间也存在很多的差别 2.验证方法图5-21实例的属性和时间轴案例描述 制作传统补间动画,
实现照片的透明度及形状的变化如图5-22所示。案例13童年的记忆——传统补间动画图5-22 童年的记忆案例13童年的记忆——传统补
间动画案例分析制作传统补间动画实现照片的透明度及形状的变化。在传统补间动画“属性面板”中设置顺时针旋转效果。5.10 传统补间动画
制作传统补间动画也是Flash中非常重要的表现手段之一,与“形状补间动画”不同的是,补间动画的对象必需是“元件”或“成组对象”。运
用补间动画,可以设置元件的大小、位置、颜色、透明度、旋转等属性。1.补间动画的特点 (1)组成元素 (2)在时间轴面板上的表现形
式 图5-23 创建补间动画 图5-24 补间没有成功 案例13童年的记忆——传统补间动画2.补间形状和补间动画的区别 3.补间动
画的制作方法 5.11 补间动画的属性1.补间动画属性面板图5-25 “自定义缓入/缓出”对话框 图5-26设置动画的缓入/缓出值
案例13童年的记忆——传统补间动画2.位移动画图5-27第1帧花朵位置 图5-28第30帧花朵位置3.透明度渐变动画 图5-2
9第1帧星星的位置案例14海底世界——补间动画案例14海底世界——补间动画案例描述制作补间动画,实现“鱼”实例位置与旋转方向的变化
如图5-30所示。图5-30海底世界案例14海底世界——补间动画案例分析制作补间动画实现“鱼”图形实例位置与旋转方向的变化。了解补
间动画与传统补间动画的区别。5.12补间动画制作 补间动画功能强大,且易于创建。通过补间动画可对补间的动画进行最大程度
的控制。可补间的对象类型包括影片剪辑、图形和按钮元件以及文本字段创建补间动画(1)创建位置补间动画(2)创建非位置属性的补间动画2
.编辑补间的运动路径图5-31更改补间对象的位置 图5-32使用选取工具编辑路径 案例14海底世界——补间动画图5-32更改贝塞
尔控制点 图5-33使用“任意变形”工具编辑运动路径 3.使用动画编辑器制作动画动画编辑器是对补间动画进行倾斜、旋转或制作缓动效果
的窗口如图5-34所示. 案例14海底世界——补间动画5.13 补间动画与传统补间动画的区别 传统补间使用关键帧,关键帧是显示对象
的新实例的帧。补间动画只能有一个与之关联的对象实例,使用属性关键帧而不是关键帧补间动画在补间范围内由一个目标对象组成。补间动画与传
统补间都只允许对特定类型的对象进行补间。若应用补间动画则在创建补间时会将所有不允许的对象类型转换为影片剪辑元件,而传统补间动画会把
不允许的对象类型转换为图形元件。补间动画会将文本视为可补间的类型,而不会将文本对象转换为影片剪辑。传统补间会将文本转换为形状补间。
在补间动画范围上不允许帧脚本。传统补间允许帧脚本。补间目标上的任何对象脚本都无法在补间动画范围的进程中更改。能够在时间轴中对补间动
画范围进行拉伸和调整大小,并将它们视为单个对象。传统补间在时间轴中可通过移动关键帧的位置调整传统补间的范围。若要在补间动画范围中选
择单个帧,必需按住 Ctrl键单击帧。对于传统补间动画,缓动可应用于补间内关键帧之间地帧组。对于补间动画,缓动可应用于补间动画范围
的整个长度。若要仅对补间动画的特定帧应用缓动,则需要创建自定义缓动曲线。案例14海底世界——补间动画利用传统补间,能够在两种不同的色彩效果 (如色调和 Alpha 透明度)之间创建动画。补间动画能够对每个补间应用一种色彩效果。只能够使用补间动画来为 3D 对象创建动画效果。无法使用传统补间为 3D 对象创建动画效果。只有补间动画才能保存为动画预设。对于补间动画,无法交换元件或设置属性关键帧中显现的图形元件的帧数。而传统补间则可以应用这些技术。5.14 动画预设预览动画预设应用动画预设 将补间另存为“自定义动画预设” 图5-35另存为动画预设
献花(0)
+1
(本文系小磊老师原创)