制作逐帧动画

制作逐帧动画
任务一 任务二 小 结
操作一【基础练习】—制作“动物的奥运” 1、背景制作 项目三：
制作逐帧动画
任务一 任务二 小 结
操作一【基础练习】—制作“动物的奥运” 2、制作奔跑的马 项目三：
制作逐帧动画
任务一 任务二 小 结
各帧动画及场景效果
操作一【基础练习】—制作“动物的奥运” 3、制作奔跑路线 项目三：
操作二【重点案例】—书写 “生日快乐” 2、制作“生”字的书写效果 项目三：
制作逐帧动画
任务一 任务二 小 结
将文字字打散效果
擦除文字后的效果
翻转帧操作
第一帧挤袋位置
操作二【重点案例】—书写 “生日快乐” 3、制作其它文字书写效果 项目三：
制作逐帧动画
任务一 任务二 小 结
逐帧写完“生”字及翻转帧
制作逐帧动画
任务一 任务二 小 结
操作二【重点案例】—制作“幻灯片效果” 1、新建文件 项目三：
制作逐帧动画
任务一 任务二 小 结
ຫໍສະໝຸດ Baidu
新建文件参数设置
操作二【重点案例】—制作“幻灯片效果” 2、导入图片 项目三：
制作逐帧动画
任务一 任务二 小 结
导入图片a和图片b
操作二【重点案例】—制作“幻灯片效果” 3、导入其它图片 项目三：
任务二 使用元件和库创建动画 元件和库的概念 项目三：
制作逐帧动画
元件是指创建一次即可以多次重复使用的图形、按钮或影 片剪辑，以实例的形式来体现，库是容纳和管理元件的工 具。
任务一 任务二 小 结
任务二 使用元件和库创建动画 使用元件的优点 项目三：
制作逐帧动画
（1） 可以简化动画的编辑。在动画编辑过程中，把要 多次使用的元素做成元件，如果修改该元件，那么应用于 动画中的所有实例也将自动改变，而不必逐一修改，大大 节省了制作时间。 （2） 减小动画文件尺寸。重复的信息只被保存一次， 而其他引用就只保存引用指针，因此使用元件可以大大减 小动画的文件尺寸。 （3） 加快文件的下载速度。元件下载到浏览器端只需 要一次，因此可以加快动画的下载速度。
添加背景图片
操作一【基础练习】—制作“打字机效果” 3、创建文字 项目三：
制作逐帧动画
任务一 任务二 小 结
设置文本属性
创建文本
操作一【基础练习】—制作打字机效果 4、创建动画 项目三：
制作逐帧动画
任务一 任务二 小 结
时间轴状态
第一、二、三帧文本效果
操作二【重点案例】—制作“幻灯片效果”
项目三：
任务一 了解逐帧动画制作原理 2、帧操作 项目三：
制作逐帧动画
任务一 任务二 小 结
在创建动画过程中，常常要进行各种帧操 作，如创建补间动画，创建形状补间，插入帧， 删除帧，等等，详见表3-1所示
任务一 了解逐帧动画制作原理 3、逐帧动画的原理 项目三：
制作逐帧动画
任务一 任务二 小 结
逐帧动画的原理是逐一创建出每一帧上的 动画内容，然后按照帧的顺序播放，从而实现 连续的动画效果
制 作 逐 帧 动 画
ZHI ZUO ZHU ZHEN DONG HUA
主 讲 ：
项目三
教学目标: 项目三：
制作逐帧动画
制作逐帧动画
任务一 任务二 小 结
了解逐帧动画的制作原理。 掌握使用逐帧动画的方法。 掌握对帧的各种操作。 了解元件和库的概念。
项目三
制作逐帧动画
项目三：
制作逐帧动画
任务一 了解逐帧动画制作原理 任务二 使用元件和库创建动画
制作逐帧动画
任务一 任务二 小 结
放大效果
操作三【突破提高】—制作 “跳楼促销” 4、制作拳头打击效果 项目三：
制作逐帧动画
任务一 任务二 小 结
导入图片并制作拳击效果
操作三【突破提高】—制作 “跳楼促销” 5、制作文字效果 项目三：
制作逐帧动画
任务一 任务二 小 结
操作三【突破提高】—制作 “跳楼促销” 6、制作碎片飞出效果 项目三：
制作逐帧动画
任务一 任务二 小 结
导入其它图片
操作二【重点案例】—制作“幻灯片效果” 4、导入图片后预览动画 项目三：
制作逐帧动画
任务一 任务二 小 结
导入图片时间轴状态
操作三【突破提高】—制作“风云变幻的天空” 本案例将从外部导入一组蓝天白云图片并放置在 连续帧上，使其在播放过程中形成对天空风云变 换的动态描摹。最终设计效果如图所示。
操作一【基础练习】—制作“打字机效果”
项目三：
制作逐帧动画
任务一 任务二 小 结
操作一【基础练习】—制作打字机效果 1、新建一个Flash文档 项目三：
制作逐帧动画
任务一 任务二 小 结
设置文档属性
设置背景颜色
操作一【基础练习】—制作“打字机效果” 2、添加背景图片 项目三：
制作逐帧动画
任务一 任务二 小 结
任务一 任务二 小 结
任务二 使用元件和库创建动画 元件的类型 项目三：
制作逐帧动画
元 件 图 标 元件类型 特点和用途 用于静态图像，并可以用于创建与主时间轴同步的可 重用的动画片段。图形元件与主时间轴同步运行，也就 是说，图形元件的时间轴与主时间轴重叠。例如，如果 图形元件包含10帧，那么要在主时间轴中完整播放该元 件的实例，主时间轴中需要至少包含10帧。另外，在图 形元件的动画序列中不能使用交互式对象和声音，即使 使用了也没有作用 可以创建响应鼠标弹起、指针经过、按下和点击的交 互式按钮
操作二【重点案例】—书写 “生日快乐” 4、完成制作 项目三：
制作逐帧动画
任务一 任务二 小 结
逐帧写完所有字及时间轴状态
操作三【突破提高】—制作 “跳楼促销”
10
15
20
25
30
35
40
项目三：
制作逐帧动画
④
⑤
⑥
任务一
① ② 制作裂口产生效果 制作文字效果 ③
任务二 小 结
制作显示器抖动效果
④ 动画效果1
项目三：
制作逐帧动画
任务一 任务二 小 结
制作逐帧动画
任务一 任务二 小 结
新建一个Flash文档，设置文档【尺寸】为“800像 素×700像素”，文档其他属性保持默认设置。将默 认的图层名称“图层1”重命名为“背景”，然后选 择【文件】/【导入】/【导入到舞台】命令，将素材 文件“素材\项目三\书写“生日快乐”\背景.png”导 入到舞台，如图所示。
⑤
⑥ 动画效果3
动画效果2
制作“跳楼促销”流程图
操作三【突破提高】—制作 “跳楼促销” 1、布置场景 项目三：
制作逐帧动画
任务一 任务二 小 结
文档属性及时间轴状态
操作三【突破提高】—制作 “跳楼促销” 2、制作显示器抖动效果 项目三：
制作逐帧动画
任务一 任务二 小 结
导入图片及时间轴状态
操作三【突破提高】—制作 “跳楼促销” 3、制作裂口效果 项目三：
项目三：
制作逐帧动画
任务一 任务二 小 结
风云变幻的天空
操作三【突破提高】—制作“风云变幻的天空” 1、新建文件 项目三：
制作逐帧动画
任务一 任务二 小 结
设置文档属性及参数
操作三【突破提高】—制作“风云变幻的天空” 2、导入图片 项目三：
制作逐帧动画
任务一 任务二 小 结
批量导入图片选项
导入后时间轴状态
任务一 任务二 小 结
任务一 了解逐帧动画制作原理 1、帧的类型 项目三：
制作逐帧动画
任务一 任务二 小 结
关键帧：关键帧相当于二维动画中的原画， 指角色或者物体运动或变化中的关键动作所处 的帧。 普通帧：普通帧是指内容没有变化的帧， 通常用来延长动画的播放时间。空白关键帧后 面的普通帧显示为白色，关键帧后面的普通帧 显示为浅灰色。
制作逐帧动画
任务一 任务二 小 结
实例属性及场景效果
操作一【基础练习】—制作“动物的奥运” 4、保存测试影片，完成动画的制作 项目三：
制作逐帧动画
任务一 任务二 小 结
完成后的效果
操作二【重点案例】—书写 “生日快乐”
项目三：
制作逐帧动画
任务一 任务二 小 结
生日制作流程图
操作二【重点案例】—书写 “生日快乐” 1、制作背景 项目三：
任务一 任务二 小 结
【按钮】 元件 【图形】 元件
【影片剪 辑】元 件
可以创建可重复使用的动画片段。例如，影片剪辑元 件有10帧，在主时间轴中只需要1帧即可，因为影片剪 辑将播放它自己的时间轴
操作一【基础练习】—制作“动物的奥运”
项目三：
制作逐帧动画
任务一 任务二 小 结
操作一【基础练习】—制作“动物的奥运” 1、背景制作 项目三：
制作逐帧动画
任务一 任务二 小 结
小结
• 在所有的动画类型中，逐帧动画的设计原理最简 单，它通过多幅关联图片的顺序播放并利用人的 视觉暂留特性形成流畅自然的动画效果。制作逐 帧动画的关键，是依次在各个关键帧上创建出具 有逻辑联系并且渐变的图像。 • 制作逐帧动画时需要注意相邻两帧间画面内容的 过渡，跳跃不要太大，否则看起来不连贯，不利 于对对象的精细表现。设计时还要灵活掌握一些 必要的设计技巧，比如在关键帧之间插入空白帧 等。 • 逐帧动画常用来制作复杂、细腻的动画内容，如 国内流行的“小小作品”就是逐帧动画中的精品 。逐帧动画的缺点是设计工作量大，交互性较差 。在后续的项目中将继续介绍更多的动画设计方 法和技巧，让读者学到更加丰富的动画设计手段 。