动画教程《Flash8基础与实例教程》

《Flash8基础与实例教程》

第一课FLASH8工作环境3

完整版教程3

第一节工作环境简介3

1.开始页3

第二节面板7

1.面板的基本操作7

1.范例简介10

2、制作步骤11

1）新建影片文档和设置文档属性11

1.绘制和处理线条16

2.实例演练——画一片树叶18

3.【刷子工具】的用法23

4.画一个树枝24

第三课情人节贺卡28

1.绘制“烛焰”元件29

2.绘制“烛身”元件30

3.绘制“烛光”元件32

4.组装“蜡烛”元件33

5.绘制“心”元件34

6.绘制“珍珠”元件38

7.制作“项链”元件39

8.制作“情人节”元件40

9.完成整个画面制作41

第四课逐帧动画42

1.逐帧动画的概念和在时间帧上的表现形式42

2.创建逐帧动画的几种方法42

3.绘图纸功能43

4.奔跑的豹子44

第五课形状补间动画49

1.形状补间动画的概念49

2.认识形状补间动画的属性面板50

实例:庆祝国庆51

使用形状提示56

实例:添加形状提示练习57

第六课动作补间动画59

1.动作补间动画的概念60

2.认识动作补间动画的属性面板61

实例：网站BANNER62

第七课遮罩动画69

1.遮罩动画的概念69

2.创建遮罩的方法70

3.应用遮罩时的技巧71

实例：红星闪闪71

第八课引导路径动画78

1.创建引导路径动画的方法78

2.应用引导路径动画的技巧79

实例:海底世界80

第九课自定义缓入/缓出动画范例一一逼真弹跳的球87

第十课按钮元件92

影片剪辑在按钮元件中的应用范例一放电按钮92

第H--课在FLASH中应用声音95

1.将声音导入FLASH96

2.引用声音97

3.声音属性设置和编辑97

4.给按钮加上声效102

5.压缩声音103

第十二课在FLASH中应用视频105

3.13.1支持的视频类型105

3.13.2导入视频106

3.13.3渐进式下载播放外部视频111

3.13.4导出FLV视频文件116

第十三课行为和行为面板117

第十四课滤镜应用范例一一水波荡漾135

第十五课混合模式应用范例一一动画片头138

第十六课时间轴特效应用范例一一满天花雨147

第十七课综合应用范例一一幻彩图片151

17.1导入图片并制作元件151

17.2用“复制到网格”时间轴特效制作百页窗元件152

17.3用混合模式制作图片颜色变化效果153

17.4用滤镜制作边框154

第一课Flash8工作环境

完整版教程

Flash以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作

环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。

第一节工作环境简介

1.开始页

运行Flash8,首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开

最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资源的快速访问。如图1T0所示。

尸。千一ssioc。IS

“开奉匕近声日队—色*包

rr»r»Ha―Flewh文。')十人丰BbTSF

■"0K■尸yia*T«_>至5a误

■日ruA.ri»«Ksn*r

«U)Ao«ior»Scr»ptL*

."咨49d文字5ffla一、ActionScript<—>曰*七隹

——♦,AFla*nJavaScript

・=t«3DSPrj»«1»*>尸，见口，—>iM东文m

<4r«*wir»g_finisK«*dtfla<—>工序—

一F"iltors&8lQrt<js_fini&hc»<4flahJBE

"kMeterom>e<»9rt9^>Exc>>w»90

kl京号同同几

图1-10开始页

如果要隐藏“开始页”，可以单击选择“不再显示此对话框”，然后在弹出的对话框单击“确定”按钮。

如果要再次显示开始页，可以通过选择“编辑”1“首选参数”命令，打开“首选参数”对话框，然后在“常

规”类别中设置“启动时”选项为“显示开始页”即可。

2.工作窗口

在“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗口并新建一个影片文档。

如图1-11所示•

1-11Flash8的工作窗口

Flash8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱

以及各种面板组成。

窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按

钮。

“标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash8.0命令项，通过执行它们可以满

足用户的不同需求。

“菜单拦”下方是“主工具栏”，通过它可以快捷的使用Flash8.0的控制命令。

“主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文

档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。如图1T2所示。

新建国）…

打开⑥…

关闭©

全部关闭鱼）

关闭其它文件复）

保存⑤）Ctrl+S

邈加宜现…

“文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、

舞台显示比例设置等。如图1T3所示。

“编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。

时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个

图层上没有内容，那么就可以透过它看到下面的图层。

Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层

文件夹。

隐

轮

藏

图

帧

空

廓

显

图

引

锁

白

视

层

示

层

导

定

关

关

播

图

显

文

图

名

图

图

腱

键

按

层

称

层

层

帧

示

件

帧

钮

放

•一

夹

图

，

头

一/>

T层

轴—

:&丁

口

515平3^

、

.—

.<

□

14至a

^12.0fps

10——

——

>丁

-3

绘

帧

运

删

^当

图

加

加

加

居

除

前帧

行

纸

图

图

引

图

中

帧

时

按

层

层

导

层

按

数

间

钮

文

层

钮频

”

，

件r

夹3L1

闪力]3

1-13时间轴

“时间轴”下方是“工作区”和“舞台”。Flash8扩展了舞台的工作区，可以在上面存储更多的项目。舞

台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图

1-14所示。

工作时根据需要可以改变“舞台”显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比

例，最小比例为8%,最大比例为2000%,在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最

合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞

选择工具箱中的【手形工具】踮，在舞台上拖动鼠标可平移舞台；选择【缩放工具】Q,在舞台上单击可

放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】为和

【缩小】Q,分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-16所示。选择选择【缩

放工具】后，按住键盘上的Alt健，单击舞台，可快捷缩小视图。

查看运挎工具SB分送取工具

任左空形工具用5无至形工具

统卷工具赤存工具

铜一工具文本工具

鹏岗工具许形工具

颜色铝工工届II于工具

照水瓶工移更科才需工具

；工.悻氏德工具

而手形工具维欣工具

苇角虫颜售

班充色

工具功百自遥夜

JJJiJ山L

图1-15工具箱图1-16缩放工具的选项

窗口左侧是功能强大的“工具箱”，它是Flash中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”

四部分组成。如图115所示。

多个“面板”围绕在“舞台”的下面和右面，包括常用的【动作】面板、【属性】/【滤镜】/【参数】面板

组，还有【颜色】面板组和【库】面板等。

面板是Flash工作窗口中最重要的操作对象，下面我们逐一进行介绍(这里只节选了部分重点内容，详细内

容请看《中文版Flash8基础与实例教程(职业版)》)。

第二节面板

1.面板的基本操作

(1)打开面板可以通过选择“窗口”菜单中的相应命令打开指定面板。

(2)关闭面板在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可。

(3)重组面板在已经打开的面板标题栏上右击，然后在快捷菜单中选择“将面板组合至”某个面板中即可。

(4)重命名面板组

在面板组标题栏上右击，然后在快捷菜单中选择“重命名面板组”命令，打开“重命名面板组”对话框。在

定义完“名称”后，单击“确定”按钮即可。

如果不指定面板组名称，各个面板会依次排列在同一标题栏上。

(5)折叠或展开面板

单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。

(6)移动面板可以通过拖动标题栏左侧的控点H移动面板位置或者将固定面板移动为浮动面板。

(7)恢复默认布局可以通过选择“窗口”菜单中的“工作区布局”I“默认”命令即可。

2.“帮助”面板

“帮助”面板包含了大量信息和资源，对Flash的所有创作功能和Actionscript语言进行了详尽的说明。

“帮助”面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。如图1-16

所示。

白▼都助事

一|出隶］洁际用更新回S

全部书籍▼

田o

如何使用帮助

田o

FlasK入口

田o

Flash49(^^

田a

使用PlaMh

田n

Flash范例

田o

学习Fl&sK中的Actio...

田o

Act.ioxkScript.2.O.

国o

使用组件

田o

组件语言参考

田o

扩展，

田a:LashFlash8帮助

入口

田oFlaskLite

©2005保留所有权利.

田o开发FlasKLit.e应用程序

田o学习Fl&slxLih1.x一.

FlashLite1.xActio...

-U1”

图1-16“帮助”面板

如果从未使用过Flash,或者只使用过有限的一部分功能，可以从“Flash入门”选项开始学习。在其上方有

•组快速访问的工具按钮，在文本框中输入词条或短语，然后单击“搜索”按钮，包含该词条或短语的主题列表

即会显示出来。单击“更新”按钮囱，可获得新的信息。如果有新的信息提示，确认连接到Internet,可按照说

明下载帮助系统。

3.“动作”面板

“动作”面板可以创建和编辑对象或帧的ActionScript代码，主要由“动作工具箱”、“脚本导航器”和“脚

本”窗格组成。如图1T7所示。关于此面板的详细应用，我们会在后面的章节中具体讲解。

动作

⑥臂到拜着破⑻二5秒51由停止⑤

场景g：＜当＜i历景》y

英SECD：快0号▼

*KE?：|1-

•fe=Q。▼、W^ftb^P,

㈢.河当前途弄

9的层1：恢1

日匡历景1

a图层1：1

^5前呼

日Q元纬定义

图1-17“动作”面板

4.“属性”面板

使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash文档的

创建过程。如图1T8所示。

当选定对象不同时，“属性”面板中会出现不同的设置参数，针对此面板的使用在后面的章节里会陆续介绍。

图1-18“属性”面板

5.“滤镜”面板

Flash8新增了功能，从而大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大影

响。它们几乎颠覆了长期以来，对Flash设计能力欠缺的固有偏见，使大家不得不对其刮目相。默认情况下，“滤

镜”面板和【属性】面板、“参数”面板组成一个面板组。如图1-19所示。针对此面板的使用在后面的章节里会

详细介绍。

▼属性滤镜参数

心D________________

巨醺物_____________颜色：Hi□挖空

投影口内侧阴影

角度：钿光曾

距离:刃酒加UJL

图1-19“滤镜”面板

第三节Flash8.0新功能介绍

一、影片文档的基本操作一一投影滤镜文字特效

对于初步接触Flash8的读者来说，掌握Flash8制作动画的工作流程，掌握Flash影片文档的基本操作方法是

最迫切的一个要求。

1.范例简介

本例利用投影滤镜制作一个阴影文字特效，通过这个阴影文字特效的制作过程，让读者了解Flash8制作动

画的整体过程。范例效果如图1-45所示。

午KacroMediaFlashPlayer8且回因

图1W5范例效果

通过本例的学习，读者主要可以掌握如何新建Flash8影片文档，如何设置文档属性，如何保存文件，如何

测试影片，如何导出影片，如何打开文件，如何修改文件，如何输入文本，如何设置文本的滤镜效果以及认识

Flash8工作环境，认识Flash所产生的文件类型等。

2、制作步骤

1）新建影片文档和设置文档属性

（1）启动Flash8,出现“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗

口并新建一个影片文档。

（2）展开“属性”面板，单击“大小”右边的“文档属性”按钮L550x400像素J,弹出“文档属性”对

话框。

（3）在“标题”文本框中输入“文字效果”，在“描述”列表框中输入对影片的简单描述，设置“尺寸”为

300X200像素，设置“背景颜色”为浅蓝色，其他保持默认，如图146所示。

图1-46“文档属性”对话框

“文档属性”对话框中参数的含义：

“标题”：设置文档的标题。

“描述”：对创建的影片做一些简单的描述。

“尺寸”：舞台的尺寸最小可设定成宽Ipx（像素）、高lpx（像素），最大可设定成宽2880px（像素）、高2880px

（像素）。另外，系统默认的尺寸单位是PX（像素），可以自行输入“cm（厘米）"、“mm（毫米）”和“in（英寸）”

等单位的数值，也可以在“标尺单位”中选择。

“匹配'打印机"：匹配打印机，让底稿的大小与打印机的打印范围相同。

“匹配”：“内容”：匹配内容，将底稿缩放成和画面上的对象大小一样。

“匹配”I“默认”：使用默认值。

“背景颜色”：设置舞台的背景颜色。

“帧频”：默认的是12fps„这个速度很适合在网络上播放，一般情况下我们都保持这个帧频。在设计一些

特殊效果的课件时，可以更改这个数值，数值越大动画的播放速度越快。

“标尺单位”：标尺是显示在场景周围的辅助工具，以标尺为参照可以使我们绘制的图形更精确。在这里可

以设置标尺的单位。

“设为默认值”：将所有设定存成默认值，下次当再开启新的影片文档时，影片的舞台大小和背景颜色会自

动调整成这次设定的值。

2）创建文字

（1）在“工具箱”中选择“文本工具”A；o在，，属性”面板中，设置，，字体”为黑体，“字体大小”为45,

“文本颜色”为白色，文字加粗显示，其他属性保持默认。

（2）将鼠标移向舞台上单击，在出现的文本输入框中输入“基础与实例”。

（3）在“工具箱”中选择“选择工具”，拖动文字到舞台中央位置。效果如图147所示。

图1-47创建文本对象

3）保存和测试影片

（1）选择“文件”I“保存”命令（快捷健Ctrl+S）,弹出【另存为】对话框，指定影片保存的文件夹，输

入文件名，单击【保存】按钮。这样我们就将影片文档保存起来了，文件的扩展名是fla。

注意：为了安全，在动画制作过程中要经常保存文件。按Ctrl+S键，可以快速保存文件。

（2）选择“控制”I“测试影片”命令（快捷键Ctrl+Enter）,弹出测试窗口，在窗口中可以观察到影片的效

果，并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。

（3）打开“资源管理器”窗口，定位在影片文档保存的文件夹，可以观察到两个文件，如图1-48所示。左

边是影片文档源文件（扩展名是fla）,也就是第（1）步保存的文件。右边是影片播放文件（扩展名是swf）,也

就是第（2）步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。

」影片文档的基本操作L影片文档的基本操作

Flash文档nash影片

128KB//gKBI

图148文档类型

4）导出影片

（1）选择“文件”I“导出”I“导出影片”命令，弹出“导出影片”对话框，指定导出影片的文件夹，输入

导出影片文件名，单击“保存”按钮，弹出【导出FlashPlayer］对话框，如图149所示。

图1-49【导出FlashPlayer］对话框

（2）在这个对话框中可以设置导出影片的相关参数。这里我们不做改动，保持目前的默认参数。单击【确

定】按钮，导出影片。导出的影片文件类型是播放文件，文件扩展名为swf。

5）关闭和打开影片文档

（1）单击影片文档窗口右上角的关闭按钮关闭影片一。

（2）在“开始”页面，选择“打开最近项目”下的“打开”按钮，弹出“打开”对话框。在“查找范围”

中定位到要打开影片文件所在的文件夹，选择要打开的影片文件（扩展名为fla）。单击“打开”按钮，这样就把

影片文档打开了。

（3）单击舞台上的文本对象。接着展开“滤镜”血板，单击“+”号按钮，在弹出的下拉菜单中选择“投

影”滤镜。此时，舞台上文本对象产生了滤镜效果，如图1-50所示。

图1-50设置文字滤镜效果

（4）按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果，我们得到一个具备阴影效

果的文字特效。

第二课Flash8.0基础绘图工具

在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。

矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。因此，矢量图与分辨

率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是

放大了16倍的矢量图效果。

位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高,

其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放

大的只是象素点，位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。

在Flash动画制作过程中，会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件，如

Corel公司的CorelDRAW软件、Macromedia公司的FreeHand软件和Adobe公司的Hlustrator软件等，而运

用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过FLASH基本绘图工具的学习，绘制

出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制

作动画过程中需要对位图的•些简单除了，它还是能够胜任的。

第一节基本绘图工具（上）

Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色，如图2TT

所示是Flash工具箱。

B,j.jJ.-

，图2-1T绘图工具面板

我们将分两节来学习这些工具的使用方法。在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工

具、刷子工具、任意变形工具、颜料桶等工具的基本用法。

1.绘制和处理线条

【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。鼠标单击【线条工具】/,移动鼠标

指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。

【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细

和样式，如图2T-2所示。

图2-1-2直线【属性】面板

在图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮，，会出现一个调色板对话框，同时光

标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值。颜色以#开头，如#99FF33,

如图2-1-3所示。

图2-1-4【笔触样式】对话框

现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如

图2-1-4所小。

为了方便观察，我们把粗细定为3象素（pts）,选择不同的线型和颜色，来看看我们画出的线条，如图2-1-5

所示。

..争",IJ|

图2-1-5不同类型的线条

试一试改变它的各项参数，会对你的绘图有很大帮助。【滴管工具】”和【墨水瓶工具】◎可以很快地

将一条直线的颜色样式套用到别的线条上。用【滴管工具】夕单击上面的直线，看看【属性】面板