Flash教程-动画制作.doc

Flash教程

第一课：flash简介及绘图工具的使用
一、flash动画效果的用途：广告片头、音乐MTV片、网页广告、小电影等。
二、flash工作区介绍
工 具 栏
辅助区

工作区
（舞台区）
面
动
组
板
浮
动 作 面 板
属 性 栏

时 间 轴
标 准 工 具 栏
菜 单 栏

▲ 所有面板的调出在“窗口”菜单下调
▲ 利用快捷键控制面板的调出
u Tab:打开/关闭所有面板 ◆Ctrl+F2打开/关闭工具箱
u Ctrl+F3打开/关闭动作及属性面板 ◆Ctrl+K: 对齐
u Ctrl+F9：颜色面板 ◆Shift+F9:混色器面板
u Shift+F2：场景面板 ◆Ctrl+T: 变形面板
u F11：库面板
三、新建文件
操作：文件——新建或“Ctrl+N”
1、 设置画布大小、背景颜色等
2、 工作区：
a) 绘图区：用来制作网页上传效果
b) 辅助区：用于动画进场及出场的地方。
3、 画布的修改
a) 属性栏的修改（Ctrl+J）
b) “修改”——画布
4、 快捷键控制画布：
a) Ctrl+1 100%显示 b) Ctrl+2 满画布显示
c) Ctrl+3 显示所有内容 d) Ctrl+= 放大
e) Ctrl+－ 缩小
四、绘图工具的使用
1、利用网格线、辅助线来辅助制图
Ctrl+’ 显示网格 Ctrl+Shift+’ 对齐网格
Ctrl+Shift+Alt+R 显示标尺（可拖出辅助线）
Ctrl+: 显示辅助线 Ctrl+Shift+: 对齐辅助线
边线
2、Flash 的图形对象由两部份构成
填充区域

● 单击可选择边线或填充
● 在内双击可全选 ●在边线上双击全选边线
3、直线工具、矩形、圆等工具的使用（作业）
4、选取工具的使用
a) 选择工具
l 可对图形整体选择并修改
l 对直线的端点或线拖动修改
l 压Ctrl键可新增拐点修改
b) 部份选择工具： 单击对象通过节点修改图形
c) 利用控制板上平滑、直线来修改
5、 套索工具：选择不规择的形状来修改
6、 橡皮工具、笔刷工具的使用
五、图形的美化
1、 利用轮廓工具、填充工具来美化和修改
2、 利用属性栏修改和美化
3、 利用混色器来美化图形
六、介绍时间轴
1、时间轴的构成
1 5 10 15 20 帧数
帧位置
关键帧

▲ 帧：用来记录动画发生变化的对象并加以修改
▲ 动画：不同的时间帧的变化构成动画（帧在时间线上的变化）

动画播放的速度为每秒12帧
目前时间停留在第三帧
动画播放到当前帧所用的时间
3 12.0fps 0.2S

▲ 关键帧(F6)：影响动画播放并可修改（默认延续前一关键帧的内容）
▲ 帧动画
▲ 打“回车键”查看动画，Ctrl+回车键则测试电影

第二课：图形的修改及关系
一、图形的美化
1. 利用轮廓工具、填充工具来美化和修改
2. 利用属性栏修改和美化
3. 利用混色器来美化图形
a) 颜色的设置及保存（把设置好的颜色在颜色样本面板内单击）
b) 把颜色样本面板内的颜色定义为默认值

二、旋转与倾斜
1、“Q”键可进行对象的旋转、倾斜或缩放（点右键可选择性变化）
2、Ctrl+T打开变形面板，可精确控制图形变形。（可定图形旋转的中心点）
3、“修改”——“变形”（封套、扭曲）
三、舞台级对象与覆盖级对象
1、舞台级对象
（1）Flash中所画的图形为舞台级对象
l 所画的图形没有层次，只能通过图层来区分
l 相同颜色的图形接触，形状合并。
l 不同颜色的图形接触，可修改形状。
（2）覆盖级对象
Flash中覆盖级对象包括：群组对象、文字、位图、元件、从外部软件导入或复制的图形。
l 有层次，调节层次的快捷键：
上移一层 —— Ctrl+↑ 下移一层 —— Ctrl+↓
移到最上 —— Ctrl+Shift+↑
移到最下 —— Ctrl+Shift+↓
l 群组对象——覆盖级对象
u 在群组对象上双击可修改，单击场景退出。
u 从Word软件中复制剪帖画到Flash中，产生群组对象。
u 从CorelDRAW内可复制简单的图形到Flash中，复杂对象（调和或阴影等）要先导出，保存为SWF文件，在Flash中导入。
四、对象的对齐与排列（Ctrl+K）
1、舞台级对象和覆盖级对象都可对齐排列。
l 通过对齐绘制与场景等大的图形做背景
五、对象的复制
1、Ctrl+C Ctrl+V
2、Ctrl+C——“编辑”——粘贴到当前位置
3、Ctrl+D（选中对象）
4、压Alt拖动对象可快速复制
六、对象外形的修改
1、“修改”——优化（减少线段上的多余节点）
2、“修改”——“形状”
七、对象位置的控制
1、利用对齐网格来控制位置
l Ctrl+’ 显示网格
l Ctrl+Shift+’ 对齐网格
2、利用属性栏精确控制对象位置
3、利用信息面板控制（Ctrl+I）
八、把对象的改变记录成帧动画
l 开花过程
l 红绿灯效果
l 嘴吧说话效果
l 黑板上写字的效果
l 图形形状变化或位置变化的动画
九、文件（电影）的保存
1、“文件”——保存（fla格式为Flash的源文件可修改）
2、“文件”——发布（SWF格式为Flash电影文件格式）

文件——发布（SWF电影文件、JPG图像文件、HTML网页文件）。

第三课：文字

一、文字的输入方法
1、单击输入产生“标签文字”
2、按左键拖动产生“区块文字”
l 两种文字的转换
双击可变为标签
拖动可改变为区块文字

二、文字的三种形态
1、静态文字：用于数字或字母的输入，如给汉字用，上传后出现黑块。
2、动态文字：用于汉字，上传到网上效果正确。
3、输入文本：可让观众参于修改，制作表单、变量、可交互。
三、文字的修改
1、利用属性栏修改
l 在“字体”弹出菜单中，选择“_sans”。
l “_sans”是一种适用于多种计算机平台上显示的小文本的设备字体。有关设备字体的详细信息，请参阅使用设备字体（仅适用于横向文本）。
2、利用“文字”菜单修改
3、“Q”键：旋转、缩放、倾斜等
4、把文字打散“Ctrl+B”转为失量图，可对文字填充渐变或变形
四、从外部软件获得文字或图形
1、Fireworks内的文字复制到Flash内
2、在Photoshop中把特效文字存为PNG文件——在Flash内导入
3、CoreDRAW内绘制的文字
l 选中文字复制到Flash
l 把特效文字导出为SWF格式——在Flash内导入

第四课：位图

一、Flash软件中位图的作用
l 做电影场景的背景
l 做动画物件
二、获得位图的方法
1、文件——导入（Ctrl+R）出现在库面板中
2、能导入的有效格式
JPG PNG GIF
三、导入的位图可产生帧动画
l 文件格式为JPG PNG GIF等，名称相边续，导入后可生成帧动画。
四、如何制作去背景的位图
1、在Photoshop中制作去背景的透明图像——存为PNG格式——在Flash中导入。
2、在Fireworks中制作——保存PNG——Flash中导入
Ctrl+B打散后可独立修改
3、在Flash中把位图打散（Ctrl+B），利用套索工具个修改去背。
五、位图转成失量图
1、“修改”——转换为位图——产生板画效果
2、“修改”——打散，可选中色块“Delete”去背。
3、打散的位图可用来填充
u 把位图打散，用吸管工具吸取，移动到失量图上单击填充。
六、位图的优化
1、打开库面板（F11），在图像上双击，打开位图属性对话框
u 选择压缩格式，PNG压缩格式可确保图像的品质
u 导入——可打开另一个图像替换库图里的图像
u 更新——如图像在外部软件中已修改，单击更新可更改电影场景中的所有的原图。
2、编辑和修改位图
l 在位图上单击右键，选择外部软件
l 选中位图，通过属性栏修改。

第五课：Flash的资源管理
——库、元件、声音
一、元件的作用
1、在电影文件中可大量、反复出现的对象，就要用元件。
2、大量使用元件，对电影的容量影响很小。
二、元件的种类
1、 元件的种类有三种：
a) 图形 —— 对于静态图像可以使用图形元件，并可以创建几个连接到主影片时间轴上的可重用动画片段。图形元件与影片的时间轴同步运行。
b) 按钮 —— 制作交互行为，可以在影片中创建响应鼠标点击、滑过或其它动作的交互式按钮。
c) 电影剪辑 —— 使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主影片的时间轴播放的多帧时间轴，即可以将影片剪辑看作主影片内的小影片。
2、元件的位置——存放在库面板内
三、元件创建的方法
1、新建空白元件（Ctrl+F8）
2、由选中的对象创建（文字、图形、位图）F8
3、由其电影中拖入生成（文件——作为库打开）
四、元件和实例的关系
1、元件——在库中的对象为元件
2、实例——把库中的元件拖入到舞台中产生实例。
特点：
l 修改元件会影响所有实例
n 在实例上双击可打开元件面板修改
n 在库面板的元件上双击也可修改。
l 元件可复制、转换、交换
n 在场景的元件上点右键——（复制、转换、交换）元件
l 实例的修改不影响元件
n 选中实例在属性栏上更改（颜色、亮度、透明度等）
五、使用其它电影的元件
文件——以库打开（可把其它电影的元件调入到本电影的库中）
六、声音元件
1、 导入声音
l 通过将声音文件导入到当前文档的库中，可以把声音文件加入 Flash。
l 当将声音放在时间轴上时，建议您将声音放在一个单独的层上。
l 导入到 Flash 中声音文件格式：
1、 WAV（仅限 Windows）
2、 MP3（Windows 或 Macintosh）
2、 向影片中添加声音文件
u 为声音元件新建一个层
u 把库中的声音元件拖到舞台中，声音就添加到电影中了。
3、 声音元件的修改
u 选中声音元件所在的第一个关键帧，通过属性面板修改。
u 在 Flash 中有两种类型的声音：事件声音和音频流。
l 事件声音：主要用于较短的声音，除非明确停止，它将一直连续播放。
l 音频流：在前几帧下载了足够的数据后就开始播放；音频流可以通过和时间轴同步以便在 Web 站点上播放。 （事件结束音乐也随之结束）
u 声音文件的压缩
u 打开库文件，选中声音文件单击下方的属性，打开声音属性面板
u “ADPCM”压缩选项适用于导出像单击按钮这样的短事件声音时。
u MP3 压缩格式适用于导出像背景音乐这样较长的声音时。

第六课：动画（1）
一、帧的种类
1、空帧：

不是真正的帧，是一些矩形框，框内可以放帧，时间线到达空帧时，是自动停止放映。
2、关键帧： F6

是特殊的帧，用来定义动画中的变化，包括对象的运动和特点（大小，颜色等）
3、空关键帧： F7
动画结束，对象移出动画的情形，插入新内容后自动转为关键帧
a
4、附加动作的关键帧：
5、普通帧：也称静态帧，显示同一层上最后一个关键帧的内容（常用来延续对象的出现和背景）F5
6、过渡帧：
n 动作过渡： 浅蓝色背景
n 形状过渡： 浅绿色背景
n 有问题过渡：
7、标签、注释
标签：帧的名称
注释：给帧加备注和说明
二、帧的修改
1、 场景中的第一帧为空关键帧，添加内容后转为关键帧
2、 F6可在普通帧中插入关键帧，延续上一帧的内容
3、 压Shift选多个连续帧，Ctrl挑选多帧，压Alt拖动复制帧
4、 在帧上点右键（删除、复制帧）
三、动画的分类
1、 帧动画：传统的动画制作技巧，它将所有的动画过程以更多的帧来展现。
a) 打字效果 霓虹灯文字效果 字体被擦拭的效果
b) 说话动画 闪烁的背景图案效果
2、 形状过渡动画：把前一关键帧的形状向后一关键帧的形状演变
n 只有舞台级对象，打散的文字或位图可产生形状动画。
a) 产生的效果：形状变化，颜色变化，灯光效果
位置变化等。
b) 利用提示点来控制动画效果
Ctrl+Shift+H 修改——形状——添加形状提示点
O——8 I——T A——B
通过添加提示点来控制内部的变化过程
c) 利用层蒙版制作动画
a) 把一个形状过渡动画制作成层蒙版
l 打字效果 灯光照射文字效果 广告产品展示
l 背景出现 图片展示等
b) 把静止的对象做成层蒙版
l 制作走马灯效果
c) 制作广告宣传，利用蒙版来控制特形对象的出现
l 电影中特殊线条和图形的出现
l 描述图形被绘制的过程。

第七课：动画（2）
一、运动过渡动画
1、制作运动动画的对象类型：元件、群组、文字、位图
2、由两个关键帧来控制动画，中间的运动由Flash完成
3、 可控制物体的大小、颜色、位置、透明度的变化
4、 运动动画可沿路径方向运动
例子：
1、球体的运动，在运动中位置、大小、颜色、透明度等发生改变。
2、 球运行速度的控制，通过属性栏控制，前快后慢的变化。
3、 物体在运动中可以自转。
4、 文字的多种翻转效果：
u 通过属性栏修改翻转效果
u 通过变形宽或高来产生翻转效果
5、多个产品图片的展示效果（每幅图片由清晰到消失）
6、背景闪烁变化的线条
7、沿路径运动的效果
（1）球体沿圆环运动
（2）用铅笔写出连笔字
二、电影剪辑元件
1、电影剪辑元件的特性：独立于主电影之外的小电影，有自己的时间线，不受主时间线的影响。
2、制作效果：
（1）不停闪烁的项目符号效果
（2）水波纹效果
（3）网站标题文字出现的动画效果
（4）文字内部颜色渐渐变化的效果
（5）蝴蝶飞舞的效果
（6）小鸭走路的效果

第八课：动画（3）
———按钮的交互行为

一、按钮的制作方法
1、创建空白按钮元件（Ctrl+F8）
2、由所选对象创建按钮元件 (F8)，制作按钮的元素可以是位图、文字、图形等。
二、按钮元件的修改
1、在舞台的元件上双击，或在库中的元件上双击修改。
2、在按钮上点右键可复制、交换、转换按钮元件。
三、按钮的交互行为
按钮作用：在动画播放中可以让观众参与，引发另一个动画或事件。
实例：
1、用按钮来控制一个动画（电影剪辑）
在over帧或down帧中放置一个“电影剪辑”
down
over
up

2、用按钮来激发动画
● 按钮

a
图层2 动作：（go to and play）
图层1 动画的第一帧动作设为stop
3、用按钮来控制两段动画的播放
Stop 2
Stop 1

图层2 1、2为标签名

● 按钮
图层1 按钮放两个①、②
①动作：go to and play1 ②动作：go to and play2
4、导航按钮的制作（具有超级链接的多个按钮称为导航按钮）

公司简介
首页
与我联系
产品介绍
公司简介
首页
与我联系
公司前景
产品介绍

给按钮添加动作：URL
链接网站：
链接网页：输入网页名称 例如：gongsijianjie.htm
5、用动画替换按钮的over 或 down
此动画为“电影剪辑”

6、菜单按钮的制作
x
y
stop
stop
stop
a
a
a
。
·
·
文件
粘贴
复制
剪取
保存
打开
新建
编辑

图层2：
stop
a
·

图层1：

图层2放子菜单，每一个关键帧的动作设为停止。图层1放主菜单，关键也设为停止。
主菜单的动作：on (press)
go to and play x ( y )
on (滑过)
go to and play 1（第一帧）
7、制作地图映射行为：当鼠标经过图像时会出现相应的内容
学校
灯炮
符号
树叶

制作：a、把图像打散，用套索或圆、矩形等工具选择相应的部位，转化为按钮。
b、新建层，在不同的帧内放置按钮所显示的内容。

8、用按钮来控制不同的场景
作用：用来课件、电影的不同故事场景。
a
场景1：

●
图层2： 动作设为stop
● （按 钮）
图层1： 动作：go to and play下一场景

9、控制电影剪辑的属性
用鼠标控制电影剪辑的大小、位置、透明度等属性发生改变。
l 给“电影剪辑”在属性栏起名
l 给按钮设制动作：影片剪辑的控制——setproperty

10、鼠标跟踪事件
“电影剪辑”跟随鼠标移动发生改变
l 给“电影剪辑”在属性栏起名
l 给按钮设制动作：影片剪辑的控制——startprag

总结：flash中制作电影，首先要把原文件存为.fla文件，发布为.swf格式才可以网页中上传显示，发布的.swf文件的位置自动与原文件的位置一致。