flash课件第5讲 时间轴 帧操作与逐帧动画

flash课件第5讲 时间轴 帧操作与逐帧动画

第5章

时间轴与逐帧动画主讲：仲安辉

flash课件第5讲 时间轴 帧操作与逐帧动画

本讲目标Flash中动画类型 认识时间轴及其操作 帧的操作 洋葱皮的设置 逐帧动画

flash课件第5讲 时间轴 帧操作与逐帧动画

任务一、Flash中动画类型 动画类型– 逐帧动画 – 形状补间动画 – 动画补间动画 – 引导动画 – 遮罩动画 – 脚本动画

flash课件第5讲 时间轴 帧操作与逐帧动画

任务二、认识时间轴

flash课件第5讲 时间轴 帧操作与逐帧动画

任务三、时间轴操作

1、播放头； 2、时间轴设置 3、洋葱皮

flash课件第5讲 时间轴 帧操作与逐帧动画

任务四、帧的操作

1、关键帧与空白关键帧 2、普通帧 3、插入帧与删除帧 4、选择帧与移动帧 5、复制粘贴帧

6、帧转换

flash课件第5讲 时间轴 帧操作与逐帧动画

任务四、帧的操作

1 帧的类型

空白关键帧、关键帧与普通帧

flash课件第5讲 时间轴 帧操作与逐帧动画

任务四、帧的操作 1 帧的类型– 普通帧：普通帧与其前面关键帧的内容相同，主要用于延长动画的播 放时间。普通帧用连续的灰色填充表示，用一个空白的矩形框表示结

束。– 关键帧：主要用于定义动画关键的变化，关键帧中有一个静止的画面。 用一个黑色小圆圈表示。 – 空白关键帧：空白关键帧中没有内容，主要用于在画面与画面之间形 成间隔。用空心的小圆圈表示。若在空白关键帧中创建了内容，空白 关键帧就会变为关键帧。

空白关键 帧

关键 帧

普通 帧

flash课件第5讲 时间轴 帧操作与逐帧动画

任务四、帧的操作2 帧的操作

插入延续帧(普通帧)【F5】 复制前一关键帧【F6】(插入关键帧) 复制帧Alt

插入空白关键帧【F7】 删除延续帧(普通帧)【Shift】+【F5】 删除关键帧【Shift】+【F6】

移动帧-方法：选中要移动的帧，拖至目位置。 配合Shift键和Ctrl辅助选择帧 Ctrl+Alt+A--选择所有帧

flash课件第5讲 时间轴 帧操作与逐帧动画

任务五、逐帧动画1.逐帧动画的概念

在时间帧上逐帧绘制内容称为逐帧动画，表现为一帧一个画面，帧为关键帧。

flash课件第5讲 时间轴 帧操作与逐帧动画

任务五、逐帧动画

2.创建逐帧动画的几种方法(1)用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段 逐帧动画。 (2)绘制矢量逐帧动画 (3)文字逐帧动画 (4)导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件(如swish、 swift 3D等)产生的动画序列。

flash课件第5讲 时间轴 帧操作与逐帧动画

任务五、逐帧动画

创建逐帧动画 – 方法1:逐帧编辑图片或文字制作逐帧动画 – 步骤： 1、新建文件，然后保存 2、动画设计 3、测试影片

.fla:flash的源文件，保留动画的制作方法。(需Flash软件才可打开) .swf:它依赖于flash的播放器打开的，文件比较小，适合在

互联网上传播。(需Flash播放器或其它播放软件打开)

flash课件第5讲 时间轴 帧操作与逐帧动画

– 案例：完成“倒计时”。

flash课件第5讲 时间轴 帧操作与逐帧动画

– 方法2:导入外部素材生成逐帧动画。 对于一些序列图片(根据名称判断),当导入到舞台后将按照名称顺 序自动创建关键帧，从而行成动画

效果。案例：制作“人物走路”案例

flash课件第5讲 时间轴 帧操作与逐帧动画

逐帧动画特点– 优点：灵活性强、适合表现细腻的动画、及画面变化较大的复杂动画。 – 缺点：给制作增加了负担、最终输出的文件量比较大。

flash课件第5讲 时间轴 帧操作与逐帧动画

本讲小结 本讲主要学习Flash中帧的创建、编辑方法和逐帧动画的制作方法。