《中文FlashCS6案例教程》制作补间动画.pptxVIP

《中文FlashCS6案例教程》制作补间动画

汇报人：AA

2024-01-19

补间动画基本概念与原理

FlashCS6软件介绍与操作基础

创建传统补间动画方法与实践

创建形状补间动画方法与实践

创建遮罩层动画方法与实践

综合案例：制作交互式网页广告条

contents

目

录

01

补间动画基本概念与原理

补间动画指的是做FLASH动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。

补间动画定义

补间动画可以让静态的图像产生动态的效果，进而丰富动画的内容和视觉效果。它可以根据创作者的意图，在两个关键帧之间自动创建平滑的过渡效果，使得动画更加流畅、自然。

补间动画作用

帧

帧是影像动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。一帧就是一副静止的画面，连续的帧就形成动画，如电视图象等。

关键帧

关键帧是计算机动画术语，指角色或者物体运动变化中关键动作所处的那一帧，相当于二维动画中的原画。关键帧与关键帧之间的动画可以由软件创建添加，叫做过渡帧或者中间帧。

时间轴

时间轴是Flash的一大特点，在以往的动画制作中，通常是要绘制作出每一帧的图像，或是通过程序来制作，而Flash使用关键帧和逐渐变化的帧的间插值技术，通过两个关键帧以及时间轴可以创建出一种简单的动画。

图层关系

图层就像是一张透明的纸，可以透过图层看到下面的内容。在Flash中，图层可以帮助我们组织和管理动画中的不同元素。每个图层都可以包含独立的图像或动画片段，并且可以单独进行编辑和操作。

形状补间动画是在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。

形状补间动画

动作补间动画是指在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等，Flash将自动根据二者之间的帧的值创建的动画。

动作补间动画

02

FlashCS6软件介绍与操作基础

工作区

时间轴

舞台

属性面板

提供用于创建和编辑文档的各种面板和工具。

显示当前帧的内容，是预览和测试动画效果的地方。

显示文档中图层和帧的组织结构，是进行动画制作的重要区域。

显示当前选定对象的属性，并允许对其进行修改。

使用文本工具在舞台上创建静态文本或动态文本。

创建文本

选择文本后，可以使用属性面板修改文本的字体、大小、颜色和对齐方式等。

编辑文本

使用文本工具和排版技巧，如调整字距、行距和段落格式等，实现美观的文本布局。

文本排版

03

实例

是将元件从库拖到舞台上创建的具体对象，可以对其属性进行单独修改而不影响原始元件。

01

元件

是可重复使用的图形、按钮或影片剪辑，创建后可以将其存储在库中供以后使用。

02

库

用于存储和组织在Flash中创建的各种元件，方便用户管理和重用资源。

03

创建传统补间动画方法与实践

在Flash中绘制或导入需要制作动画的对象，如形状、元件等。

确定动画对象

创建关键帧

设置动画属性

创建传统补间

在时间轴上选择需要添加动画的帧，然后创建关键帧。

在关键帧之间设置对象的属性变化，如位置、大小、颜色等。

选择关键帧之间的任意一帧，然后选择“插入”“传统补间”。

关键帧设置

在时间轴上选择需要添加关键帧的位置，然后右键单击选择“插入关键帧”。

属性调整

选择关键帧中的对象，然后在属性面板中调整其属性，如位置、大小、颜色、透明度等。

多关键帧设置

可以在时间轴上创建多个关键帧，并在每个关键帧中设置不同的属性，以实现更复杂的动画效果。

Flash提供了多种缓动函数，如“缓入”、“缓出”、“弹性”等，可以使动画更加自然流畅。

缓动函数介绍

应用缓动函数

效果展示

选择补间动画的任意一帧，然后在属性面板中选择需要的缓动函数。

应用缓动函数后，可以预览动画效果，观察对象在运动过程中的速度变化。

03

02

01

制作步骤

首先绘制一个小球元件，然后在时间轴上创建关键帧并设置小球的位置和属性变化，接着创建传统补间并应用缓动函数，最后预览并调整动画效果。

案例介绍

本案例将介绍如何使用传统补间动画制作一个弹跳的小球动画。

技巧提示

为了使小球弹跳更加自然，可以在小球落地时添加一些形变效果，同时可以使用“弹性”缓动函数来模拟小球的弹跳效果。

04

创建形状补间动画方法与实践

在需要更精细控制形状变化的区域添加形状提示点。可以通过在关键帧中选择形状，然后使用“添加形状提示”命令来添加提示点。

添加提示点

通过拖动提示点来调整其位置，以更好地控制形状的变