flash动画制作步骤Word文档格式.docx

flash动画制作步骤Word文档格式.docx

《flash动画制作步骤Word文档格式.docx》由会员分享，可在线阅读，更多相关《flash动画制作步骤Word文档格式.docx（27页珍藏版）》请在冰豆网上搜索。

,如图所示；

在【变形】面板中设置第40帧图形为“100%"

，在属性面板中设置【颜色】为“a1pha”值为“70%'

;

在第1帧与第40帧之间添加【补间动画】；

至此动画设置如图所示•

图banner条动画效果

三知识梳理

知识结构如图所示。

图知识结构图

1F1ash工作界面

打开一个F1ash文档进入其工作界面，它包括标题栏、菜单栏、工具箱、时间轴、舞台、属性面板与面板区，如图所示。

图Flash工作界面

（1）标题栏

每一个应用程序窗口文档得最上方都会有一个标题栏，显示当前文档得名称。

（2）菜单栏

Flash菜单栏共包含11菜单项，每个菜单项有包含若干操作项，具体如图所示。

新8®

.,

CArl+lI

打开◎…

CtrL+O

从站点打齐边…

打开杲近的文件（X）

关闭©

Ctrl+tt

全部关闭

Ctrl+Alt+tt

保存g）

C-trl+S

保存并压镐册

另存为®

…

Ctrl+Shift-^

另存为根扳Q）.•

全部保存

辱人0

►

导出©

莹布设置©

..

CtrL+Shift-ffU

垸布预览⑪

我布®

1

ShiEt+FL2

设备设置「-

页面谟宣（J）.--

-

C-trL+P

扁缉站点（^）...

退出（8

Ctrl+q

图文件菜单

.t：

i-zI

重做®

Ctrl+r

WtoQ）

Ctrl+X

复制电）

Ctrl+C

粘阳到中对位這

匚trl+V

牯貼到当前位冒（E）

Ctrl+EkifHV

选捋生粘贴⑤…

Eac^space：

直接复判⑪

Ctrl+D

全选⑪

Ctrl+A

取消全选d）

CtrHSkift+A

香找和替换（Z）

Ctrl+F

叠找下一于

F3

时间铀如

卜

備需元件理〕

Ctrl+E

褊辑阴诜项目ft）

在当前位直骗辑暹）

全部编扬述］

首选参数⑨…

Ctrl+U

且走鬼工具面檢⑥

字WW©

快£

«

）-■■

图编辑菜单

转到鱼）

放大①编小W缩啟比率扯）

Ctrl+=

Ctrl*-

k

预览複式E）

7工祚区⑩

Ctrl+Shifm

标尺⑹

Ctrl+Alt+Shift+ft

网格Q）

胖助蛭电）

贴紧翅

陆橄边嫌（JD

CtrL+H

显示鬼状£

1示（A）显乎Tal卿问Q）

CLeL+Alt+J{

文档辺…

Ctrl+J

转换対元件（L）

.T3

分离墮）

Clrl+B

恼图盘）

元件⑤

我伏疋）

鲁井对躱

时间轴迪）

时间轴将效电）

变璀2）

排列直）

CLrl+G

取消组合⑪

Ctrl4Shift+（J

图视图菜单

图插入菜单

图文本菜单

图修改菜单

图命令菜单

后退龜）

CtrL+Jdt+B

转雲龄尾耀）

俞进一轅（!

）

后返一帧0）

测试影片址）

Ctrl+lataF

调试靠片Q）

Ctrl+Shi£

t+Enter

测试磅⑸

Ctrl+Alt+ZntfrT

测网目（!

Ctrl+JJLt+T

删除ASO文件他〕

删除ASO文件和液皿影片d）

循环播放Q）

播放斷有场亘（D

启用简单帧动作G）

Ctrl+Alt+T

启用體单花钮（D

Ctrl+Mt+J

7启用动态预梵址）

静音®

Ci,Fl+AXt+f1

工能⑪7时间轴®

¥

工具ty

屠性②库q

公■用库匹）

Ctrl*Al++T

CWF2

Cti-1+L

F9

行为

Shift*T3

调试器⑪

Shi£

t+F4

襁片酿器⑩

A11.+F3

f2

项目（J）

shi£

t+re

对齐⑤

Ctrl+K

混色器00

shifttra

Ctrl+F9

Ctrl^I

变形⑴

Ctrl+T

緬牛©

Ctrl+TT

蛆件检查蹈®

Al讨FT

亘它面板⑥

工作区布局辺

隐藏面穆（£

F4

平锚卫

时1耒命名一2

直按复制窗口@1C^rl+Al^+K

图测试菜单图窗口菜单

2Flash工具箱

工具箱位于窗口得左侧，用户可以随意拖动到合适得位置。

它提供了Flash常用得各种工

具。

选择工具

选择工具就是最常用得工具之一。

使用它不仅可以选择对象，还可以移动对象

选中选择工具后，在舞台中单击鼠标左键并拖动鼠标即可选择图形，如图所示。

图选择工具

部分选择工具

部分选择工具就是修改与调整路径时经常使用得工具，它可以通过选择对象得锚点实现编

辑、移动与变形。

单击部分选择工具按钮，然后单击舞台中图形得轮廓线，就会出现很多控制点，如图所示.鼠

标移动到控制点上变成形状时，单击可以移动控制点；

鼠标移动到2个控制点之间时变成形状，单击可以拖动图像。

图部分选择工具

任意变形工具

任意变形工具主要就是对选中得对象进行旋转、扭曲与缩放。

套索工具套索工具主要就是对对象局部进行选区•它分成魔术棒与多边形模式。

铅笔工具它用来绘制任意形状得线条与图形。

单击铅笔按钮会在选项区域出现铅笔模式选择：

伸直、平滑与墨水3个选项，如图所示。

图铅笔模式

【伸直】模式可以在绘制过程中将线条自动伸直，使其尽量直线化，简单得说伸直模式可以画

出平直得线条，并可将近似于三角形、椭圆、矩形与正方形得图形转换为标准得几何图形•

【平滑】模式可以在绘制过程中将线条自动平滑，使其尽可能成为有弧度得曲线，简单得说平

滑模式可画出平滑得曲线。

【墨水】模式则就是在绘制过程中保持线条得原始状态，即墨水模式可随意画线

除此之外，通过属性面板可以对铅笔工具进行笔触颜色、笔触高度（线宽）与笔触样式（线形）

或者自定义笔触样式设置，如图所示•

图铅笔属性面板

钢笔工具

使用钢笔工具可以绘制出直线或者平滑流动得曲线，在绘制过程中可以通过调整路径节点或

节点控制手柄来绘制出复杂得线段或图形。

单击钢笔工具，在舞台上单击一点，然后在另一边单击一点，则可以画出一条直线，如图所示。

如果单击另一点得同时拖动鼠标则可以绘制一条曲线，如图所示.

图直线图曲线

【添加锚点】工具：

选择该工具单击现有路径，可添加一个锚点•

【删除锚点】工具：

选择该工具单击现有路径上得一个锚点，则删除该锚点。

【转换锚点】工具：

选择该工具单击现有路径上得一个锚点，将其转换为带有独立方向线得

转角点。

橡皮擦工具

橡皮擦工具有两种模式：

一种就是水龙头，一种就是橡皮擦•

选择【水龙头工具】，单击您需要擦除得填充区域或笔触段，可以快速将其擦除。

如果您只擦

除一部分笔触或填充区域，就得通过拖动进行擦除

橡皮擦提供了5种擦除模式：

【标准擦除】：

擦除同一层上得笔触与填充。

【擦除填色】：

只擦除填充，不影响笔触。

【擦除线条】：

只擦除笔触，不影响填充。

【擦除所选填充】：

只擦除当前选定得填充，并不影响笔触（不管笔触就是否被选中）•以这种模式使用橡皮擦工具之前，请选择您要擦除得填充。

【内部擦除】：

只擦除橡皮擦笔触开始处得填充。

如果从空白点开始擦除，则不会擦除任

何内容•以这种模式使用橡皮擦并不影响笔触。

3Flash元件

Flash中得元件有图形元件、按钮元件与影片剪辑元件3种

图形元件就是可以重复使用得静态图像，它就是作为一个基本图形来使用得，一般就是

静止得一副图画，每个图形元件占1帧。

例如创建一个星星图形元件。

步骤1新建一个FIash文档，单击【插入】菜单|【新建元件】命令，在弹出得对话框中输入“星星”，类型选择“图形”。

图创建元件对话框

步骤2单击确定按钮后进入星星图形元件得编辑界面。

选择工具栏中得多变形工具，在属性

面板中设置笔触为“无"

，填充为“线性白黑渐变”；

单击【选项】按钮，设置样式为“星形”、边数“8”、星形顶点大小“0、01"

，如图所示.

图工具设置

步骤3在界面中单击鼠标左键拖动，即可画出一个星星图形，如图所示。

图星星图形

按钮元件实际上就是一个只有4帧得影片剪辑，但它得时间轴不能播放，只就是根据

鼠标指针得动作做出简单得响应，并转到相应得帧，通过给舞台上得按钮添加动作语句而实现flash影片强大得交互性。

例如创建一个椭圆形按钮元件。

步骤1新建一个Flash文档，单击【插入】菜单丨【新建元件】命令，在弹出得对话框中输入“椭圆形”，类型选择“按钮”。

步骤2单击确定按钮，进入“椭圆形”按钮元件编辑界面，它有4个状态，如图所示。

图按钮编辑界面

步骤3在【弹起】状态，选择工具栏中得椭圆工具按钮，设置属性面板笔触为“无”，填充

为“#009900”，单击鼠标左键在界面中拖动,即可画出一个椭圆形按钮得形状,如图所示.

图【弹起】状态

步骤4在【鼠标经过】状态，添加一个关键帧。

选中椭圆形，在属性面板中设置填充颜色

为“#33CC33”，同理在【按下】与【单击】状态也可以改变椭圆形得颜色。

步骤5将库中得按钮拖动到场景得舞台中，设置舞台大小与按钮一致，使用【对齐】面板设

置按钮得位置为水平居中、垂直居中，预览效果如下。

步骤6选择舞台中得按钮，在属性面板中选择【滤镜】，单击按钮可以添加一种滤镜效果,单击按钮可以删除一种已经添加得滤镜效果，如图所示。

图滤镜效果设置

影片剪辑元件可以理解为电影中得小电影，可以完全独立于场景时间轴，并且可以重复

播放。

影片剪辑就是一小段动画，用在需要有动作得物体上，它在主场景得时间轴上只

占1帧，就可以包含所需要得动画，影片剪辑就就是动画中得动画•“影片剪辑”必须

要进入影片测试里才能观瞧得到•例如创建一个3s得星空星星闪烁得效果•

步骤1新建一个Flash文档,首先创建一个星星图形,如图所示.

步骤2新建一个影片剪辑动画“闪烁得星星”。

选中图层1得第一帧，将星星图形从库中拖

到影片得编辑界面，然后单击图层1得第36中添加一个关键帧，修改星星图形得颜色为“ALPHA”,值为“20%"

然后在图层1得第1到第36帧之间添加补间动画；

效果如图所示，这样一个星星得颜色由深到浅得影片剪辑动画就创建好了。

图星星闪烁影片剪辑

步骤3将影片剪辑拖动到场景1得舞台中，运行就可以瞧到效果了。

为了更好得模拟星空得效果，可以多做几个不同效果得星星闪烁得影片剪辑。

4Flash动画

Flash动画归纳起来包括逐帧动画、补间动画、遮罩动画与引导层动画4类.

（1）逐帧动画

在时间帧上逐帧绘制帧内容称为逐帧动画，由于就是一帧一帧得画，所以逐帧动画具有非常

大得灵活性，几乎可以表现任何想表现得内容。

常用得几种创建逐帧动画得方法：

方法1:

用导入得静态图片建立逐帧动画，用jpg、png等格式得静态图片连续导入F1

ash中,就会建立一段逐帧动画。

方法2：

绘制矢量逐帧动画，用鼠标或压感笔在场景中一帧帧得画出帧内容。

方法3:

文字逐帧动画，用文字作帧中得元件，实现文字跳跃、旋转等特效。

方法4:

导入序列图像，可以导入gif序列图像、swf动画文件产生得动画序列。

例如创建一个文字逐帧动画。

步骤1新建一个Flash文档，命名为“文字逐帧动画、f1a"

设置【属性】面板中得

文档大小属性为宽800像素、高150像素，如图所示。

标题①:

描述助

[设为秋认值凹][确走][取消]

步骤2选择【文件】丨【导入】丨【导入到库】菜单选项，在打开得对话框中选择需要导入

得素材文件，单击【确定】按钮，此时素材导入到库中，如图所示。

：

i▼库-耒命料-g

文字選桢制画“曰v农石

t）£

jofir<

"

J>

图库

步骤3将“Beijing、jpg"

拖动到舞台中，调整其大小使其覆盖整个舞台。

步骤4单击【时间轴】面板下方得添加新图层按钮，添加【图层2】。

步骤5鼠标单击【图层2】得第一帧，然后选择工具箱中得【文本】按钮,在打开得【属性】面板中，设置【字体】为“华文楷体”，【字体大小】为“70”，【字体颜色】为“#009900”。

步骤6在舞台中输入“森兴送您大自然”这7个文字。

步骤7选中文字，选择【修改】丨【分离】命令，文字被打散。

效果如图所示•

步骤8选择图层1得第35帧，插入一个普通帧。

按住【CTU键,选中【图层2】得第1帧、第5帧、第10帧、第15帧、第20帧、第25帧、第30帧、第35帧，插入一个关键帧如图所示.

图添加关键帧

步骤9选择【图层2】得第1帧，按下【Delete】键删除所有得文字.

步骤10选择【图层2】得第5帧,删除“兴送您大自然”这6个字。

步骤11选择【图层2】得第10帧，删除“送您大自然”这5个字。

步骤12同理设置【图层2】得第15帧、第20帧、第25帧、第30帧、第35帧上得文字。

步骤13选择【控制】菜单丨【测试影片】命令，效果如图所示。

图文字逐帧动画

⑵补间动画

F1ash中在两个关键帧中间要做“补间动画”，才能实现图画得运动，插入补间动画

后两个关键帧之间得插补帧由计算机自动运算生成；

补间动画分成两类：

一类就是形状补间，用于形状得动画；

另一类就是动作补间用于图形及元件得动画

形状补间动画

形状补间动画就是在F1ash得时间帧面板上，在一个关键帧上绘制一个形状，然后

得值或形状来创建得动画，它可以实现两个图形之间颜色、形状、大小、位置得相互

变化.形状补间动画建立后，时间帧面板得背景色变为淡绿色，在起始帧与结束帧之间

也有一个长长得箭头；

构成形状补间动画得元素多为用工具栏工具绘制出得形状，而不能就是图形元件、按钮、文字等,如果要使用图形元件、按钮、文字，则必先打散

（Ctrl+B）后才可以做形状补间动画

例如创建一个形状补间动画,一个圆逐渐变成一个字。

步骤1新建一个Flash文档，命名为"

形状补间、fla"

.

步骤2单击【图层1】得第1帧；

选择工具箱中得【圆形】工具按钮，在【属性】

面板中设置【笔触】为“无”、【填充】为“红色”；

在舞台中画一个宽90、5得一个圆，

修改其相对舞台得对齐方式为“水平居中、垂直居中”。

步骤3单击【图层1】得第25帧，添加一个关键帧，按下【delete】删除原来得

圆;

选择工具箱中得【文字】按钮，在打开得【属性】面板中，设置【字体】为“华文楷体"

【字体大小】为“70”,【字体颜色】为“红色”；

在舞台中输入一个字“变”，修改其相对舞台得对齐方式为“水平居中、垂直居中”。

步骤4选中文字，然后选择【修改】菜单丨【分离】命令

步骤5鼠标单击她【图层1】得第1帧到第25帧中得任意帧，在属性面板中设置【补间】为“形状”。

步骤6按下【CTRL+【ENTEF】，测试效果,如图所示。

图形状补间

动作补间动画

动作补间动画就是指在Flash得时间帧面板上，在一个关键帧上放置一个元件，然

后在另一个关键帧改变这个元件得大小、颜色、位置、透明度等，Flash将自动根

据二者之间得帧得值创建得动画。

动作补间动画建立后,时间帧面板得背景色变为淡

紫色,在起始帧与结束帧之间有一个长长得箭头;

构成动作补间动画得元素就是元件，

包括影片剪辑、图形元件、按钮、文字、位图等,但不能就是形状，只有把形状组合

或者转换成元件后才可以做动作补间动画。

下面得遮罩动画与引导层动画中用得都就

是动作补间动画,这里就不再举例了。

（3）遮罩动画

遮罩动画就是Flash中得一个很重要得动画类型，很多效果丰富得动画都就是通过遮罩动画来完成得。

“遮罩”主要有2种用途，一个作用就是用在整个场景或一个特定区域，使场景外得对象或特定区域外得对象不可见,另一个作用就是用来遮罩住某一元件得一部分，从而实现一些特殊得效果。

例如设置遮罩动画,在一个全黑得界面中,一个圆在运动,下面显示一个一幅风景图得

部分内容。

步骤1新建一个Flash文档，命名为“遮罩、fla”，在【属性】面板中设置文档【背景】为“黑色"

。

步骤2添加一个【图层2】，选择【文件】菜单丨【导入】丨【导入到库】命令，选择一幅图片.

步骤3从【库】中将该图片拖入舞台，在【对齐】面板中设置【匹配大小】为“宽度匹配、高度匹配”。

步骤4添加一个【图层3】，选择工具箱中得【圆形】工具按钮，在【属性】面板中设置

【笔触】为“无”、【填充】为“红色”；

在舞台中画一个宽100得圆。

选中该圆，按【F8】将该圆转换成一个图形元件。

步骤5在【图层3】得第25帧、第50帧分别添加关键帧；

分别改变第25帧、第50帧就是圆得位置；

在第1帧到第25帧与第25帧到第50帧之间添加【补间动画】。

步骤6选中【图层3】，单击右键在弹出得菜单中选择【遮罩】，如图所示。

Bh冷州锁定其也图层

筛入国层

删除閤层

引导层济抑引导层

显示遽罩

菇入文件来

刪陽文件夹

展开文件夹

折靈文件夹

展幵所有立件夹折瘠所有丈件糞

属性-

图设置遮罩层

步骤7按【CTRL!

与【ENTER】测试影片，效果如图所示。

图遮罩效果

（4）引导层动画

在影片中将一个或多个图形链接到一个引导路径，使这些图形沿着既定得路径运动得形式被

称为引导层动画。

例如设置引导层动画，一辆汽车沿着事先预定得路线行驶。

步骤1新建一个Flash文档，命名为“引导层、fla”，设置文档【背景】为“绿色”

步骤2添加一个【图层2】，选择【文件】菜单丨【导入】|【导入到库】命令，选择一幅

汽车图片•

步骤3从【库】中将该图片拖入舞台，选则汽车图像，按下【F8】转换成图形，如图所示。

图添加汽车元件

步骤4单击时间轴上得【图层1】右击在弹出得下拉菜单中选择【添加引导层】，鼠标单击

【引导层】得第1帧;

然后单击工具箱中得铅笔按钮，在舞台中划出一条曲线，如图所示。

图添加引导层

步骤5选中【图层1】与【引导层】得第40帧，添加关键帧。

步骤6调整【图层1】得第1帧汽车得位置与第40帧汽车得位置，并添加【补间动画】可以瞧到汽车沿着曲线运动，但就是当汽车上坡与下坡时车头方向不对，需要在适当得位置

添加关键帧，对汽车进行微调。

步骤7设置完成得效果如图所示。

I输£

_片-sM

|鱼辰宦1,M1*

IT2035*D4E50FSfiflBS|f=.

rt

4、3模块完成情况评估

F1ash宣传动画设计应以商业化为目标，需要设计者与企业进行不断得沟通，一方面要满足

企业行业需求，另一方面要满足浏览者得审美需求。

设计完成后，从专业技能与职业素养方面进行考核，考核内容如表所示•

情境

评价方式

评价标准

分值

企业网站动画得制作

学生互评

10%

能够小组成员互相协作、敬业、认真完成分工任务

教师评价

过程考核

30%

遵守学校得各项规章制度

拥有分析冋题、解决冋题得能力

拥有独立思考意识、勇于克服困难得素质

网站宣传动画

40%

作品：

色彩搭配要与整个界面

与谐统一

宣传动画设计要有创意设计报告：

规范合理

答辩

20%

语言表达：

口齿清楚流利仪表气质:

举止大方

PPT设计：

内容充实、