第2讲元件的创建及补间动画的制作

什 状 动 画 ” 么 是 补“ 间 形
• 1、什么是补间？ 什么是补间？ • 2、动作补间操作 • 3、动作补间的特点 • 4、动作补间动画
什 么 画 ” 是 补“ 间 动
• 1、什么是补间？ 什么是补间？ • 在Flash帧动画中， Flash帧动画中 帧动画中， 起始帧到结束帧动画 中间的过程就是补间 动画。 动画。 • 补间动画有两种：形 补间动画有两种： 状补间动画和动作补 间动画。 间动画。
复 习 内 容 （ 二 ）
3、什么是帧帧动画？ 帧帧动画实际上是更改每 一帧中的相关舞台内容， 一帧中的相关舞台内容， 将其连续排列在一起形成 动画效果。 动画效果。它可以说是手 绘动画， 绘动画，作者根据情况直 接创建自己需要的理想动 画角色。如眨眼动作、 画角色。如眨眼动作、口 形变化，以及头发的飘动、 形变化，以及头发的飘动、 闪动的灯光等简单的变化。 闪动的灯光等简单的变化。
复 习 内 容 （ 三 ）
在Flash中如何制作帧帧 中如何制作帧帧 动画？ 动画？
在Flash中制作帧帧动画有 中制作帧帧动画有 两种方式，一种是在Flash 两种方式，一种是在 中逐帧逐帧地制作分解动作， 中逐帧逐帧地制作分解动作， 另一种方法是导入在 其它绘 图软件中制作出来的分解动 作的连续文件（ 作的连续文件（如：GIF动 动 画图片） 画图片）等。
常 用 的 快 捷 键
元件创建常用的快捷键 Ctrl + L ： 打开库窗口。 打开库窗口。 Ctrl + Enter ：测试影片 。 • F8：将图案转成元件。 ：将图案转成元件。 • Ctrl+ F8：建立新元件 ： • Ctrl + D：复制元件 ： • • •
常 用 的 工 具
创建元件常用到的工具: 创建元件常用到的工具: • 混色器的使用 • 填充变形工具的使用技巧 • “修改” 修改” “变形” 变形” 旋转与缩放” “旋转与缩放”的命令菜单 的使用。 的使用。
的 使 用 技 巧 。
具 ” 在 颜 色 变 化 中
二 、 “填 充 变 形 工
• 用填充变形工具调整渐变或位 图填充：
选择填充变形工具。 1. 选择填充变形工具。 2.单击用渐变或位图填充的区域 单击用渐变或位图填充的区域。 2.单击用渐变或位图填充的区域。 3.当您渐变或位图填充进行编辑时 当您渐变或位图填充进行编辑时， 3.当您渐变或位图填充进行编辑时， 它的中心点会显示出来， 它的中心点会显示出来，并且它 的边框显示编辑手柄。 的边框显示编辑手柄。当指针在 这些手柄中的任何一个上面的时 它会发生变化， 候，它会发生变化，显示该手柄 的功能。 的功能。 4.按下 4.按下 Shift 键可以将线性渐变填 度的倍数。 充的方向限制为 45 度的倍数。
1、位图和矢量图
在计算机中，图像的显示方式 有两种：位图方式和矢量方式。 位图图像的显示方式是用像素 来表示图像的形状和色彩，有 多大的图像，就要用多少像素 来填充。位图图像文件所占体 积比较大，且在图像放大和缩 小时，图像的质量会受到影响。
关 于 图 像 的 操 作
1、位图和矢量图
矢量图是采用某种计算的方 法，用指令生成图像的边及对边 所包围的区域进行色彩填充来完 成图形绘制。 成图形绘制。因而矢量图的文件 体积十分小， 体积十分小，并且图像的放大和 缩小不影响图像的质量。 缩小不影响图像的质量。位图图 像文件所占体积比较大， 像文件所占体积比较大，且在图 像放大和缩小时， 像放大和缩小时，图像的质量会 受到影响。 受到影响。
分 离 位 图
•分离位图的方法： 分离位图的方法： 分离位图的方法 方法：第一步： 方法：第一步：选择当前场景中的 位图。 位图。 第二步：选择“修改” 第二步：选择“修改”>“分 或用键盘“ 离”。或用键盘“Ctrl+B” • 更改分离位图的所选区域的填充： 更改分离位图的所选区域的填充： • 要使用“滴管”工具将分离的位 要使用“滴管” 图作为填充应用。 图作为填充应用。
元 件 的 方 法
• 1、认识元件、库面板 认识元件、 • 2、掌握图像、按钮、影片剪辑 掌握图像、按钮、 三种常用元件各自的特点和创建 方法。 方法。 • 3、库中的元件的适用与编辑。 库中的元件的适用与编辑。 • 4、认识补间动画，学会如何使 认识补间动画， 动动画， 用 面板 动动画， 中 动， 动 ， 动， ， 。
问 题 解 答
2、帧和关键帧的区别？ 、 关键帧是指在动画中含有 组件或图形，是具有关键内容的、 是可以单独修改进行设置的帧。 Flash动画是依靠在关键帧之间变 形和移动等技术补间或填充帧，从 而生成流畅的动画的。关键帧是时 间轴上的实心圆点。空关键帧（空 心的圆点）不含有任何一种组件或 图形。 帧是时间轴上的一个个小方格。 帧是要延长显示的内容。
位 图 的 使 用 方 法 :
• 一、作为动画的背景来使 用. • 二、将其转化成填色图案 使用。 使用。 • 三、把位图转化为 把位图转化为Flash所 所 使用的矢量图形进行修改。 使用的矢量图形进行修改。
的 文 字 术 变 化 制 作 技
实 例 ： 五 彩 缤 纷 2
• 本讲要使用 本讲要使用Flash cs5【修改】 【修改】 -【分离文字】,制作五彩缤纷 【分离文字】 制作五彩缤纷 的文字。主要用到的知识点: 的文字。主要用到的知识点 • (1)图层 图层 • (2)文本工具 文本工具 • (3)将文本工具打散 将文本工具打散 • (4)帧帧动画动画 帧帧动画动画 • (5)发布动画 发布动画
本 讲 教 学 标 ： 目
• • • •
1、创建图形元件和影片剪辑元件。 2、熟练掌握“骨骼工具的使用” 3、掌握“补间动画”的制作方法。 4、区分“逐帧动画”和“补间动 画”的制作方法和应用的相同点和 不同点。 • 5、掌握图形元件和影片剪辑转化 • 6、掌握钢笔工具、部分选取工具 、套索工具、骨骼工具等的使用及 分散到图层、透明度的调整等。 • 7、掌握贺卡制作的基本思路
复 习 内 容 （四 ）
wk.baidu.com
三、什么是矢量图和位图
区别：放大是否失真 填充一 区别：放大是否失真.填充一 定的像素。 定的像素。通过计算获得需 要的像素 联系：：【修改】—【位图转 联系：：【修改】 【 ：： 换成矢量图】 换成矢量图】。 发布： 文件】 【 发布：【文件】—【发布设 置】。
关 于 图 像 的 操 作
元 件 的 创 建 方 法
• •
•
• •
1、利用钢笔工具绘图。 利用钢笔工具绘图。 要绘制精确的路径， 要绘制精确的路径，如直线 或者平滑流畅的曲线，您可以使 或者平滑流畅的曲线， 用钢笔工具。 用钢笔工具。 使用钢笔工具绘制直线的方法： 使用钢笔工具绘制直线的方法： 起点单击一下鼠标， 起点单击一下鼠标，终点单击一 下鼠标。 下鼠标。 使用钢笔工具绘制曲线的方法： 使用钢笔工具绘制曲线的方法： 起点单击， 起点单击，终点 鼠标滑 。 工具： 、使用 工具：
图 片 导 入 的 方 法
执行以下其中一项操作： 执行以下其中一项操作： 文档中， 一、要将文件直接导入到当前的 Flash 文档中， 请选择“文件” 导入到舞台” 请选择“文件”>“导入到舞台”。 文档的库中， 二、要将文件导入到当前 Flash 文档的库中， 请选择“文件” 导入到库” 请选择“文件”>“导入到库”。 导入”对话框中， 文件类型” 三、在“导入”对话框中，从“文件类型”或 显示”弹出菜单中选择一种文件格式。 “显示”弹出菜单中选择一种文件格式。 定位到所需的文件，然后选择它。 四、定位到所需的文件，然后选择它。 单击“打开” 五、单击“打开”。 （如果要导入的文件名称 以数字结尾， 以数字结尾，并且在同一文件夹中还有其他按 的文件， 的文件，请选择 导入文件 。 单击“ 文件。单击“ 单击“ ”导入所有的 文件。单击“ ” 定的文件。） 导入 定 选择“ 、在 Flash 中，选择“ ”> “ 到 中 位 ”或“ ” >“ 到当前位 ”。 （ 种 、 的 将位 从 或 导入到 Flash ，将 位 。 文件” 导入到舞台” 要 ，请 “文件”>“导入到舞台” 导入到库” 导入文件。 或“导入到库” ”以 导入文件。
1、拷贝其他应用程序中的图像
图 片 的 应 用
• •
•
• •
1、利用钢笔工具绘制图形元 件。 要绘制精确的路径，如 要绘制精确的路径， 直线或者平滑流畅的曲线， 直线或者平滑流畅的曲线，您 可以使用钢笔工具。 可以使用钢笔工具。 使用钢笔工具绘制直线的方法： 使用钢笔工具绘制直线的方法： 起点单击一下鼠标， 起点单击一下鼠标，终点单击 一下鼠标。 一下鼠标。 使用钢笔工具绘制曲线的方法： 使用钢笔工具绘制曲线的方法： 起点单击，终点拖动鼠标滑动。 起点单击，终点拖动鼠标滑动。 使用套索工具： 2、使用套索工具：演示
补 间 动 画 的 制 作
Flash CS5应用技术 应用技术
第二讲
问 题 解 答
1、什么是时间轴？ 、什么是时间轴 时间轴面板分左右两部分， 左边是图层显示部分，右面是时 间轴控制区域，它是用来控制当 前帧、动画播放的速度、时间等。 从标尺出下来的垂直直线是播放 头，它有两个作用：一是拖动播 放头可以浏览动画，二是选择要 处理的帧。时间轴控制区域的底 部是状态栏。它显示了当前帧、 帧頻以及在动画播放过程中的播 放头到当前帧为止的运行时间。
填 充 的 状 ： 形
都 可 以 更 改 渐 变 或
用 下 面 的 任 何 方 法
• 要改变渐变或位图填充的中心点的位置，请拖 要改变渐变或位图填充的中心点的位置， 动中心点。 动中心点。 • 要更改渐变或位图填充的宽度，请拖动边框边 要更改渐变或位图填充的宽度， 上的方形手柄。 上的方形手柄。 • 要更改渐变或位图填充的高度，请拖动边框底 要更改渐变或位图填充的高度， 部的方形手柄。 部的方形手柄。 • 要旋转渐变或位图填充，请拖动角上的圆形旋 要旋转渐变或位图填充， 转手柄。 转手柄。还可以拖动圆形渐变或填充边框最下 方的手柄。 方的手柄。 • 要缩放线性渐变或者填充，请拖动边框中心的 要缩放线性渐变或者填充， 方形手柄。 方形手柄。 • 要更改环形渐变的半径，请拖动环形边框中间 要更改环形渐变的半径， 的圆形手柄。 的圆形手柄。 • 要倾斜形状中的填充，请拖动边框顶部或右边 要倾斜形状中的填充， 圆形手柄中的一个。 圆形手柄中的一个。 • 要在形状内部平铺位图，请缩放填充 要在形状内部平铺位图，
创 建 的 方 法 动 画 ” 间 “补
• • • • •
步骤 （记住顺序） 记住顺序） （1）创建图形或图像 F5(插入帧 插入帧） （2）F5(插入帧） （3）创建补间 F6(插入关键帧 插入关键帧） （4）F6(插入关键帧）
创 建 “补 间 动 画 ”
• 步骤1：创建一个起始帧； 步骤1 创建一个起始帧； 步骤2 步骤2：在主画面里画上你要其变形的组 flash里可以产生变形的组件有以 件（在flash里可以产生变形的组件有以 下几类： flash自带的作图工具所画 下几类：1、用flash自带的作图工具所画 的任何图形， 进来的位图。 的任何图形，2、导入 进来的位图。3、 文字）。 文字）。 • 步骤3：在时间线里创建结束帧(F5） 步骤3 在时间线里创建结束帧(F5） 步骤4 一定要注意，要产生补间动画， 步骤4：一定要注意，要产生补间动画， 起始 结束 里的组件 • 步骤5：在时间 面 里， 步骤5 里， 的位 、 、形 。创建动画
分 离 位 图
•分离位图会将图像中的像素分 分离位图会将图像中的像素分 散到离散的区域中， 散到离散的区域中，可以分别 选中这些区域并进行修改。 选中这些区域并进行修改。当 分离位图时， 分离位图时，可以使用 Flash 绘画和涂色工具修改位图。 绘画和涂色工具修改位图。通 过使用套索工具中的“魔术棒” 过使用套索工具中的“魔术棒” 功能键， 功能键，可以选择已经分离的 位图区域。 位图区域。 •可以用分离的位图进行涂色， 可以用分离的位图进行涂色， 可以用分离的位图进行涂色 方法是用滴管工具选择该位图， 方法是用滴管工具选择该位图， 然后用颜料桶工具或其他绘画 工具将该位图应用为填充。 工具将该位图应用为填充。