从零开始 Animate CC中文版基础培训教程-06
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
从零开始 Adobe Animate CC中文版基础教程
第6章 补间动画
主讲人：马 震
第6章 补间动画
【学习目标】
• 了解帧的含义及其相关设置。 • 了解补间动画和传统补间动画之间的差异。 • 掌握补间动画的制作及技巧。 • 掌握补间形状的制作。 • 掌握【动画编辑器】的使用技巧。
从零开始 Adobe Animate CC中文版基础教程
关键帧中只能存在一个对象，而且必须要有一个属性关键帧。 设置补间动画的关键帧可以采用以下两种方式。
• 选择开始关键帧后，选择菜单命令【插入】/【补间动画】。 • 用鼠标右键单击开始关键帧，从弹出的快捷菜单中选择【创建补间动画】命令。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
• 传统补间动画：传统补间动画与补间动画类似，允许制作一些特定的动画效果，但是创建起来更复杂。 • 反向运动姿势：反向运动姿势用于伸展和弯曲形状对象及链接元件实例组，使它们以自然方式一起移
动。可以在不同帧中以不同方式放置形状对象或链接的实例，Animate将在中间插入帧，补充运动过 程。 • 补间形状：在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧 中绘制另一个形状；然后，Animate将插入中间帧，补充动画过程，创建一个形状变形为另一个形状 的动画。 • 逐帧动画：使用此动画技术，可以为时间轴中的每个帧指定不同的艺术作品。使用此技术可创建与快 速连续播放的影片帧类似的效果。对于每个帧的图形元素必须不同的复杂动画而言，此技术非常有用。
6.3 实训
6.3.2 燃烧的红烛
从零开始 Adobe Animate CC中文版基础教程
6.4 综合案例──彩色气球
从零开始 Adobe Animate CC中文版基础教程
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.2 补间动画制作
Animate CC 2017支持两种不同类型的补间以创建动画。通 过补间动画可对补间的动画进行最大程度地控制，提供了更多的 补间控制。对于由对象的连续运动或变形构成的动画，补间动画 很有用。补间动画在时间轴中显示为连续的帧范围，默认情况下 可以作为单个对象进行选择。
从零开始 Adobe Animate CC中文版基础教程
6.2 范例解析
6.2.1 图片叠化
从零开始 Adobe Animate CC中文版基础教程
6.2 范例解析
6.2.2 青瓷变形
从零开始 Adobe Anim.1 果醋
从零开始 Adobe Animate CC中文版基础教程
范围的整个长度。若仅对补间动画的特定帧应用缓动，则需要创建自定义缓动曲线。 • 利用传统补间动画可以在两种不同的色彩效果（如色调和Alpha透明度）之间创建动画。补间动画可
以对每个补间应用一种色彩效果。 • 只可以使用补间动画来为3D对象创建动画效果，无法使用传统补间动画为3D对象创建动画效果。 • 只有补间动画才能保存为动画预设。 • 对于补间动画，无法交换元件或设置属性关键帧中显示的图形元件的帧数。应用了这些技术的动画要
6.1 功能讲解
6.1.1 Flash动画原理 动画是一门在某种介质上记录一系列单个画面，并通过一定
的速率回放所记录的画面而产生运动视觉的技术。在计算机动画 制作中，构成动画的一系列画面叫帧，因此帧也就是动画最小时 间单位里出现的画面。Flash动画是以时间轴为基础的帧动画，每 一个Flash动画作品都以时间为顺序，由先后排列的一系列帧组成。
补间形状动画一次补间一个形状，通常可以获得最佳效果。 如果有多个矢量图形存在，在变形过程中它们将被当作一个整体 看待。对于复杂的或希望人为控制的变形动画，可以加形状提示 进行控制。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.6 补间形状动画制作 使用形状提示要注意以下几点。
间轴中可分别选择的帧的组。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.4 补间动画和传统补间动画之间的差异
• 若要在补间动画范围中选择单个帧，必须按住Ctrl键单击帧。 • 对于传统补间动画，缓动可应用于补间内关键帧之间的帧组。对于补间动画，缓动可应用于补间动画
求使用传统补间动画。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.5 对补间动画和传统补间动画的特殊控制 补间动画和传统补间动画产生后，还可以利用【属性】面板
中的相关选项实现进一步控制，如使运动产生非匀速运动效果等。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.5 对补间动画和传统补间动画的特殊控制 【自定义缓入/缓出】对话框可以实现对补间动画更加精确与复杂的控制。该对 话框采用曲线表示动画随时间的变化程度，其中水平轴表示帧，垂直轴表示变化的 百分比。第1个关键帧表示为0%，最后1个关键帧表示为100%。曲线斜率表示变化 速率，曲线水平时（无斜率），变化速率为零；曲线垂直时，变化速率最大。
6.1.4 补间动画和传统补间动画之间的差异
• 传统补间动画使用关键帧。关键帧是其中显示对象的新实例的帧。补间动画只能具有一个与之关联的 对象实例，并使用属性关键帧而不是关键帧。
• 补间动画在整个补间范围内由一个目标对象组成。 • 补间动画和传统补间动画都只允许对特定类型的对象进行补间。若应用补间动画，则在创建补间时会
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.6 补间形状动画制作
补间形状动画指形状逐渐发生变化的动画，和补间动作动画 正好相反，补间形状动画中的对象只能是矢量图形。要对组、实 例或位图图像进行变形动画，必须首先将其分离成矢量图形。要 将文本变成变形动画，还必须将文本分离两次，才能将文本转换 为矢量图形。
• 在复杂的形状变形中，需要先创建中间形状，然后再进行补间，而不要只定义起始和结束的形状。 • 形状提示要符合逻辑。比如，开始帧的一条线上按a、b、c顺序放置了3个提示点，那么在结束帧的相应线就不能按a、
c、b顺序放置这3个提示点。 • 按逆时针顺序从形状的左上角开始放置形状提示，工作效果最好。 • 增加提示点只能在开始帧进行，因此必须返回开始帧才能增加提示点。 • 提示点并非设置得越多越好，有时设置一个提示点就能取得很好的效果。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.1 Flash动画原理
Animate CC 2017支持以下类型的动画。
• 补间动画：使用补间动画可设置对象的属性，如一个帧中及另一个帧中的位置和Alpha透明度等， Flash在中间内插帧完成动画。对于由对象的连续运动或变形构成的动画，补间动画很有用。
将所有不允许的对象类型转换为影片剪辑。而应用传统补间动画会将这些对象类型转换为图形元件。 • 补间动画会将文本视为可补间的类型，而不会将文本对象转换为影片剪辑。传统补间动画会将文本对
象转换为图形元件。 • 在补间动画范围内不允许帧脚本，而传统补间动画允许帧脚本。 • 补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。 • 可以在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。传统补间动画包括时
第6章 补间动画
主讲人：马 震
第6章 补间动画
【学习目标】
• 了解帧的含义及其相关设置。 • 了解补间动画和传统补间动画之间的差异。 • 掌握补间动画的制作及技巧。 • 掌握补间形状的制作。 • 掌握【动画编辑器】的使用技巧。
从零开始 Adobe Animate CC中文版基础教程
关键帧中只能存在一个对象，而且必须要有一个属性关键帧。 设置补间动画的关键帧可以采用以下两种方式。
• 选择开始关键帧后，选择菜单命令【插入】/【补间动画】。 • 用鼠标右键单击开始关键帧，从弹出的快捷菜单中选择【创建补间动画】命令。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
• 传统补间动画：传统补间动画与补间动画类似，允许制作一些特定的动画效果，但是创建起来更复杂。 • 反向运动姿势：反向运动姿势用于伸展和弯曲形状对象及链接元件实例组，使它们以自然方式一起移
动。可以在不同帧中以不同方式放置形状对象或链接的实例，Animate将在中间插入帧，补充运动过 程。 • 补间形状：在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧 中绘制另一个形状；然后，Animate将插入中间帧，补充动画过程，创建一个形状变形为另一个形状 的动画。 • 逐帧动画：使用此动画技术，可以为时间轴中的每个帧指定不同的艺术作品。使用此技术可创建与快 速连续播放的影片帧类似的效果。对于每个帧的图形元素必须不同的复杂动画而言，此技术非常有用。
6.3 实训
6.3.2 燃烧的红烛
从零开始 Adobe Animate CC中文版基础教程
6.4 综合案例──彩色气球
从零开始 Adobe Animate CC中文版基础教程
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.2 补间动画制作
Animate CC 2017支持两种不同类型的补间以创建动画。通 过补间动画可对补间的动画进行最大程度地控制，提供了更多的 补间控制。对于由对象的连续运动或变形构成的动画，补间动画 很有用。补间动画在时间轴中显示为连续的帧范围，默认情况下 可以作为单个对象进行选择。
从零开始 Adobe Animate CC中文版基础教程
6.2 范例解析
6.2.1 图片叠化
从零开始 Adobe Animate CC中文版基础教程
6.2 范例解析
6.2.2 青瓷变形
从零开始 Adobe Anim.1 果醋
从零开始 Adobe Animate CC中文版基础教程
范围的整个长度。若仅对补间动画的特定帧应用缓动，则需要创建自定义缓动曲线。 • 利用传统补间动画可以在两种不同的色彩效果（如色调和Alpha透明度）之间创建动画。补间动画可
以对每个补间应用一种色彩效果。 • 只可以使用补间动画来为3D对象创建动画效果，无法使用传统补间动画为3D对象创建动画效果。 • 只有补间动画才能保存为动画预设。 • 对于补间动画，无法交换元件或设置属性关键帧中显示的图形元件的帧数。应用了这些技术的动画要
6.1 功能讲解
6.1.1 Flash动画原理 动画是一门在某种介质上记录一系列单个画面，并通过一定
的速率回放所记录的画面而产生运动视觉的技术。在计算机动画 制作中，构成动画的一系列画面叫帧，因此帧也就是动画最小时 间单位里出现的画面。Flash动画是以时间轴为基础的帧动画，每 一个Flash动画作品都以时间为顺序，由先后排列的一系列帧组成。
补间形状动画一次补间一个形状，通常可以获得最佳效果。 如果有多个矢量图形存在，在变形过程中它们将被当作一个整体 看待。对于复杂的或希望人为控制的变形动画，可以加形状提示 进行控制。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.6 补间形状动画制作 使用形状提示要注意以下几点。
间轴中可分别选择的帧的组。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.4 补间动画和传统补间动画之间的差异
• 若要在补间动画范围中选择单个帧，必须按住Ctrl键单击帧。 • 对于传统补间动画，缓动可应用于补间内关键帧之间的帧组。对于补间动画，缓动可应用于补间动画
求使用传统补间动画。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.5 对补间动画和传统补间动画的特殊控制 补间动画和传统补间动画产生后，还可以利用【属性】面板
中的相关选项实现进一步控制，如使运动产生非匀速运动效果等。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.5 对补间动画和传统补间动画的特殊控制 【自定义缓入/缓出】对话框可以实现对补间动画更加精确与复杂的控制。该对 话框采用曲线表示动画随时间的变化程度，其中水平轴表示帧，垂直轴表示变化的 百分比。第1个关键帧表示为0%，最后1个关键帧表示为100%。曲线斜率表示变化 速率，曲线水平时（无斜率），变化速率为零；曲线垂直时，变化速率最大。
6.1.4 补间动画和传统补间动画之间的差异
• 传统补间动画使用关键帧。关键帧是其中显示对象的新实例的帧。补间动画只能具有一个与之关联的 对象实例，并使用属性关键帧而不是关键帧。
• 补间动画在整个补间范围内由一个目标对象组成。 • 补间动画和传统补间动画都只允许对特定类型的对象进行补间。若应用补间动画，则在创建补间时会
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.6 补间形状动画制作
补间形状动画指形状逐渐发生变化的动画，和补间动作动画 正好相反，补间形状动画中的对象只能是矢量图形。要对组、实 例或位图图像进行变形动画，必须首先将其分离成矢量图形。要 将文本变成变形动画，还必须将文本分离两次，才能将文本转换 为矢量图形。
• 在复杂的形状变形中，需要先创建中间形状，然后再进行补间，而不要只定义起始和结束的形状。 • 形状提示要符合逻辑。比如，开始帧的一条线上按a、b、c顺序放置了3个提示点，那么在结束帧的相应线就不能按a、
c、b顺序放置这3个提示点。 • 按逆时针顺序从形状的左上角开始放置形状提示，工作效果最好。 • 增加提示点只能在开始帧进行，因此必须返回开始帧才能增加提示点。 • 提示点并非设置得越多越好，有时设置一个提示点就能取得很好的效果。
从零开始 Adobe Animate CC中文版基础教程
6.1 功能讲解
6.1.1 Flash动画原理
Animate CC 2017支持以下类型的动画。
• 补间动画：使用补间动画可设置对象的属性，如一个帧中及另一个帧中的位置和Alpha透明度等， Flash在中间内插帧完成动画。对于由对象的连续运动或变形构成的动画，补间动画很有用。
将所有不允许的对象类型转换为影片剪辑。而应用传统补间动画会将这些对象类型转换为图形元件。 • 补间动画会将文本视为可补间的类型，而不会将文本对象转换为影片剪辑。传统补间动画会将文本对
象转换为图形元件。 • 在补间动画范围内不允许帧脚本，而传统补间动画允许帧脚本。 • 补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。 • 可以在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。传统补间动画包括时