Flash动画制作处理技术经典教程

活动六 创建基础动画
一、元件与实例 二、帧并帧动画 三、补间动画 四、引导线动画 五、颜色动画 六、组合动画 七、遮罩动画
一、元件与实例
概念、类型、创建、编辑、按钮、库
引语
在Flash动画中，很多对象在动画中出现的 频率是比较高，或者是很高的。为了提高制作 效率和降低资源空间。
元件和实例
元件和实例的概念及联系
补间动画的创建
创建补间动画的四大步骤 1、准备运动对象 2、创建第一个关键帧，设置内容 3、创建第二个关键帧，设置内容 4、选择两个关键帧之间的任意一帧，设置补间属性
运动补间动画的创建
运动补间动画效果： 位移 / 缩放 / 旋转 / 颜色变化效果
运动补间动画实例： 小车运动 / 运动的文字 / 小球碰撞 渐隐动画 / 网页片头
wk.baidu.com
运动补间动画的创建
属性面板中关于运动补间的几个属性设置： 缩放：选中此选项可以实现组或实例的尺寸变化。 简易：调节该项滑块的方向和值能实现组或实例进行加速运动、匀 速运动或减速运动。如果滑块处于输入方向，则进行加速运动，处 于输出方向则进行减速运动，处于中间则进行匀速运动。 旋转：选择此项可以使组或实例进行旋转。 调整到路径：选中此项可以实现组或实例按照指定的路径进行有方 向的运动，实际上就是能设定对象是否随着路径的改变而改变自身 的方向。主要应用于引导层动画。 同步：选择此项可以避免在影片剪辑帧数与主动画帧数不成倍数关 系时引起的播放不一致。 对齐：选择此项可以实现组或实例在某一帧对齐到引导线的位置。
活动一 认识动画形成原理
人眼“视觉暂留”的特性：视觉印象在人的眼 中大约可保持0.1秒之久 。 以一定的速度连续播放一系列静止画面时，就 会给人以画面活动的感觉。
活动二 认识常见动画格式
常见的动画文件格式包括： ➢ GIF ➢ SWF ➢ FLIC、FLI/FLC
GIF格式
GIF文件是图形文件交换格式（graphics interchange format）的简称，由compuserve公司创建。 图像色彩不超过256色，因此几乎所有的显示器 都支持gif动画，不必考虑显示器的色彩失真问题。 gif文件采用LZW压缩方式，数据量小。 直观、生动、易学易用，且制作gif动画的软件众 多。（Ulead Gif Animator ）
创建方法 ：
❖先创建一个空元件，在元件编辑界面编辑元件。 ❖在工作舞台中创建好对象，然后将对象转化成元件。 该方法要注意注册位置的选择。
影片剪辑的创建和特点
影片剪辑可以是静态图片或者动画（包括低级和高级动 画，交互动画）。影片剪辑的播放独立于影片的时间轴，播 放速度不受主时间轴影响，支持ActionScript和声音，可包 含交互控制，其他影片剪辑。
元 件：
是可以重复利用的图形、按钮或影片剪辑，他 们随用户的创建存在于元件库中，也可以通过链 接的方式存在于其他Flash文档的元件库中。元件 还可以包含从其他应用程序中导入的素材。 特 点：
每个元件都有自己的时间轴。即可以将帧、 关键帧和层添加至元件时间轴，和文档的时间轴 操作完全一样。
元件和实例的概念及联系
实例： 是指应用于舞台上的元件，或嵌套在其他元件内
的元件。
特 点： 实例可以与它的元件在颜色、大小和功能上
差别很大。编辑元件会更新它的所有实例，但对 元件的一个实例应用效果则只更新该实例。
元件的类型
❖ 图形 ❖ 影片剪辑 ❖ 按钮
图形元件的创建和特点
图形元件可以是静态图片或者简单的动画。但不支持交 互功能（包括元件内部和实例），也不支持声音，而且图形 元件与影片的时间轴是同步的，也就是说主时间轴播放到哪 一帧它也播放到哪一帧。所以，这种特性一般不好掌握，有 时甚至会带来很多麻烦，所以，没有特殊作用，一般不用图 形元件的动画功能。
Flash动画制作处理技术
刘根萍 温州大学教育技术学专业
本章内容
活动一 活动二 活动三 活动四 活动五 活动六 活动七
认识动画形成原理 认识常见动画格式 获取网络动画素材 熟悉Flash软件环境 绘制运动对象 创建基础动画 创建交互式动画
学习目标
1、了解动画形成原理 2、了解常见动画文件格式 3、掌握从网络获取动画素材的方法 4、能根据实际需求制作二维计算机动画
思考
绘图：扇子
文本工具
对象的组合和分离
组合(Ctrl+G)：将若干个对象组合在一起而不 改变他们各自的属性；
分离对象：将组、实例和位图分离成单独的可 编辑元素。
绘图实例6
阴影字 彩虹字
绘图实例7
绘图：月夜
月夜
分析： 在不同的图层中绘制以下各元素 1、背景 2、月亮 3、柳枝 4、星星 5、草丛 6、文字
Flash动画制作处理技术经典教程
Flash动画制作处理技术经典教程
第一章 多媒体技术概述
第二章 图像数字化与颜色空间
课
数字图像
程
第三章 数字图像制作处理技术
结
构
动画
第四章 动画制作处理技术
数字音频 数字视频
Flash动画
特点： 1、矢量动画，文件占用空间小 2、交互性
应用： 1、展示、宣传：多媒体演示、网页 2、娱乐：MTV、贺卡、小型卡通片 游戏、手机彩信、电视广告
• WACOM公司的产品深受用户喜爱。
方法三：手绘后扫描或拍摄
有相当一部分人习惯于先在纸上画草图，扫描或拍摄 入电脑后，再用软件勾线、上色等处理。
绘图工具
直线工具 铅笔工具 椭圆工具 矩形工具 钢笔工具
选择 任意变形
线条 钢笔 椭圆 铅笔 墨水瓶
手形
部分选取 填充变形 套索 文本 矩形 刷子 颜料桶 橡皮擦
运动补间动画的创建
注意的事项 ： （1）做补间运动的对象必须是实例、文字、导入 的素材，不能是图形。 （2）一个图层上一般只能设置一个对象做补间运 动，而且起始帧和结束帧一般都是同一对象； （3）静止对象与运动对象分别放在不同图层； （4）不同运动方式的对象分别放在不同图层；
形状补间动画的创建
形状补间动画的概念 与动作补间很类似，区别在于形状补间动画主要 是完成从一个形状到另一个形状的过渡，起始帧 和结束帧的对象可以是一样，也可以不一样，可 以是一个对象，也可以是多个对象。同时，可以 伴有颜色、尺寸、位置的变化。
SWF格式
SWF是Micromedia公司的产品Flash的矢量动画格 式，它采用曲线方程描述其内容，不是由点阵组成 内容，因此这种格式的动画在缩放时不会失真，非 常适合描述由几何图形组成的动画，如教学演示等。
由于这种格式的动画可以与HTML文件充分结合， 并能添加MP3音乐，因此被广泛地应用于网页上。
FLIC格式
FLIC是Autodesk公司在其出品的Autodesk Animator / Animator Pro / 3D Studio等2D/3D动画 制作软件中采用的彩色动画文件格式。 目前，FLIC被广泛用于动画图形中的动画序列、 计算机辅助设计和计算机游戏应用程序。
活动三 获取网络动画素材
绘图实例4
绘图实例：甲壳虫
分析： 1、造型？ （椭圆、画笔、直线） 2、触角？ （修改-变形-水平翻转） 3、白斑？ （alpha 、图层）
绘图实例4
绘图实例：甲壳虫
启示： 1、画笔工具 2、三种变形方法 选择工具、任意变形工具、 变形菜单 3、图层 4、透明度的设置
对象的变形
任意变形工具 选择工具 菜单项命令：修改—变形 “变形”面板
汇报内容
活动四 熟悉Flash软件环境
软件环境 制作动画的基本流程
工具箱
时间轴
浮动面板
工作区(舞台)
属性面板
制作动画的基本流程
准备舞台
创建、插入动画成员
活动五
设定动画效果
活动六、七
预览测试动画
动画文件的保存、输出、发布
新建、预览、保存、导出、发布
活动五 绘制运动对象
绘制运动对象常见方法：
方法一：利用Flash工具箱工具绘图
• 工具：绘画、涂色、选择 • 查看：在工作区内缩放、移动 • 颜色：设置边框颜色和填充颜色 • 选项：显示选定工具的功能设置按钮
方法二：利用数位板绘图
数位板
• 数位笔绘画时，会随着用笔的轻重不同，轻松地 绘制出不同明暗、不同色彩轻度，特别是画笔粗 细不同的笔触效果。
绘图实例8
绘图：情人节贺卡
情人节贺卡
分析： 在不同的图层中绘制以下各元素 1、背景 2、文字 3、心型圈 4、心型 5、珍珠
总结：软件环境及绘图
1、原理 2、格式 3、操作流程：新建-编辑-保存-浏览-发布 4、变形的方法：箭头工具、任意变形工具
变形命令、变形面板 5、文件—导入到库或舞台，导入外部素材
绘图实例2
绘图实例：铅笔
启示： 1、矩形工具 2、多角星形工具 3、选择工具（变形） 4、上色工具（渐变色）
选择 任意变形
线条 钢笔 椭圆 铅笔 墨水瓶
手形
部分选取 填充变形 套索 文本 矩形 刷子 颜料桶 橡皮擦
缩放
笔触颜色 填充色
绘图实例3
绘图实例：电子器件
启示： 1、矩形工具、椭圆工具 2、直线工具 3、选择工具 4、上色工具 5、任意变形工具
创建方法 ：
❖先创建一个空元件，在元件编辑界面编辑元件。 ❖在工作舞台中创建好对象或动画序列，然后将对象或 动画转化成元件。
按钮的创建和特点
按钮元件可以用以电影中响应鼠标事件的交 互按钮。 创建方法及应用将在脚本部分介绍
元件的编辑
前面我们学习了3种元件的创建，但有时需要回头对创 建好的元件进行修改。
帧的分类
❖ 关键帧 是帧内容发生变化的帧，前后两个关键帧内容有 所变化和不同。
❖ 空白关键帧 是一种关键帧，但是其内容为空。
❖ 普通帧 位于两个关键帧之间，其内容是前一关键帧的复制品
❖ 补间帧 位于两个关键帧之间，其内容是继承前一关键帧的。
帧的操作
插入帧： 【插入】 →【时间轴】 →
【帧】/【关键帧】/【空白关键帧】 删除帧（shift+F5) 拷贝帧 剪切帧 粘贴帧 移动帧
选择 任意变形
线条 钢笔 椭圆 铅笔 墨水瓶
手形
部分选取 填充变形 套索 文本 矩形 刷子 颜料桶 橡皮擦
缩放
笔触颜色 填充色
上色工具
所选颜色
所选颜色的16进制 透明度
系统调色板
渐变色
绘图实例2
绘图实例：铅笔 分析： 1、造型？ （矩形、三角形） 2、立体感？（颜色）
方法： 1、造型？（矩形工具、多角星形工具或变形） 2、立体感？（上色：渐变色）
绘图实例5
绘图实例：花朵
分析： 1、花朵造型？ 一个花瓣变形得到多个花瓣 （椭圆、渐变色、填充变形工具） 2、叶子造型？ （椭圆工具、变形、直线工具） 3、花枝？ （直线工具、变形）
绘图实例5
绘图实例：花朵
启示： 1、画笔工具 2、三种变形方法 选择工具、任意变形工具、 变形菜单 3、图层 4、透明度的设置
修改元件有三种方法: 1.在当前位置编辑。选择一个元件实例，然后右击 鼠标，选择菜单中“在当前位置编辑”。 2.在新窗口中编辑。选择一个元件实例，然后右击 鼠标，选择菜单中“在新窗口中编辑”。 3.在元件编辑模式中编辑元件。
原理 帧并帧动画 运动动画 形变动画
动画形成原理
动画是指物体在一定的时间内发生的变化过程，包 括动作、位置、颜色、形状、角度等等的变化。 在电脑中用一幅幅的图片来表现这一段时间内物体 的变化，每一幅图片称为一帧。 当这些图片以一定的速度连续播放时，就会给人以 动画的感觉，而静止的物体则用一幅幅相同的图片 来表示。
GIF动画的获取 SWF动画的获取
下载SWF动画素材
问题：网上很多Flash没有提供下载链接，如何下载呢？ 方法： 1. 打开网页，浏览Flash 2. 桌面IE图标，右键—属性—常规—设置—查看文件 3. 从后往前找，类型为ShockWave Flash Object，并拷 贝文件出来，预览看是否是自己想要的文件
缩放
笔触颜色 填充色
绘图实例1
选择 任意变形
线条
钢笔
绘图实例：凹透镜
椭圆
铅笔
可以使用什么方法绘制呢？ 墨水瓶
手形
部分选取 填充变形 套索 文本 矩形 刷子 颜料桶 橡皮擦
缩放
笔触颜色 填充色
绘图实例1
绘图实例：凹透镜
启示： 1、铅笔工具 2、椭圆、矩形工具 3、选择工具 4、橡皮擦工具 5、上色工具（单色）
二、帧并帧动画的创建
逐帧动画的概念 帧内容是变化的，制作时先把一帧一帧的内容 都制作好，然后由帧播放产生动画效果。
逐帧动画实例： 美丽校园 / 倒计时 / 打字效果 / 豹子奔跑
三、补间动画的创建
补间动画的概念 包括运动补间动画和形状补间动画。只要设置起 始帧和结束帧的内容，两帧之间的动画效果可以 由计算机自动完成。