Flash教程,动画制作

Flash 教程
第一课：flash 简介及绘图工具的使用
一、flash 动画效果的用途：广告片头、音乐MTV 片、网页广告、小电影等。

二、flash 工作区介绍
▲ 所有面板的调出在“窗口”菜单下调 ▲ 利用快捷键控制面板的调出
◆ T ab:打开/关闭所有面板
◆Ctrl+F2打开/关闭工具箱
◆ Ctrl+F3打开/关闭动作及属性面板 ◆Ctrl+K: 对齐
◆ Ctrl+F9：颜色面板 ◆Shift+F9:混色器面板 ◆ Shift+F2：场景面板
◆Ctrl+T : 变形面板
◆ 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、
●单击可选择边线或填充
●在内双击可全选●在边线上双击全选边线
3、直线工具、矩形、圆等工具的使用（作业）
4、选取工具的使用
a)选择工具
●可对图形整体选择并修改
●对直线的端点或线拖动修改
●压Ctrl键可新增拐点修改
b)单击对象通过节点修改图形
c)利用控制板上平滑、直线来修改
5、套索工具：选择不规择的形状来修改
6、橡皮工具、笔刷工具的使用
五、图形的美化
1、利用轮廓工具、填充工具来美化和修改
2、利用属性栏修改和美化
3、利用混色器来美化图形
六、介绍时间轴
1、时间轴的构成
1 5 10 15 20 帧数
帧位置
▲帧：用来记录动画发生变化的对象并加以修改
▲动画：不同的时间帧的变化构成动画（帧在时间线上的变化）
▲关键帧(F6)：影响动画播放并可修改（默认延续前一关键帧的内容）
▲帧动画
▲打“回车键”查看动画，Ctrl+回车键则测试电影
第二课：图形的修改及关系
一、图形的美化
1.利用轮廓工具、填充工具来美化和修改
2.利用属性栏修改和美化
3.利用混色器来美化图形
a)颜色的设置及保存（把设置好的颜色在颜色样本
面板内单击）
b)把颜色样本面板内的颜色定义为默认值
二、旋转与倾斜
1、“Q”键可进行对象的旋转、倾斜或缩放（点右键可选择性变化）
2、Ctrl+T打开变形面板，可精确控制图形变形。

（可定图形旋转的中心点）
3、“修改”——“变形”（封套、扭曲）
三、舞台级对象与覆盖级对象
1、舞台级对象
（1）Flash中所画的图形为舞台级对象
●所画的图形没有层次，只能通过图层来区分
●相同颜色的图形接触，形状合并。

●不同颜色的图形接触，可修改形状。

（2）覆盖级对象
Flash中覆盖级对象包括：群组对象、文字、位图、元件、从外部软件导入或复制的图形。

●有层次，调节层次的快捷键：
上移一层——Ctrl+↑下移一层——Ctrl+↓
移到最上——Ctrl+Shift+↑
移到最下——Ctrl+Shift+↓
●群组对象——覆盖级对象
◆在群组对象上双击可修改，单击场景退出。

◆从Word软件中复制剪帖画到Flash中，产生群组对象。

◆从CorelDRA W内可复制简单的图形到Flash中，复杂
对象（调和或阴影等）要先导出，保存为SWF文件，
在Flash中导入。

四、对象的对齐与排列（Ctrl+K）
1、舞台级对象和覆盖级对象都可对齐排列。

●通过对齐绘制与场景等大的图形做背景
五、对象的复制
1、Ctrl+C Ctrl+V
2、Ctrl+C——“编辑”——粘贴到当前位置
3、Ctrl+D（选中对象）
4、压Alt拖动对象可快速复制
六、对象外形的修改
1、“修改”——优化（减少线段上的多余节点）
2、“修改”——“形状”
七、对象位置的控制
1、利用对齐网格来控制位置
●Ctrl+’显示网格
●Ctrl+Shift+’对齐网格
2、利用属性栏精确控制对象位置
3、利用信息面板控制（Ctrl+I）
八、把对象的改变记录成帧动画
●开花过程
●红绿灯效果
●嘴吧说话效果
●黑板上写字的效果
●图形形状变化或位置变化的动画
九、文件（电影）的保存
1、“文件”——保存（fla格式为Flash的源文件可修改）
2、“文件”——发布（SWF格式为Flash电影文件格式）
文件——发布（SWF电影文件、JPG图像文件、HTML网页文件）。

第三课：文字
一、文字的输入方法
1、单击输入产生“标签文字”
2、按左键拖动产生“区块文字”
●两种文字的转换
二、文字的三种形态
1、静态文字：用于数字或字母的输入，如给汉字用，上传后出现黑块。

2、动态文字：用于汉字，上传到网上效果正确。

3、输入文本：可让观众参于修改，制作表单、变量、可交互。

三、文字的修改
1、利用属性栏修改
●在“字体”弹出菜单中，选择“_sans”。

●“_sans”是一种适用于多种计算机平台上显示的小文本的设备字体。

有
关设备字体的详细信息，请参阅使用设备字体（仅适用于横向文本）。

2、利用“文字”菜单修改
3、“Q”键：旋转、缩放、倾斜等
4、把文字打散“Ctrl+B”转为失量图，可对文字填充渐变或变形
四、从外部软件获得文字或图形
1、Fireworks内的文字复制到Flash内
2、在Photoshop中把特效文字存为PNG文件——在Flash内导入
3、CoreDRA W内绘制的文字
●选中文字复制到Flash
●把特效文字导出为SWF格式——在Flash内导入
第四课：位图
一、Flash软件中位图的作用
●做电影场景的背景
●做动画物件
二、获得位图的方法
1、文件——导入（Ctrl+R）出现在库面板中
2、能导入的有效格式
JPG PNG GIF
三、导入的位图可产生帧动画
●文件格式为JPG PNG GIF等，名称相边续，导入后可生成帧动
画。

四、如何制作去背景的位图
1、在Photoshop中制作去背景的透明图像——存为PNG格式——在Flash 中导入。

2、在Fireworks中制作——保存PNG——Flash中导入
Ctrl+B打散后可独立修改
3、在Flash中把位图打散（Ctrl+B），利用套索工具个修改去背。

五、位图转成失量图
1、“修改”——转换为位图——产生板画效果
2、“修改”——打散，可选中色块“Delete”去背。

3、打散的位图可用来填充
◆把位图打散，用吸管工具吸取，移动到失量图上单击填充。

六、位图的优化
1、打开库面板（F11），在图像上双击，打开位图属性对话框
◆选择压缩格式，PNG压缩格式可确保图像的品质
◆导入——可打开另一个图像替换库图里的图像
◆更新——如图像在外部软件中已修改，单击更新可更改电影
场景中的所有的原图。

2、编辑和修改位图
●在位图上单击右键，选择外部软件
●选中位图，通过属性栏修改。

第五课：Flash的资源管理
——库、元件、声音
一、元件的作用
1、在电影文件中可大量、反复出现的对象，就要用元件。

2、大量使用元件，对电影的容量影响很小。

二、元件的种类
1、元件的种类有三种：
a)图形——对于静态图像可以使用图形元件，并可以创建几个连接到主
影片时间轴上的可重用动画片段。

图形元件与影片的时间轴同步运行。

b)按钮——制作交互行为，可以在影片中创建响应鼠标点击、滑过
或其它动作的交互式按钮。

c)电影剪辑——使用影片剪辑元件可以创建可重用的动画片段。

影片剪辑
拥有它们自己的独立于主影片的时间轴播放的多帧时间轴，即可以将影片
剪辑看作主影片内的小影片。

2、元件的位置——存放在库面板内
三、元件创建的方法
1、新建空白元件（Ctrl+F8）
2、由选中的对象创建（文字、图形、位图）F8
3、由其电影中拖入生成（文件——作为库打开）
四、元件和实例的关系
1、元件——在库中的对象为元件
2、实例——把库中的元件拖入到舞台中产生实例。

特点：
●修改元件会影响所有实例
⏹在实例上双击可打开元件面板修改
⏹在库面板的元件上双击也可修改。

●元件可复制、转换、交换
⏹在场景的元件上点右键——（复制、转换、交换）元
件
●实例的修改不影响元件
⏹选中实例在属性栏上更改（颜色、亮度、透明度等）五、使用其它电影的元件
文件——以库打开（可把其它电影的元件调入到本电影的库中）
六、声音元件
1、导入声音
●通过将声音文件导入到当前文档的库中，可以把声音文件加入
Flash。

●当将声音放在时间轴上时，建议您将声音放在一个单独的层
上。

●导入到Flash 中声音文件格式：
1、W A V（仅限Windows）
2、MP3（Windows 或Macintosh）
2、向影片中添加声音文件
◆为声音元件新建一个层
◆把库中的声音元件拖到舞台中，声音就添加到电影中了。

3、声音元件的修改
◆选中声音元件所在的第一个关键帧，通过属性面板修改。

◆在Flash 中有两种类型的声音：事件声音和音频流。

●事件声音：主要用于较短的声音，除非明确停止，它将一直
连续播放。

●音频流：在前几帧下载了足够的数据后就开始播放；音频流
可以通过和时间轴同步以便在Web 站点上播放。

（事件结
束音乐也随之结束）
◆声音文件的压缩
◆打开库文件，选中声音文件单击下方的属性，打开声音
属性面板
◆“ADPCM”压缩选项适用于导出像单击按钮这样的短事
件声音时。

◆MP3 压缩格式适用于导出像背景音乐这样较长的声音时。

第六课：动画（1）
一、帧的种类
1、空帧：
不是真正的帧，是一些矩形框，框内可以放帧，时间线到达空
帧时，是自动停止放映。

2、关键帧：
F6
是特殊的帧，用来定义动画中的变化，包括对象的运动和特
点（大小，颜色等）
3、空关键帧：
F7
动画结束，对象移出动画的情形，插入新内容后自动转为关键帧
4、附加动作的关键帧：
5、普通帧：也称静态帧，
显示同一层上最后一个关键帧的内容（常用来
延续对象的出现和背景）F5
6、过渡帧：
⏹ 动作过渡： 浅蓝色背景 ⏹ 形状过渡： 浅绿色背景
⏹ 有问题过渡： 7、标签、注释 标签：帧的名称
注释：给帧加备注和说明
二、帧的修改
1、场景中的第一帧为空关键帧，添加内容后转为关键帧
2、F6可在普通帧中插入关键帧，延续上一帧的内容
3、压Shift 选多个连续帧，Ctrl 挑选多帧，压Alt 拖动复制帧
4、在帧上点右键（删除、复制帧）
三、动画的分类
1、帧动画：传统的动画制作技巧，它将所有的动画过程以更多的帧来展
现。

a)打字效果霓虹灯文字效果字体被擦拭的效果
b)说话动画闪烁的背景图案效果
2、形状过渡动画：把前一关键帧的形状向后一关键帧的形状演变
⏹只有舞台级对象，打散的文字或位图可产生形状动画。

a)产生的效果：形状变化，颜色变化，灯光效果
位置变化等。

b)利用提示点来控制动画效果
Ctrl+Shift+H 修改——形状——添加形状提示点
O——8 I——T A——B
通过添加提示点来控制内部的变化过程
c)利用层蒙版制作动画
a)把一个形状过渡动画制作成层蒙版
●打字效果灯光照射文字效果广告产品展示
●背景出现图片展示等
b)把静止的对象做成层蒙版
●制作走马灯效果
c)制作广告宣传，利用蒙版来控制特形对象的出现
●电影中特殊线条和图形的出现
●描述图形被绘制的过程。

第七课：动画（2）
一、运动过渡动画
1、制作运动动画的对象类型：元件、群组、文字、位图
2、由两个关键帧来控制动画，中间的运动由Flash完成
3、可控制物体的大小、颜色、位置、透明度的变化
4、运动动画可沿路径方向运动
例子：
1、球体的运动，在运动中位置、大小、颜色、透明度等发生改变。

2、球运行速度的控制，通过属性栏控制，前快后慢的变化。

3、物体在运动中可以自转。

4、文字的多种翻转效果：
◆通过属性栏修改翻转效果
◆通过变形宽或高来产生翻转效果
5、多个产品图片的展示效果（每幅图片由清晰到消失）
6、背景闪烁变化的线条
7、沿路径运动的效果
（1）球体沿圆环运动
（2）用铅笔写出连笔字
二、电影剪辑元件
1、电影剪辑元件的特性：独立于主电影之外的小电影，有自己的时间线，不受主时间线的影响。

2、制作效果：
（1）不停闪烁的项目符号效果
（2）水波纹效果
（3）网站标题文字出现的动画效果
（4）文字内部颜色渐渐变化的效果
（5）蝴蝶飞舞的效果
（6）小鸭走路的效果
第八课：动画（3）
———按钮的交互行为
一、按钮的制作方法
1、创建空白按钮元件（Ctrl+F8）
2、由所选对象创建按钮元件(F8)，制作按钮的元素可以是位图、文字、图形等。

二、按钮元件的修改
1、在舞台的元件上双击，或在库中的元件上双击修改。

2、在按钮上点右键可复制、交换、转换按钮元件。

三、按钮的交互行为
按钮作用：在动画播放中可以让观众参与，引发另一个动画或事件。

实例：
1、用按钮来控制一个动画（电影剪辑）
2、用按钮来激发动画
图层2
动作：（go to and play ） 图层1 动画的第一帧动作设为stop 3、用按钮来控制两段动画的播放
图层2 1、2为标签名
图层1 按钮放两个①、②
①动作：go to and play1
②动作：go to and play2
4、导航按钮的制作（具有超级链接的多个按钮称为导航按钮）
给按钮添加动作：URL 链接网站：tv .com
链接网页：输入网页名称 例如：gongsijianjie.htm
5、用动画替换按钮的over 或 down 此动画为“电影剪辑”
6、菜单按钮的制作
图层2
： 图层1：
图层2放子菜单，每一个关键帧的动作设为停止。

图层1放主菜单，
关键也设为停止。

主菜单的动作：on (press) go to and play x ( y ) on (滑过)
go to and play 1（第一帧）
7、制作地图映射行为：当鼠标经过图像时会出现相应的内容。

· ·
a a a ·
a stop stop stop stop
x
y
制作：a 、把图像打散，用套索或圆、矩形等工具选择相应的部位，转化为按钮。

b 、新建层，在不同的帧内放置按钮所显示的内容。

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

场景1：
图层2：
动作设为stop
图层1： 动作：go to and play 下一场景
9、控制电影剪辑的属性
用鼠标控制电影剪辑的大小、位置、透明度等属性发生改变。

● 给“电影剪辑”在属性栏起名
● 给按钮设制动作：影片剪辑的控制——setproperty
10、鼠标跟踪事件
“电影剪辑”跟随鼠标移动发生改变
● 给“电影剪辑”在属性栏起名
● 给按钮设制动作：影片剪辑的控制——startprag
总结：flash 中制作电影，首先要把原文件存为.fla 文件，发布为.swf 格式才可以网页中上传显示，发布的.swf 文件的位置自动与原文件的位置一致。