第一课 制作逐帧动画 课件(10张PPT)
合集下载
《数字动画制作技术》课件——Animate制作逐帧动画(含课程思政)
图8-1
解析AE内置特效——制作逐帧动画
After Effects 影视动画技术
由于逐帧动画的每一帧都是关键帧，所以文件储存输出较大，制作成本相对加大。优势也很 明显：由于相似与电影播放模式，很适合于表演很细腻的动画，如角色的面部表情或肢体动作等。
动画片《千与千寻》中千寻奔跑的动画就是采用逐帧动画的方式创作的，每一个关键帧上都 是不同的动态姿势。如图8-2所示：
解析AE内置特效——制作逐帧动画
After Effects 影视动画技术
1.逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容； 2.它类似于电影的——制作逐帧动画
After Effects 影视动画技术
逐帧动画是一种常见的动画形式。在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧 一帧的画，所以逐帧动画具有非常大的灵活性。
同步Animate逐帧动画——制作逐帧动画
3、逐帧动画原理
是在“连续的关键帧”中分 解动画动作。也就是在时间轴的 每帧上逐帧绘制的内容，使其连 续播放的动画。如图8-1所示：
图8-2
解析AE内置特效——制作逐帧动画
提示
逐帧动画除了以一帧一帧的绘制的方式创建以外，还可以用jpg、 png格式的静态图片连续导入Animate中，也可以将Swish、3d max等软件制作的动画，导入到Animate中来生成逐帧动画。
解析AE内置特效——制作逐帧动画 下面通过“小鬼”愤怒的表情动画，帮助大家理解并掌握逐帧动画。其步骤如下：
厚德
善业
Animate 二维动画技术
同步Animate逐帧动画——
制作逐帧动画
同步Animate逐帧动画——制作逐帧动画
1、简单动画的分类
逐帧动画和补间动画是Animate动画创建的两种方法。逐帧动画的 创建与传统动画类似，利用视觉残留的原理将一张张连续的画面在时间轴 上迅速移动实现的动画效果。补间动画的创建是通过创建起始帧和结束帧， Animate软件自动生成中间帧完成的动画形式。
flash逐帧动画教程ppt
制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。
《逐帧动画》ppt课件
四、认识Flash界面 在桌面上用鼠标左键双击
在创建新项目中选择——Flash文档
工
时间轴
具
箱
舞台
属性面板
1. 帧的概念：构成动画的每一个画面叫做一个帧。
在时间轴上，每一个小方格就是一帧。帧又分为普通帧、关键 帧、空白关键帧。逐帧动画的每一帧都是关键帧。只有关键帧是可 以编辑的。在时间轴上显示为黑色的圆点。
认识逐帧动画
明湖中学 杨 丽
观看动画片说出动画的制作类型
一、动画的基本原理
动画就是通过连续播放一系列画面，给视觉造成图像连 续变化的感觉，达到理想的动画效果。它的基本原理与电 影、电视是一样，都是利用了视觉原理。动画不是“会动 的画”，而是“画出来的运动”。
二、常用的动画制作软件
1、二维动画制作软件： Ulead GIF AnimatorGIF是一种动画制作软件 Flash是一种集动画创作与应用程序开发于一身的软件， 制作的动画具有点小精悍的特点。
课堂实操: 制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、…1、GO！”的 倒计时动画效果（设计效果如下图所示实操步骤以及使用的工具 选择工具
1、打开Flash软件，新建一个Flash文档。
2、点击舞台，在属性面板中把舞台大小设置为200*160像 素。背景颜色修改为红色。
2. 帧的分类：空白帧、关键帧和空白关键帧
空白关键帧 关键帧 空白帧 播放头 普通帧
帧频率
3. 帧的操作：包括添加帧 、删除帧 、 清除关键帧 、选择所有帧 、复制帧 、 粘贴帧 、移动帧 和翻转帧
下面我们来观看几个比较有代表性的，利用逐帧动画制作的小动画
行走的土豆人
第1帧
第2帧
逐帧动画课件
动画的基本类型
• （1）逐帧动画 • （2）运动渐变动画
今天的内容就是
逐帧动画
• 什么是逐帧动画？
• 这就是逐帧动画！
• 逐帧动画是由许多单个的关键帧组合而成的， 适合制作一个动画在每个帧上都有关键性变 化的情况。 要创建逐帧动画，需要将每个帧都定义为关
键帧，然后给每个帧创建不同的图像。
图层区
时间轴
工 具 栏
舞台
属性窗口
时间轴与帧
• 时间轴是以时间为基础的线性表，让使用者 以时间的进行为基础，一步步地安排每个动 作。在时间轴中可处理帧和关键帧，将它们 按照对象在帧中出现的顺序进行排列。
图层layer
元件 动画
元 件
• 元件是可反复取出使用的图形、按钮或一 段小动画，元件中的小动画可独立于主动 画进行播放。它是由多个独立的元素合并 而成的，因此缩小了文件的存储空间。ห้องสมุดไป่ตู้
逐帧动画PPT课件
【设置了注释后的帧】
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
1.15
Flash动画设计与制作
3.2 帧的标识和编辑
选取帧
【同一图层】
• 选取单个帧，单击时间轴上的某一帧，即可以选取它 • 选取连续帧 单击开始帧，按住Shift键选取结束帧
• 使用颜料桶工具填充花盆颜 色为#cd9933
• 在第4帧处插入帧（F5）
第 1 — 4帧
1.35
Flash动画设计与制作
3.3 逐帧动画实例
生长的小花
2 绘制“叶子”
• 新建“叶子”图层 • 在第1帧，使用“刷子工具”
（ 颜 色 #3a5836 ） 绘 制 一 个 小芽
• 在第2帧处插入关键帧（F6）， 使用“选择工具”修改枝条 为合适的大小和高度
未完成或中断的渐变
1.11
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【一般空白帧】
代表空白区域中没有任何内容。
空白帧
1.12
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a，表示在这一帧中分 配了动作Action，当动画播放到这一帧时将执行相应的动作
第3章 逐帧动画
本章内容
3.1 逐帧动画的基本概念 3.2 帧的标识和编辑 3.3 逐帧动画实例
1.1
Flash动画设计与制作
第3章 逐帧动画
常用的快捷键
F5 F6 F7 Ctrl+Alt+C Ctrl+Alt+V Shift+F5 Shift+F6
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
1.15
Flash动画设计与制作
3.2 帧的标识和编辑
选取帧
【同一图层】
• 选取单个帧，单击时间轴上的某一帧，即可以选取它 • 选取连续帧 单击开始帧，按住Shift键选取结束帧
• 使用颜料桶工具填充花盆颜 色为#cd9933
• 在第4帧处插入帧（F5）
第 1 — 4帧
1.35
Flash动画设计与制作
3.3 逐帧动画实例
生长的小花
2 绘制“叶子”
• 新建“叶子”图层 • 在第1帧，使用“刷子工具”
（ 颜 色 #3a5836 ） 绘 制 一 个 小芽
• 在第2帧处插入关键帧（F6）， 使用“选择工具”修改枝条 为合适的大小和高度
未完成或中断的渐变
1.11
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【一般空白帧】
代表空白区域中没有任何内容。
空白帧
1.12
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a，表示在这一帧中分 配了动作Action，当动画播放到这一帧时将执行相应的动作
第3章 逐帧动画
本章内容
3.1 逐帧动画的基本概念 3.2 帧的标识和编辑 3.3 逐帧动画实例
1.1
Flash动画设计与制作
第3章 逐帧动画
常用的快捷键
F5 F6 F7 Ctrl+Alt+C Ctrl+Alt+V Shift+F5 Shift+F6
第一课 制作逐帧动画 课件10张.ppt
制作一个倒计时动画，以自己 名字命名，保存，并提交作业。
Flash动画的身影。作为一种颇受欢迎的新兴行业，其技术发
展一日现千）里，，而也“给客许”多人则带是来指了从实事际某利事益。的目人前，，那一么个，优秀的 商业F闪la客sh就动画是价指格做可F达la3s0h0的元人/秒。，所面谓对“这闪样的客前”景，，也成为一
名优秀指的经“常闪使客用”fla便s成h的为人许多。人奋斗的目标。
有些画面由电脑自动生成，这样的帧称为普通帧。
每一秒播放 的帧数
如Fla果sh把中，动时画
间中轴上的的每每一一帧小，格
代表一帧,默认的
都设置为关键
fps是12，也就是
帧，这样的动
说每帧播放的时间
画就是逐帧动
就是1/12秒。
画。
空白关键帧
关键帧
普通帧
实 操 演 练
P33页
如果动画的播放速度太快或者太慢，可以单击菜单【修改】—【文档】，修改 “帧频”，从而调整影片的播放速度。
学会Flash动画的制作后，你可以在以下行业中发挥一技 之长。
广告业：手机广告、化妆品广告、房地产广告、汽车广告 动态网页制作：企业网站、学校网站、个人网站 MTV制作：为网上流行歌曲制作动画场景 游戏开发：益智类游戏、战略类游戏 导航条：Flash的按钮功能非常强大，是制作菜单的首选 小游戏：利用Flash开发“迷你”小游戏，在国外一些大公司比较流 行，他们把网络广告和网络游戏结合起来，让观众参与其中大大增强 了广告效果 产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、 三星等，都喜欢利用它来展示产品。可以通过方向键选择产品，再控 制观看产品的功能、外观等，互动的展示比传统的展示方式更胜一筹
《制作逐帧动画》课件
《制作逐帧动画》PPT课 件
本演示文稿将介绍如何制作逐帧动画，包括定义、工具和软件、基本原理和 步骤、创作技巧和注意事项、应用领域和案例分析，以及总结和展望。
逐帧动画的定义和概述
逐帧动画是一种通过连续排列的静止图像，以每秒多个帧的速度展示，从而 创造出连续运动的效果。它是一种古老而又魔幻的艺术形式。
逐帧动画的应用领域和案例分析
影视制作
逐帧动画可用于电影、电视剧和广告中，制造特殊 效果和精彩场景。
游戏开发
逐帧动画为游戏角色和动态场景增添了视觉上的吸 引力和真实感。
总结和展望
逐帧动画是一种创造力和技术的完美结合，它有着广泛的应用领域。未来， 随着技术的不断发展，逐帧动画将继续创造出更多精彩的作品。
键帧。
3
3. 拼接
将绘制好的图像连接起来，形成连列。
将动画序列导出为视频文件，添加音效 和特效。
逐帧动画的创作技巧和注意事项
1 表达动态
运用丰富的线条和色彩，呈现物体的运动状态。
2 把握节奏
关注时间间隔，使动画流畅且有趣。
3 运用动画原理
如重力、加速度和反射等，增强动画的真实感。
制作逐帧动画的工具和软件
传统绘画工具
如铅笔、纸张和动画台
数码绘画软件
如Photoshop和Procreate
动画制作软件
如Toon Boom Harmony和 Adobe Animate
逐帧动画的基本原理和步骤
1
1. 规划
制定故事板，并划分关键帧和动画序列。
2. 绘制
2
使用绘画工具或软件，逐帧绘制每个关
本演示文稿将介绍如何制作逐帧动画，包括定义、工具和软件、基本原理和 步骤、创作技巧和注意事项、应用领域和案例分析，以及总结和展望。
逐帧动画的定义和概述
逐帧动画是一种通过连续排列的静止图像，以每秒多个帧的速度展示，从而 创造出连续运动的效果。它是一种古老而又魔幻的艺术形式。
逐帧动画的应用领域和案例分析
影视制作
逐帧动画可用于电影、电视剧和广告中，制造特殊 效果和精彩场景。
游戏开发
逐帧动画为游戏角色和动态场景增添了视觉上的吸 引力和真实感。
总结和展望
逐帧动画是一种创造力和技术的完美结合，它有着广泛的应用领域。未来， 随着技术的不断发展，逐帧动画将继续创造出更多精彩的作品。
键帧。
3
3. 拼接
将绘制好的图像连接起来，形成连列。
将动画序列导出为视频文件，添加音效 和特效。
逐帧动画的创作技巧和注意事项
1 表达动态
运用丰富的线条和色彩，呈现物体的运动状态。
2 把握节奏
关注时间间隔，使动画流畅且有趣。
3 运用动画原理
如重力、加速度和反射等，增强动画的真实感。
制作逐帧动画的工具和软件
传统绘画工具
如铅笔、纸张和动画台
数码绘画软件
如Photoshop和Procreate
动画制作软件
如Toon Boom Harmony和 Adobe Animate
逐帧动画的基本原理和步骤
1
1. 规划
制定故事板，并划分关键帧和动画序列。
2. 绘制
2
使用绘画工具或软件，逐帧绘制每个关
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
有些画面由电脑自动生成，这样的帧称为普通帧。
每一秒播放 的帧数
如Fla果sh把中，动时画
间中轴上的的每每一一帧小，格
代表一帧,默认的
都设置为关键
fp帧s是，1这2，样也的就动是
说每帧播放的时间
画就是逐帧动
就是1/12秒。
画。
空白关键帧
关键帧
普通帧
实 操 演 练
P33页
如果动画的播放速度太快或者太慢，可以单击菜单【修改】—【文档】，修改 “帧频”，从而调整影片的播放速度。
Flash软件简介
Flash是一款矢量动画制作软件，该软件的应用领域相当
广泛，它与Macromedia公司的另外两个产品——
闪客 Dreamweaver和Fir是ew网or络ks新并称文为化“一网族页。设所计谓三剑“客闪””，足见
它在网络中的重要地位。目前，几乎所有网站上都可以看到
就是指Flash（英文单词本意是指闪光、闪
Flash动画的身影。作为一种颇受欢迎的新兴行业，其技术发
展一日现千）里，，而也“给客许”多人则带是来指了从实事际某利事益。的目人前，，那一么个，优秀的 商业F闪la客sh就动画是价指格做可F达la3s0h0的元人/秒。，所面谓对“这闪样的客前”景，，也成为一
名优秀指的经“常闪使客用”fla便s成h的为人许多。人奋斗的目标。
学会Flash动画的制作后，你可以在以下行业中发挥一技 之长。
广告业：手机广告、化妆品广告、房地产广告、汽车广告 动态网页制作：企业网站、学校网站、个人网站 MTV制作：为网上流行歌曲制作动画场景 游戏开发：益智类游戏、战略类游戏 导航条：Flash的按钮功能非常强大，是制作菜单的首选 小游戏：利用Flash开发“迷你”小游戏，在国外一些大公司比较流 行，他们把网络广告和网络游戏结合起来，让观众参与其中大大增强 了广告效果 产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、 三星等，都喜欢利用它来展示产品。可以通过方向键选择产品，再控 制观看产品的功能、外观等，互动的展示比传统的展示方式更胜一筹
开始
工具栏
程序
Macromedia
Macromedia Flash
舞台
Professional 8
属性面板
时间轴
帧 关键帧 普通帧
所谓的帧，就是影像动画中最小单位的单幅影像画面，相当于电影胶片 上的每一格镜头。一帧就是一副静止的画面，连续的帧就形成动画。 FLash动画中，每一幅画面就是一帧。
任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而 中间状态的变化和衔接电脑可以自动完成，在Flash中，其中有些是决 定动作的关键画面，这样的帧叫关键帧。关键帧有内容时候是实心圆， 没有内容时是空心圆，也叫空白关键帧。
还有其他办法能 调整播放速度吗？
人类历史上最早的逐帧动画
• 2001年的时候，一名业余洞穴探险家在法 国西部，发现一个估计有三万年历史石刻岩 画的史前洞穴。
• 该洞穴深九百公尺，宽十五公尺和高十公 尺多，洞内岩壁上除刻有很多哺乳类动物， 如犀牛、马以及有一些怪异野兽的岩画外， 还有一幅刻有四十个图像的二十公尺长岩画， 多幅裸女舞蹈图。这些图片引起了考古学家 的兴趣。经过多方考证，专家得出结论，这 一系列绘制于三万年前。这是人类历史上最 早的逐帧动画！
2息017 七年级 下
第二单元 制作Flash动画 第一课 制作逐帧动画 （新世纪出版社）
2020/3/1
思考
这个动画效果是如何产生的？ 一页一页的图片快速连续播放， 产生动态效果。
在电脑动画出现以前，几乎所来形成的。
现在的动画一般是用电脑制作 出来的，但用电脑制作动画的效率 比手工高多了。
制作一个倒计时动画，以自己 名字命名，保存，并提交作业。
每一秒播放 的帧数
如Fla果sh把中，动时画
间中轴上的的每每一一帧小，格
代表一帧,默认的
都设置为关键
fp帧s是，1这2，样也的就动是
说每帧播放的时间
画就是逐帧动
就是1/12秒。
画。
空白关键帧
关键帧
普通帧
实 操 演 练
P33页
如果动画的播放速度太快或者太慢，可以单击菜单【修改】—【文档】，修改 “帧频”，从而调整影片的播放速度。
Flash软件简介
Flash是一款矢量动画制作软件，该软件的应用领域相当
广泛，它与Macromedia公司的另外两个产品——
闪客 Dreamweaver和Fir是ew网or络ks新并称文为化“一网族页。设所计谓三剑“客闪””，足见
它在网络中的重要地位。目前，几乎所有网站上都可以看到
就是指Flash（英文单词本意是指闪光、闪
Flash动画的身影。作为一种颇受欢迎的新兴行业，其技术发
展一日现千）里，，而也“给客许”多人则带是来指了从实事际某利事益。的目人前，，那一么个，优秀的 商业F闪la客sh就动画是价指格做可F达la3s0h0的元人/秒。，所面谓对“这闪样的客前”景，，也成为一
名优秀指的经“常闪使客用”fla便s成h的为人许多。人奋斗的目标。
学会Flash动画的制作后，你可以在以下行业中发挥一技 之长。
广告业：手机广告、化妆品广告、房地产广告、汽车广告 动态网页制作：企业网站、学校网站、个人网站 MTV制作：为网上流行歌曲制作动画场景 游戏开发：益智类游戏、战略类游戏 导航条：Flash的按钮功能非常强大，是制作菜单的首选 小游戏：利用Flash开发“迷你”小游戏，在国外一些大公司比较流 行，他们把网络广告和网络游戏结合起来，让观众参与其中大大增强 了广告效果 产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、 三星等，都喜欢利用它来展示产品。可以通过方向键选择产品，再控 制观看产品的功能、外观等，互动的展示比传统的展示方式更胜一筹
开始
工具栏
程序
Macromedia
Macromedia Flash
舞台
Professional 8
属性面板
时间轴
帧 关键帧 普通帧
所谓的帧，就是影像动画中最小单位的单幅影像画面，相当于电影胶片 上的每一格镜头。一帧就是一副静止的画面，连续的帧就形成动画。 FLash动画中，每一幅画面就是一帧。
任何动画要表现运动或变化，至少前后要给出两个不同的关键状态，而 中间状态的变化和衔接电脑可以自动完成，在Flash中，其中有些是决 定动作的关键画面，这样的帧叫关键帧。关键帧有内容时候是实心圆， 没有内容时是空心圆，也叫空白关键帧。
还有其他办法能 调整播放速度吗？
人类历史上最早的逐帧动画
• 2001年的时候，一名业余洞穴探险家在法 国西部，发现一个估计有三万年历史石刻岩 画的史前洞穴。
• 该洞穴深九百公尺，宽十五公尺和高十公 尺多，洞内岩壁上除刻有很多哺乳类动物， 如犀牛、马以及有一些怪异野兽的岩画外， 还有一幅刻有四十个图像的二十公尺长岩画， 多幅裸女舞蹈图。这些图片引起了考古学家 的兴趣。经过多方考证，专家得出结论，这 一系列绘制于三万年前。这是人类历史上最 早的逐帧动画！
2息017 七年级 下
第二单元 制作Flash动画 第一课 制作逐帧动画 （新世纪出版社）
2020/3/1
思考
这个动画效果是如何产生的？ 一页一页的图片快速连续播放， 产生动态效果。
在电脑动画出现以前，几乎所来形成的。
现在的动画一般是用电脑制作 出来的，但用电脑制作动画的效率 比手工高多了。
制作一个倒计时动画，以自己 名字命名，保存，并提交作业。