Flash动画制作38051

1、-利用利用Flash制作动画制作动画 动画的类型动画的类型 按制作动画的技术和手段：按制作动画的技术和手段： F手工绘制和计算机动画手工绘制和计算机动画 按动画的实现方式：按动画的实现方式： F帧动画帧动画和造型动画和造型动画 按动画播放方式：按动画播放方式： F顺序动画和交互动画顺序动画和交互动画 按动画空间效果：按动画空间效果： F二维动画和三维动画二维动画和三维动画 帧动画帧动画 由图形或图像序列构成，序列中的每幅静态图像由图形或图像序列构成，序列中的每幅静态图像 都称为一个都称为一个“帧帧”。 帧动画可分为帧动画可分为逐帧动画逐帧动画和和补间动画补间动画 F逐帧动画：每一个逐帧动画：每

2、一个关键帧关键帧上都有可编辑的角色对象，上都有可编辑的角色对象， 设计者可以分别进行修改。设计者可以分别进行修改。 F补间动画：只需在一个表演时间段的两端给出两个角补间动画：只需在一个表演时间段的两端给出两个角 色对象，表示运动物体的起始和结束状态画面，动画色对象，表示运动物体的起始和结束状态画面，动画 制作软件（制作软件（Flash）就可以通过一定的算法计算并生成）就可以通过一定的算法计算并生成 自然、平滑的中间帧，从而产生细腻的动画效果。自然、平滑的中间帧，从而产生细腻的动画效果。 基本概念基本概念 帧：【解释】一幅字画为一帧。帧：【解释】一幅字画为一帧。 F在在FlashFlash中，帧

3、就是影像动画中最小单位的单幅影像画中，帧就是影像动画中最小单位的单幅影像画 面，相当于电影胶片上的每一格镜头。面，相当于电影胶片上的每一格镜头。 关键帧关键帧：任何动画要表现运动或变化，至少前后：任何动画要表现运动或变化，至少前后 要给出两个不同的关键状态，而中间状态的变化要给出两个不同的关键状态，而中间状态的变化 和衔接电脑可以自动完成，在和衔接电脑可以自动完成，在FlashFlash中，表示中，表示关关 键状态键状态的帧叫做关键帧。的帧叫做关键帧。 过渡帧过渡帧：在两个关键帧之间，电脑自动完成过渡：在两个关键帧之间，电脑自动完成过渡 画面的帧叫做过渡帧。画面的帧叫做过渡帧。 帧 补间动画

4、逐帧动画 普通帧 关键帧 空白 关键帧 过渡帧 关键帧和过渡帧的联系和区别关键帧和过渡帧的联系和区别 两个关键帧的中间可以没有过渡帧（如逐帧动两个关键帧的中间可以没有过渡帧（如逐帧动 画），但过渡帧前后肯定有关键帧，因为过渡帧画），但过渡帧前后肯定有关键帧，因为过渡帧 附属于关键帧。附属于关键帧。 关键帧可以修改该帧的内容，但过渡帧无法修改关键帧可以修改该帧的内容，但过渡帧无法修改 该帧内容。该帧内容。 关键帧中可以包含形状、剪辑、组等多种类型的关键帧中可以包含形状、剪辑、组等多种类型的 元素或诸多元素，但过渡帧中对象只能是剪辑元素或诸多元素，但过渡帧中对象只能是剪辑 （影片剪辑、图形剪辑、按

5、钮）或独立形状。（影片剪辑、图形剪辑、按钮）或独立形状。 关键帧和空白关键帧关键帧和空白关键帧 普通帧和关键帧的区别：普通帧和关键帧的区别： F两个关键帧之间可以设置各种效果，两个普通的帧之两个关键帧之间可以设置各种效果，两个普通的帧之 间，不能添加效果，普通帧只起间，不能添加效果，普通帧只起延续时间的作用延续时间的作用。 关键帧和空白关键帧的区别：关键帧和空白关键帧的区别： F关键帧上有实际的表演对象存在关键帧上有实际的表演对象存在 F空白关键帧是没有表演对象的关键帧，当删除了关键空白关键帧是没有表演对象的关键帧，当删除了关键 帧上的表演对象后，关键帧就变成了空白关键帧。帧上的表演对象后，关

6、键帧就变成了空白关键帧。 F如要在某一帧上添加对象，可以先在该帧上插入一个如要在某一帧上添加对象，可以先在该帧上插入一个 空白关键帧，然后再添加需要的对象。空白关键帧，然后再添加需要的对象。 Flash Flash 是一种具有交互性的动画（电影）编辑软是一种具有交互性的动画（电影）编辑软 件。用它可以制作出一种后缀名为件。用它可以制作出一种后缀名为SWF的动画。的动画。 这种动画可以插入到这种动画可以插入到HTML里，也可以单独成为里，也可以单独成为 网页。网页。 Dreamweaver、Flash、Fireworks并称网页设计并称网页设计 三剑客，由三剑客，由Micromedia公司开发。

7、新版本公司开发。新版本Flash 在功能上的进一步整合使得创作人员的操作更加在功能上的进一步整合使得创作人员的操作更加 得心应手得心应手 Flash功能简介功能简介 Flash的主要特点是能的主要特点是能绘制图形绘制图形、创建动画创建动画和和建建 立交互功能立交互功能。 优化的集成工作环境优化的集成工作环境 F直观优化的工作环境，主要有舞台、工具栏、工具箱、直观优化的工作环境，主要有舞台、工具栏、工具箱、 面板、时间轴和属性面板、时间轴和属性 增强型颜色管理增强型颜色管理 F颜色混合器集成了颜色混合工具、渐变、位图填充等颜色混合器集成了颜色混合工具、渐变、位图填充等 多种编辑功能，只要点击多种

8、编辑功能，只要点击“颜色样本颜色样本”面板，便能增面板，便能增 加或者删除被编辑对象的颜色。加或者删除被编辑对象的颜色。 Flash功能简介功能简介 便捷的元素库组件便捷的元素库组件 FFlash 使用公共库和影片文件库，用来存放可反复调用的对象元使用公共库和影片文件库，用来存放可反复调用的对象元 素，包括影片剪辑、按钮和图形元件。素，包括影片剪辑、按钮和图形元件。 支持动画脚本的设计支持动画脚本的设计 F动作脚本是动作脚本是Flash的脚本撰写语言，用于创建具有双向通信方式的脚本撰写语言，用于创建具有双向通信方式 的交互式影片。的交互式影片。 强大的文件支持强大的文件支持 FFlash 支持

9、导入任何格式的文件，并可以直接导入到帧和库中。支持导入任何格式的文件，并可以直接导入到帧和库中。 支持支持XML的集成应用的集成应用 FXML是可扩展标记语言。是可扩展标记语言。 Flash软件的使用基础软件的使用基础 文档的创建和保存文档的创建和保存 使用舞台使用舞台 F主要的工作空间主要的工作空间 F标尺和辅助线标尺和辅助线 Flash软件的使用基础软件的使用基础 使用时间轴使用时间轴 F时间轴是用来组织和控制影时间轴是用来组织和控制影 片内容的主要界面，包括片内容的主要界面，包括图图 层、帧和播放头层、帧和播放头。 FFlash将影片时间长度分为将影片时间长度分为 帧，并可在创建影片时设

10、置帧，并可在创建影片时设置 帧频（帧频（fps），即单位时间），即单位时间 内播放的帧数。内播放的帧数。 F影片可设立多个图层，每个影片可设立多个图层，每个 图层可建立独立的动画。播图层可建立独立的动画。播 放时，可显示舞台上所有没放时，可显示舞台上所有没 有被遮盖或被隐藏的图层。有被遮盖或被隐藏的图层。 时间轴的操作时间轴的操作 图层操作图层操作 F图层或图层文件夹的创建和删除图层或图层文件夹的创建和删除 F选择图层选择图层 连续的：连续的：shift 不连续的：不连续的：ctrl F重新排列图层重新排列图层 F在时间轴左边，图层顶部的在时间轴左边，图层顶部的 分别代表隐藏或显分别代表隐藏或

11、显 示图层、锁定或解锁图层和图层内容的色彩填充或轮示图层、锁定或解锁图层和图层内容的色彩填充或轮 廓显示。廓显示。 时间轴的操作时间轴的操作 帧的基本操作帧的基本操作 F插入、选择、删除和移动帧或关键帧插入、选择、删除和移动帧或关键帧 F将帧和关键帧拖动到统一图层的不同位置或拖动到不将帧和关键帧拖动到统一图层的不同位置或拖动到不 同的图层中同的图层中 F复制和粘贴帧和关键帧复制和粘贴帧和关键帧 F将关键帧转换为帧将关键帧转换为帧 F从从“库库”面板中将一个项目拖动到舞台上，将该项目面板中将一个项目拖动到舞台上，将该项目 添加到当前的关键帧中添加到当前的关键帧中 多帧编辑多帧编辑 F如果需要修改

12、多个帧上的元素，可使用位于时间轴底如果需要修改多个帧上的元素，可使用位于时间轴底 部的绘图纸系列工具。部的绘图纸系列工具。 工具箱的使用工具箱的使用 铅笔工具：绘制任意线条和形状。铅笔工具：绘制任意线条和形状。 钢笔工具：绘制精确的路径。钢笔工具：绘制精确的路径。 F开放路径和闭合路径开放路径和闭合路径 橡皮擦工具：擦除笔触和填充区域。橡皮擦工具：擦除笔触和填充区域。 F擦除填色：只能擦除填色而不能擦除框线擦除填色：只能擦除填色而不能擦除框线 F水龙头：可擦除鼠标点击处的笔触段或填充区域。水龙头：可擦除鼠标点击处的笔触段或填充区域。 F形状：橡皮擦的形状和大小。形状：橡皮擦的形状和大小。 画笔

13、工具：以填充色进行涂色，或绘制出画笔般画笔工具：以填充色进行涂色，或绘制出画笔般 的笔触。的笔触。 工具箱的使用工具箱的使用 箭头工具：选择移动对象、改变线条或图形形状。箭头工具：选择移动对象、改变线条或图形形状。 F移动指针：可以实施移动操作。移动指针：可以实施移动操作。 F弧形：拖动可改变对象的形状。弧形：拖动可改变对象的形状。 F转角：可直接改变转角或端点的位置。转角：可直接改变转角或端点的位置。 部分选取工具：移动或修改路径。（部分选取工具：移动或修改路径。（Alt） 线形、椭圆和矩形工具：绘制几何图形。线形、椭圆和矩形工具：绘制几何图形。 墨水瓶、颜料桶和吸管工具：都与颜色有关。墨水

14、瓶、颜料桶和吸管工具：都与颜色有关。 F墨水瓶墨水瓶 ：以笔触颜色为对象描边。：以笔触颜色为对象描边。 F颜料桶颜料桶 ：以填充色为区域填色。：以填充色为区域填色。 F吸管吸管 ：通过吸取场景上的颜色直接改变笔触颜色和填充色。：通过吸取场景上的颜色直接改变笔触颜色和填充色。 任意变形工具：对对象进行旋转与倾斜、缩放、扭曲和任意变形工具：对对象进行旋转与倾斜、缩放、扭曲和 封套。封套。 工具箱的使用工具箱的使用 填充变形工具：改变渐变颜色的填充效果，对所填充变形工具：改变渐变颜色的填充效果，对所 填充的渐变颜色进行旋转、缩放或倾斜等操作填充的渐变颜色进行旋转、缩放或倾斜等操作 套索工具：选择想要

15、编辑的范围。套索工具：选择想要编辑的范围。 F魔术棒魔术棒 F魔术棒设置魔术棒设置 F多边形模式多边形模式 文字工具：输入文字。文字工具：输入文字。 面板的设置面板的设置 打开面板：打开面板：窗口菜单窗口菜单，用来打开或关闭各种控制用来打开或关闭各种控制 面板。面板。 使用面板使用面板 排列面板：窗口排列面板：窗口面板设置，选择面板的布局面板设置，选择面板的布局 Flash 元件和库元件和库 F元件分为影片剪辑、按钮、图形和声音几种类型，通元件分为影片剪辑、按钮、图形和声音几种类型，通 常存放在影片的库中。常存放在影片的库中。 F使用库面板来组织和管理影片中所使用的元件。使用库面板来组织和管理

16、影片中所使用的元件。 创建和测试动画的基本步骤创建和测试动画的基本步骤 动画的图形主要取决于关键帧的编辑，动画的图形主要取决于关键帧的编辑，Flash可可 以创建逐帧动画或补间动画。以创建逐帧动画或补间动画。 逐帧动画中，每个帧上的图形都必须由设计者创逐帧动画中，每个帧上的图形都必须由设计者创 建。建。 补间动画至少要有两个关键帧，设计者只要创建补间动画至少要有两个关键帧，设计者只要创建 起始帧和结束帧，中间的帧可由起始帧和结束帧，中间的帧可由Flash根据起始帧根据起始帧 和结束帧的对象大小、旋转、颜色等自动创建完和结束帧的对象大小、旋转、颜色等自动创建完 成。成。 创建和测试动画的基本步骤

17、创建和测试动画的基本步骤 a)新建一个文档。新建一个文档。 b)创建元件库。创建元件库。 c)返回场景。返回场景。 d)建立场景动画。建立场景动画。 e)在起始帧和结束帧之间，选择快捷菜单的在起始帧和结束帧之间，选择快捷菜单的“创建创建 补间动画补间动画”命令。命令。 f)按【按【ctrl】【】【enter】键，可预览动画效果。】键，可预览动画效果。 g)将影片保存为磁盘文件。将影片保存为磁盘文件。 影片发布影片发布 文件文件-发布设置发布设置 发布预览发布预览 发布发布 Flash动画制作动画制作 例例1：移位动画：移位动画小球的自由落体运动小球的自由落体运动 例例2：渐变动画：渐变动画形状

18、渐变形状渐变 例例3：色变动画：色变动画制作变色龙，星星闪烁的夜空制作变色龙，星星闪烁的夜空 例例4：变形动画：变形动画文字变形，图案变形文字变形，图案变形 例例5：引导层动画：引导层动画小人走路，枫叶飘飘小人走路，枫叶飘飘 例例6：遮罩动画：遮罩动画探照灯效果，五彩缤纷的文字探照灯效果，五彩缤纷的文字 形状补间动画和动作补间动画区别一览表形状补间动画和动作补间动画区别一览表 项目项目形状补间动画形状补间动画动作补间动画动作补间动画 概念概念 在一个关键帧中绘制一个形状，然后在一个关键帧中绘制一个形状，然后 在另外一个关键帧更改或绘制另一个在另外一个关键帧更改或绘制另一个 形状，形状，FLAS

19、H据二者间形状创建的据二者间形状创建的 动画动画 在一个关键帧中设置一个元件，然后在另在一个关键帧中设置一个元件，然后在另 外一个关键帧改变这个元件的大小、颜色、外一个关键帧改变这个元件的大小、颜色、 位置、透明度等，位置、透明度等，FLASH据二者间形状创据二者间形状创 建的动画建的动画 构成元素构成元素 形状。如果使用图形元件、按钮、文形状。如果使用图形元件、按钮、文 字，则必须先打散再变形。字，则必须先打散再变形。 元件。包括影片剪辑、图形元件、按钮元件。包括影片剪辑、图形元件、按钮、 文字、位图、组合，但不能使用形状。只文字、位图、组合，但不能使用形状。只 有把形状有把形状“组合组合”

20、或转化成或转化成“元件元件”方可方可 时间轴时间轴 表现表现 淡绿色背景下，起始帧到结束帧间一淡绿色背景下，起始帧到结束帧间一 个长长的箭头。个长长的箭头。 淡紫色背景下，起始帧到结束帧间一个长淡紫色背景下，起始帧到结束帧间一个长 长的箭头。长的箭头。 创建方法创建方法 单击开始帧，在单击开始帧，在“属性属性”面板单击面板单击 “补间补间”小三角，选择小三角，选择“形状形状” 单击开始帧，在单击开始帧，在“属性属性”面板单击面板单击“补间补间” 小三角，选择小三角，选择“动作动作”；或右键单击开始；或右键单击开始 帧，快捷菜单中帧，快捷菜单中“创建动作补间创建动作补间”。 完成作用完成作用 实

21、现两个形状间的变化或一个形状的实现两个形状间的变化或一个形状的 大小、位置、颜色等的变化。大小、位置、颜色等的变化。 实现一个元件的大小、位置、颜色、透明实现一个元件的大小、位置、颜色、透明 度等的变化。度等的变化。 引导层动画引导层动画 让指定对象沿着自定义的曲线移动，制作的补间让指定对象沿着自定义的曲线移动，制作的补间 动画就是引导层动画动画就是引导层动画 引导层不会导出，因此不会显示在发布的引导层不会导出，因此不会显示在发布的SWF动动 画文件中画文件中 引导层和被引导层：引导层永远放在被引导层的引导层和被引导层：引导层永远放在被引导层的 上一层，被引导层上放置的是运动对象，其运动上一层

22、，被引导层上放置的是运动对象，其运动 路径即为引导层中的引导线路径即为引导层中的引导线 文字工具的使用文字工具的使用 静态文本静态文本一般在动画制作阶段创建，在播放阶段一般在动画制作阶段创建，在播放阶段 文字内容不发生改变；文字内容不发生改变； 动态文本动态文本主要用来动态的显示最新信息，比如动主要用来动态的显示最新信息，比如动 态显示日期和时间、运算结果等等；态显示日期和时间、运算结果等等； 输入文本输入文本则主要用来实现和用户的交互，在动画则主要用来实现和用户的交互，在动画 播放时获取用户输入的信息，如用户名、注册码播放时获取用户输入的信息，如用户名、注册码 等各种数据。等各种数据。 遮罩

23、动画的制作遮罩动画的制作 完成一些特殊的动画效果，如水波，放大镜等完成一些特殊的动画效果，如水波，放大镜等 “遮罩遮罩”，顾名思义就是遮挡住下面的对象。，顾名思义就是遮挡住下面的对象。 “遮罩动画遮罩动画”也确实是通过也确实是通过“遮罩层遮罩层”来达到有来达到有 选择地显示位于其下方的选择地显示位于其下方的“被遮罩层被遮罩层”中的内容中的内容 的目地，在一个遮罩动画中，的目地，在一个遮罩动画中，“遮罩层遮罩层”只有一只有一 个，个，“被遮罩层被遮罩层”可以有任意个。可以有任意个。 Flash中添加声音中添加声音 声音类型：声音类型： F事件声音：事件声音必须在完全下载完毕后才能播放事件声音：事

24、件声音必须在完全下载完毕后才能播放, 而且它会连续播放直至被明确地中止而且它会连续播放直至被明确地中止. F流式声音：在头几帧的数据已经下载就播放流式声音：在头几帧的数据已经下载就播放,在网站里在网站里, 流式声音是同时间轴同步播放的流式声音是同时间轴同步播放的. 声音格式：声音格式： FWAV FMP3 声音的同步效果声音的同步效果 事件（事件（Event）：将声音设置为事件，可以确保声音有效地播放完毕，）：将声音设置为事件，可以确保声音有效地播放完毕， 不会因为帧已经播放完而引起音效的突然中断，制作该设置模式后不会因为帧已经播放完而引起音效的突然中断，制作该设置模式后 声音会按照指定的重复播放次数一次不漏地全部播放完。声音会按照指定的重复播放次数一次不漏地全部播放完。 开始（开始（Start）：将音效设定为开始，每当影片循环一次时，音效就）：将音效设定为开始，每当影片循环一次时，音效就 会重新开始播放一次，如果影片很短而音效很长，就会造成一个音会重新开始播放一次，如果影片很短而音效很长，就会造成一个音 效未完而又开始另外一个音效，这样就造成音效的混合而乱了。效未完而又开始另外一个音效，