动画制作案例教程—Flash CS3教学参考包 第4章　基础动画本章要点本章导读本章任务上机实训


动画制作案例教程—Flash CS3教学参考包 本章要点4.1 时间轴和帧 时间轴 图层 帧4.2 创建逐帧动画 逐帧动画的概念和在时间帧上的表现形式  创建逐帧动画的几种方法  使用绘图纸外观


动画制作案例教程—Flash CS3教学参考包 本章要点4.3 补间动画的分类4.4 补间形状制作 补间形状的特点  补间形状的制作方法 4.5 使用形状提示 形状提示的作用 使用形状提示应遵循的准则  使用形状提示的方法  查看所有形状提示  删除形状提示


动画制作案例教程—Flash CS3教学参考包 本章要点4.6 补间动画制作补间动画的特点 补间形状和补间动画的区别 补间动画的制作方法 　 4.7 补间动画的属性补间动画属性面板 补间动画属性面板的应用


动画制作案例教程—Flash CS3教学参考包 本章导读 本章介绍Flash基本动画的制作方法。主要包括时间轴、图层、帧的概念和基本操作；创建逐帧动画的方法和应用形状提示创建逐帧动画的技巧；补间动画的分类；补间形状和补间动画的制作方法。


动画制作案例教程—Flash CS3教学参考包 本章任务1. 了解时间轴的概念和时间轴面板的组成；2. 掌握创建和编辑图层的基本方法；3. 掌握帧的分类和基本操作；4. 了解创建逐帧动画的几种方法；5. 能使用绘图纸外观功能创建逐帧动画；6. 掌握补间形状的制作方法；7. 能使用形状提示功能创建补间形状动画；8. 掌握补间动画的制作方法；9. 初步掌握补间动画属性面板的应用。


动画制作案例教程—Flash CS3教学参考包 4.1 时间轴和帧 时间轴用于组织和控制一定时间内的图层和帧中的文档内容。时间轴面板包括图层和时间帧两部分，如图所示。1．时间轴时间轴面板


动画制作案例教程—Flash CS3教学参考包 2．图层 图层可以帮助组织文档中的插图，可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。在图层上没有内容的舞台区域中，可以透过该图层看到下面的图层，有关图层的部分工具和显示状态如图所示。4.1 时间轴和帧图层的部分工具和显示状态


动画制作案例教程—Flash CS3教学参考包 （1）选择帧 Flash提供两种不同的方法在时间轴中选择帧，基于帧的选择（默认情况）和基于整体范围的选择。指定“基于整体范围的选择”，可执行菜单“编辑→首选参数”命令，打开“首选参数”对话框如图所示，选择“常规”类别，在“时间轴”部分选择“基于整体范围的选择”，单击“确定。3．帧 帧是Flash动画中最基本的组成单位，帧分为普通帧、关键帧和过渡帧三种类型。4.1 时间轴和帧“首选参数”对话框


动画制作案例教程—Flash CS3教学参考包 （1）选择帧 选择多个连续的帧，按住 Shift 并单击其它帧。 选择多个不连续的帧，按住 Ctrl 并单击其它帧。 选择时间轴中的所有帧，选择“编辑→时间轴→选择所有帧”。选择多个连续的帧 选择多个不连续的帧 3．帧4.1 时间轴和帧


动画制作案例教程—Flash CS3教学参考包 （2）插入帧 插入新帧，执行菜单“插入→时间轴→帧”命令，或按F5键。 创建新关键帧，执行菜单“插入→时间轴→关键帧”命令，或者右键单击要在其中放置关键帧的帧，然后从上下文菜单中选择“插入关键帧”。 创建新的空白关键帧，执行菜单“插入→时间轴→空白关键帧”命令，或者右键单击要在其中放置关键帧的帧，然后从上下文菜单中选择“插入空白关键帧”。插入空白关键帧3．帧4.1 时间轴和帧


动画制作案例教程—Flash CS3教学参考包 （3）复制或粘贴帧  选择帧或序列并选择“编辑→时间轴→复制帧”。选择要替换的帧或序列，然后选择“编辑→时间轴→粘贴帧”。 按住 Alt键 单击并将关键帧拖到要粘贴的位置。 （4）删除帧 选择帧或序列并选择“编辑→时间轴→删除帧”，或者右键单击帧或序列，从上下文菜单中选择“删除帧”,周围的帧保持不变。下图为删除帧前后的对比效果。3．帧4.1 时间轴和帧删除帧前后的对比效果


动画制作案例教程—Flash CS3教学参考包 （5）移动关键帧及其内容 将关键帧或序列拖到目标位置。（6）将关键帧转换为帧 选择关键帧并选择“编辑→时间轴→清除关键帧”，或者右键单击关键帧并从上下文菜单中选择“清除关键帧”。被清除的关键帧以及到下一个关键帧之前的所有帧的舞台内容都将由被清除的关键帧之前的帧的舞台内容所替换。3．帧4.1 时间轴和帧


见的动画手法，其原理续在“连是的关键帧”中分解动画动作，
即每容帧中的内一不同，连续播放而成动画。 逐帧动画在时间帧上的表现
称在逐帧动画。逐帧动画为时间帧上表现为连续
出 的关键帧，如图所示。现 逐帧动画是一种常
动画制作案例教程—Flash CS3教学参考包 4.2 创建逐帧动画 1．逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容


静态图片建立 帧动画 逐 将jpg、png等格
的式静态图片续导入连Flash中，建立一段帧逐动画。 （2）导入GIF格
式的逐帧动画 导入GIF格
式的图像与一入同导序列的JPG格图的式像类似，只是将GIF格
式的图像台入到舞导，会在舞台上直生接成动画；而将GIF格式的图
像导入到“库”面板中，则会生成一个由GIF格式转化成的剪执动画。如图所示为分别辑行“导入到舞台”和“导入到
库“命令时，”库面板对应的效果。4.2 创建逐帧动画” 导入到舞台　　　 　 导入到
库
动画制作案例教程—Flash CS3教学参考包 2．创建逐帧动画的几种方法 （1）用导入的


矢量 帧动画4.2逐创建逐帧动画绘制
鼠标或压感笔在场景中一帧帧地画出再帧容,内用导入静态图片的方法建
立绘逐动画。制帧量矢逐帧动画具有非常大的灵活可，性以表现任何想
表现的内容，而不受现有资源的限制，但需要一定的专业基础。下两幅
图为绘制矢量逐帧动画截图。（3）绘制
矢量逐帧动画截图
动画制作案例教程—Flash CS3教学参考包 用


某台个时间舞上仅动示显画序列的一个帧。为定于便位和编辑逐帧动画，可以使用绘图纸外观在舞台上一
次查看两个或更
的帧。多播放头用下面帧的全彩色显示，但是其余的帧是暗淡，的看起来就好像每
个帧是画在一张半透明而绘图的上，纸且这些绘图纸相互层
叠在一起，无法编辑暗淡间帧。在时的轴面板中，绘图纸外观的主要选
项创图所示。4.2 如建逐帧动画绘图纸外观主要选
项
动画制作案例教程—Flash CS3教学参考包 3．使用绘图纸外观 通常情况下，在


素材文件“小鸭踱步.fla”，隐藏“景背”图层，单击“绘图纸外观”按
钮。在“起始纸图绘外观”和“结束标图纸外观”绘记之间的所有帧被
重叠为“文档”窗口的一个帧，如图所示。4.2 中创建逐帧动画3．使用绘图纸外观打开“绘图纸外观”效果
动画制作案例教程—Flash CS3教学参考包 （1）在舞台上同时查看动画的多个帧 打开


轮廓”按钮绘将具有，图纸外观的帧显示为轮廓 。将“绘图纸外观标
记”的指针一到拖个新位置，如左示所图。 单击“编辑多个帧”按
钮，编辑绘图纸外观标记。间的所有帧，如右图所示之4.2 创建逐帧动画3．使用绘图纸外观更改
“开始绘图纸外观”标记的位置 编辑多个帧
动画制作案例教程—Flash CS3教学参考包 （2）控制绘图纸外观的显示 单击“绘图纸外观


更改绘图纸标记5的种形式选择“绘图纸2” 选择“绘图纸5”
改修绘图纸标记按”钮，在弹出的下拉列表中选择，可改变绘图标
记。总
是显示标记：不管绘图纸外观是否打开，都在时间轴标题中显示绘图纸外观标
记。锚
定绘图纸：将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和
当前帧指针以及绘图纸外观标记相关的。通过锚
定绘图纸外观标记，可以防止它们随当前帧指针移动。绘图纸2：
在当前帧的两边各显示两个帧，如图左所示。绘图纸5：
在当前帧的两边各显示五个帧，如图右所示。绘制
全部：在当前帧的两边34.2 创建逐帧动画显示所有帧。．使用绘图纸外观 （3）
动画制作案例教程—Flash CS3教学参考包 单击“


随时间移动或更改，动画的一的有效方法种运用它可以变
幻出各种奇妙，变形效果。由于在补的动画中间仅保存帧之间更改的值
，所以能最大程小度地减所生成的文件大小可Flash 。以创建两种类型的补间动画。 补间形状
：在一个特定时间绘制一个形状在然后，另一个特定时间更改
该形状或绘制另状个形一。Flash 会内插二的之间者帧的值或形状创建动画。来 补间动画
：在一个特定时间定义本个实一、组或文例块的位置、大小
和旋转等属性，然后在另一个特定时间更改些这属性。也可以径着路沿应用补间动画。
动画制作案例教程—Flash CS3教学参考包 4.3补