Flash mx基础知识.docx

Flash mx基础知识.docx

《Flash mx基础知识.docx》由会员分享，可在线阅读，更多相关《Flash mx基础知识.docx（25页珍藏版）》请在冰豆网上搜索。

Flashmx基础知识

第一章Flashmx基础知识

一、重点：

工作界面，面板与工具的用法。

时间轴，库，调色板的用法。

目的：

了解Flashmx基础知识，熟悉菜单，工具栏，面板的用法。

1．1常见术语

1流技术：

Flash动画基于‘流技术’是指通过Internet观看Flash动画边下载边演示，而不需要将一个动画文件全部下载后再观看。

2矢量图及矢量图与位图的区别。

矢量图是用数字矢量来记录线条，颜色，大小，坐标等元素的图像。

放大，缩小，改变颜色等都不会改变文件的大小。

放大也不会失真。

矢量图与位图的区别在于同样尺寸和分辨率的位图和矢量图，位图的文件要大的多。

如果要增大图像的分辨率和尺寸，位图的文件大小将成倍增加。

而矢量图的文件大小则不会变化。

Flash用矢量图作为动画的素材，会大大减少动画文件的体积，再配合先进的流技术，就可以在非常窄的宽带上同样实现令人满意的动画效果。

3逐帧动画

逐帧动画[FrameByFrame]是由传统动画演变而来的。

制作逐帧动画动画两种方法：

一种是利用Flash绘画功能直接逐帧绘画，另一种是用其他软件或者手绘制作好每帧的内容直接导入到Flash中。

4移动动画

移动动画[Twining]是Flash中的一种简易而效果极佳的动画制作方法

分为变形动画[Shape]和运动动画[Motion]

5舞台

舞台是在创作时观看作品的场所，也是我们对动画中的对象进行编辑，修改的场所，或一个制作范围，没有特殊效果的动画，在舞台上也可以直接播放。

6场景

场景[Scene]

同一个场景一般具有相同的背景，相同的角色和连贯的剧情，在Flash中设置不同的场景往往是为了方便地管理动画，如果你的动画剧本很长，角色很多，背景也很丰富，最好把动画设置成不同的场景，这样便于制作与管理。

7时间轴

时间轴[Timeline]是用来表示动画中各帧的排列顺序和各层的覆盖关系的主线，它决定了动画的播放顺序，是Flash动画的生命线。

8图层：

[layer]技术是在图形处理软件中较常见的名词，使用图层不会增加文件的大小，它可以更好地帮助我们安排和组织图形，文字和动画。

9标签

标签[Label]是为了标识一些重要的关键帧，或控制影片播放的流程而设置的一种标记。

10符号

[Symbol]是一些物件的统称，也可以说是素材，三种类型：

影片片段[MovieClips][图形][Graphics]和按钮[Buttons]

影片片段本身是一段动画，且具有互动功能，还可以播放声音，影片片段不会随主动画停止播放而停止。

图形，用来保存单幅图片的，但它也可以制作成动画，但是不能产生交互式效果和声音，而且这种动画执行时是与主动画同步运行的，主动画停止，它也就随之被中断了。

按钮主要是监测鼠标动作产生互动功能，而且还能带音效，按钮是控制flash动画的利器，只有使用好按钮，才能做出一个优秀的互动动画。

11素材与素材库

素材[Symbol]就是符号同一个素材无论你使用多少次，仅在文件中保留，从而大大减小了动画文件的体积，素材库[SmybolLibrary]中的素材不仅当前动画可以使用，而且可以在其他动画文件中共享。

12实例

将素材库中的素材拖到舞台后，就会变成一个实例[Instance]也就是素材的复制品。

13遮罩

[Mask]又叫遮色片，是flash中特殊的图层，这个图层中的图形作用是将其他被遮色的图层颜色和内容挡住，完成一些图像的裁剪，去除背景，还可以制作出非常复杂的色彩变换效果，遮罩就是附在被遮层上的一层材质，在上面剪去一个形状范围就可以看到这个范围内的被遮层的图像了。

14引导线

引导线[Guide]是制作沿路径运动动画的辅助工具，引导线需要独立建立一层，称为引导线图层，

15动作指令

交互式动画是通过设置动作指令来实现的，动作指令[Actions]是一套在特定事件发生时执行的一小段程序，通过创建动作指令来确定事件发生时具体执行什么样的命令。

二、Flash功能：

MacromdiaFlash已经成为网上动画的标准，它已经广泛地运用于网页设计、广告设计、卡通动画、游戏开发等基于Web的各个领域，并在逐步向多媒体、影视视频、产品展示等各种传统领域渗透。

网页设计师：

做网页、商业片头

音乐爱好者：

音乐盒、MTV

广告调计者：

公益广告、商业广告

游戏大师：

五子棋、俄罗斯方块、扫雷

Flash爱好者：

个性化作品，音乐贺卡，多功能时钟，万年历，心理测试题，

三、公司简介:

FlashMX是Macromedia公司推出网页动画制作软件。

具有强大多媒体编辑功能，目前制作网络交互动画的最好工具，支持动画，声音，及交功能，应用于互联网上。

使用矢量图形与流式播放技术，非常适应现在的互联网的传输。

另外Flash与Macromedia公司的Dreamweaver及Fileworks等专业软件的紧密接合，使Flash在网络多媒体行业占据绝对统治地位。

。

它们三个软件被称为“网页三剑客”

1．2FlashMX的工作环境

启动FlashMX后，将进入FlashMX工作界面。

FlashMX工作界面主要由标题栏，菜单栏，工具面板，时间轴，工作区，属性面板，状态栏，面板等组成

1.2.1主工具栏

主工具栏主要是对动画文件的基本操作（如：

新建、打开、保存存动画文件等）和一些基本的图形控制菜单（如：

捕捉、对齐、旋转、缩放等）,选择[窗口]（window）/[工具条]Toolbars/[主工具栏]（Main）打开主工具栏。

主工具栏中各项图标功能：

•新建（New）创建一个新的动画文件

•打开（Open）打开一个已经存在的动画文件

•保存（Save）将当前动画文件保存成成后缀为.Fla的存盘文件。

•打印（Print）打印当前动画文件。

•[打印预览]（PrintPreview）预览打印效果。

•剪切（Cut）剪切选定范围并放入剪贴板中。

•复制（Copy）复制选定范围并放入剪贴板中。

•粘贴（Paste）插入剪贴板中存放的内容。

•撤销（Undo）取消上一个动作。

•还原（Redo）重做上一个撤销的动作。

•自动捕捉（SnaptoObjects）打开或关闭自动捕捉功能。

•平滑化（Smooth）自动平滑化选定的线段。

•直线化（Straighten）自动直线化选定的线段。

•旋转和倾斜（RotateandSkew）显示控制点用来旋转或倾斜选定的范围。

•缩放（Scale）显示控制点用来放大或缩小选定的范围。

•对齐（Align）对齐并平均分配选定绘图部分的空间。

1.2．3工具箱

绘图工具是制作动画最常用的工具，主要是完成图形对是的绘制、上色等操作。

掌握好绘图工具的使用是制作动画的基础。

工具箱由绘图工具、视图工具、颜色工具和辅助选项工具组成。

辅助选项工具是当选择不同的绘图工具时对应的一些选项设置。

[工具][Tools]面板包括图形的绘制与编辑工具，FlashMX2004的工具面板大至可以分为绘制与编辑图形区域、查看区域，颜色区域与选项区域。

[查看]（View）区域包含了视图的显示工具。

[颜色]（Colors）区域包含图形填充色与笔触颜色设置工具，主要用于为图形填充颜色。

当在工具面板中选择不同的工具后，在[选项]（Options）区域中就会出些工具的一些附加选项。

通过这些附加选项可以进一步地绘制或者编辑图形

1．2．4标题栏

标题栏位于FlashMx工作界面的最上方，用于显示正在编辑的文件的名称。

最小化，还原/最大化，关闭窗口工具按扭。

双击左上角的图标也可以关闭软件。

1．2．5菜单栏

FlashMX的菜单栏中包括10个菜单，它们是[文件]（File），（编辑）（Edit），[视图]（View），[插入]（Insert）,[修改]（Modify）,[文本]（Text），[命令]（Commands）,[控制]（Control），[窗口]（Window），[帮助]（Help）,在这些菜单中集中了制作Flash动画的大部分操作命令。

1．2．6

时间轴Timeline

时间轴面板由图层与时间轴两部分组成，左侧为图层面板，在FlashMX版本以后还新增了图层文件夹，可以把类似的图层组织到一个图层文件夹中，便于我们对图层进行管理。

右侧为时间轴，时间轴主要用于控制动画的播放进度以及显示当前动画的帧数和所使用的时间。

1．2．7工作区

工作区是制作动画的区域。

工作区中白色的部分称作为舞台。

舞台是动画显示的区域，也就是最终制作完成的动画都会在舞台区域这个范围内显示。

而超出舞台范围的动画不会显示出来。

舞台的大小和背景颜色可以根据自己的需要进行调整。

1．2．8

属性面板（Properties）

FlashmX2004的属性面板是从Dreamweaver继承过来的。

在属性面板中可以直接对动画对像或者FlashMX2004工具的属性进行设置，从而省去了我们到处找相应的面板的麻烦，提高了的工作效率。

1．2．9状态栏

在状态栏中可以对所选的工具或命令作一个简单的解释，可以让不熟悉Flash软件的用户进一频掌握FlashMX2004的工具与命令的使用。

1．2．10

面板

FlashMX2004中面板的放置有了很大的改进，一致位于工作界面的右侧，避免了到处找面板。

也可以将这些浮动面板单独拖动出来，还可以将面板伸展或收缩起来，节省屏幕的空间。

第二章FlashMX2004图形的绘制

主要内容：

•FlashMX的图形类型

•线条与铅笔工具

•矩形与椭圆工具

•钢笔工具

•画笔工具

•图形填充工具

•文本工具

•应用实例操作

•本章小绍•习题

本章重点

•了解Flash图形的类型

•掌握Flash中各种图形绘制工具的操作方法。

2.1FlashMX2004的图形类型

FlashMX2004可以支持在多种图形类型格式，但是，通常情况下，可以将这些图形格式分为两类：

一类是矢量图形，另一类位图图形。

在Flash中使用绘图工具绘制的图形都是矢量图形。

两类图形类型的区别如下：

一、位图图形

计算机的屏幕是按照像素来显示的。

像素就是指屏幕上的一个个小点（因为这些点非常小，所以我们平时注意不到它们的存在），我们在屏幕上看到的图像就是由这些小点显示出来的。

计算机记录这个图形中的每一点，即每个像素颜色信息，所以这个图形的尺寸越大，记录的信息就越多，相应的这个图形文件的尺寸也就越大。

位图图形文件非常适合色彩丰富的图形，但是位图图形的缺点是生成的文件尺寸大，另外，当放大位图图像时，会出现马赛克失真的现象。

二、矢量图形

矢量图形以数学函数的形式记录图形的线段尺寸与颜色信息，与图形的像素点无关，怎样放大图形都不会改变图形的显示，不会像位图那样出现失真的现象。

因此，使用矢量图形绘制的图形其文件尺寸非常小，非常适合网络传输。

但是矢量图也有它的缺点：

就是不适合表现色彩丰富的图形文件。

Flash动画就是一种基于矢量图的动画，采用高效的压缩比，因此生成的动画文件尺寸非常小。

2．2线条与铅笔工具

Flash中提拱了两种线段绘制工具，[线条工具]（LineTool）（N）和[铅笔工具]（PencilTool）（Y），使用这两种工具可以绘制出各种形状的线段。

2．2．1线条工具

[线条工具]（lineTool）（N）主要用于绘制直线线段。

选择此工具后，[工具]（Tools）面板中[选项][Options]中出现[自动捕捉开关]：

打开对物件的自动捕捉功能。

单击工具（Tools）面板中

[线条工具]（lineTool）（N），然后将光标移至工作区中，此时光标变为“+”字形状，单击鼠标左键确定直线线段的起始点，继续拖动鼠标到绘制的直线的结束点位置时松开鼠标左键（此时画出的直线颜色和粗细都是系统默认的值）

☪在绘制直线线段时，如果在绘制的同时按住键盘中的“Shift”键，可以绘制出水平，垂直或者倾斜450的直线。

2．2．2铅笔工具

使用[铅笔工具]（PencilTool）（Y）可以随意地绘制种形状的线段。

它的使用方法也很简单，只需在工具（Tools）面板中单击[铅笔工具]（PencilTool）（Y）按钮，然后将鼠标移动到工作区中，此时光标变为“铅笔”形状，在工作区拖动鼠标就会绘制出需要的线段。

选择了[铅笔工具]（PencilTool）（Y）后，在工具（Tools）面板下的[选项]Options中会出现[铅笔模式]（PencilMode）按钮，单击此按钮会弹出菜单：

Straighten伸直

Smooth平滑

Ink墨水

[伸直]Straighten模式：

在绘制线段时系统会自动将其主要部分转成直线，同时锐化其拐角处，适合画有棱角的图形，选择此模式后绘制的线段，会自动适应三角形、矩形、圆形这几个基本形状。

[平滑]（Smooth）模式：

绘制线段时系统会尽可能地平滑曲线，从而弥补电脑作图的缺陷。

[墨水]（Ink）模式：

绘制的线段将最大限度地保持原样。

☪用铅笔工具绘制线段时，如果按住键盘上的Shift键，可以绘制出水平或垂直的线段。

2．2．3设置线段的相关属性

选择[线条工具]（LineTool）或[铅笔工具]（PencilTool）后，在[属性]（Properties）面板中将出现线段的相关属性：

在直线或铅笔的[属性]（Properties）面板中，可以预先设置线段的笔触颜色、笔触高度及笔角样式等选项内容。

也可将线侧面绘制完成后，再在[属性]（Properties）面板中设置线段的相关属性。

线段相关属性设置如下：

线段的笔触颜色可以在[属性]（Properties）面板中进行设置，也可以在[工具]（Tools）面板中颜色[Colors]进行设置。

还可以[混色器]（ColorMixer）中进行设置。

一、在[工具]（Tools）面板设置线段的笔触颜色

当在[工具]（Tools）面板中选择[线条工具]（LineTool）（N）与[铅笔工具]（PencilTool）（Y）后，单击[工具]（Tools）面板中[笔触颜色]（StrokeColor）按钮，在弹出的[颜色设置面板]中选择一种颜色，即可为当前要绘制的线段设置上选择的颜色。

在[颜色设置面板]中内容如：

当前的颜色；颜色值输入框：

#99CC33；颜色按钮（弹出拾色器对话框）；选择的颜色（256种）

在颜色设置面板中只包含了网页的256种安全颜色，如果要选取的颜色在这256种颜色之外{即在颜色设置面板中没有列出来的颜色}可以在颜色舒值输入框中输入此颜色的十六进制颜色值。

另外，还可单击[颜色]按钮可以打开[颜色]（Color）对话框，选择所需的颜色。

在[颜色]（Color）对话框中可以选择一种基本颜色。

在颜色选择区中，单击鼠标左键，选择自己所需色调，然后拖动亮度条设置。

调整好所需要颜色，按确定键。

即可将此种颜色设置给将要绘制的线段。

v网页的256种安全颜色

所有浏览器中只有256种颜色的显示效果是相同的。

我们把这256种颜色称之为网页的256种安全颜色。

二、[属性]（Properties）面板中设置线段的笔触颜色。

当在[工具]（Tools）面板中选择[线条工具]（lineTool）与（铅笔工具）（PencilTool）后，或者在工作区中选择绘制的绘段后，或者在工作区中选择绘制的线段后，[属性]（Properties）面板中将显示线段的属性设置，单击[笔触颜色]（StrokeColor）按钮，在弹出的颜色设置面板中选择相应的颜色，颜色的选择方法在[工具]（Tools）面板中选择颜色的方法相同。

三、在[混色器]（ColorMixer）面板中设置线段的笔触颜色

对线段的笔触颜色的设置还可以通过[混色器]（ColorMixer）面板来完成，此面板在工作界面的右侧的一系列面板中找到。

如果此面板在工作界面中没有出现，可以单击菜单栏中的[窗口]（Windows）/[设计面板]（DesignPanels）/[混色器]（ColorMixer）Shift+F9命令,打开此面板。

在[混色器]（ColorMixer）在板中可以更加直观地设置线段的笔触颜色。

单击[笔触颜色]（StrokeColor）按钮，在弹出的颜色设置面板中选择相应的颜色。

也可在颜色设置区中选择一种基本颜色，然后使用亮度设置条调整颜色的亮度，确定要使用的颜色。

[混色器]（ColorMixer）有一个比较特殊的功能，那就是设置颜色的[透明值]（Alpha）。

此项参数值越小，线段的笔触颜色就越透明；此项参数值越大，线段的笔触颜色就越不透明，也就越接近选择的颜色。

以下混色器参数说明：

1．笔触颜色：

（StrokeColor）

2．填充颜色：

FillColor

其后下拉列表内容如下：

无：

None

纯色：

Solid

线性：

linear

放射性：

Radial

位图：

Bipmap

3.[黑白]BlackandWhite按钮

[没有颜色]NoColor

[交换颜色]SwapColor

4R；G；B；颜色的RGB值；Alpha:

颜色的透明值

5．选择的颜色；颜色的16进制值：

Hex;颜色设置区；亮度设置条。

四：

笔触高度的设置

在[属性]（Properties）面板中，可以预先设置线段笔触高度（笔触高度指线段的粗细）或重新设置选择的线段的笔触高度。

设置笔触高度只需在[属性]（Properties）面板的[笔触高度]（StrokeHeight）输入框中输入一个数值，此数值的取值范围是0.1-10,单位为“像素”，也可单击[笔触高度]（StrokeHeight）旁边的下拉按钮，拖动弹出的滑杆上的滑块，输入框中会显示此滑块的数值。

五、笔触样式的设置

在线段的[属性]（Properties）面板中单击[笔触样式]（StrokeStyle）按钮，在弹出的笔触样式列表中选择一种合适笔触样式：

hairline:

极细；Solid:

实线等笔触样式。

S[极细]（hairline）笔触样式与其他笔触样式的区别是使用[极细]（hairline）笔触样式绘制的线段，不管将它放大多少倍，它始终都保持相同的笔触高度，而其他笔触样式的笔触高度会随着视图的放大而放大。

在线段的[属性]（Properties）面板中单击[自定…]（Custom）按钮，在弹出的[笔触样式]（Strokestyle）对话框中，可权进一步设置选择的笔触样式的相关属性如下：

1．[类型]（Type）下拉列表框内容：

纯色Solid

虚线Dashed

点状线Dotted

锯齿状Ragged

点描Stipped

班马线Hatched

在下拉列表中选择[虚线]Dashed选项时对话框增加参数如下：

虚线Dash：

6（虚线段大小）；9（虚线段距离）

在下拉列表中选择[点状线]Dotted选项时对话框增加参数如下：

[点间隔]（DotSpacing）2

在下拉列表中选择[锯齿状]（Ragged）选项时对话框增加参数如下：

[图案]（Pattern）选项：

其

下拉列表如上：

[纯色]（Solid）

[简单]（Simple）

[随机]（Random）

[点状线]（Dotted）

[随机点状]（RandomDotted）

[三点状]（TripleDotted）

[随机三点状]（RandoemTripleDotted）

[波高度]（wavehight）选项：

下拉列表如下：

[平坦]（Flat）

[起伏]（Wavy）

[剧烈起伏]（VeryWavy）

[强烈]（Wild）

[波长度]（WaveLength）选项：

下拉列表如下：

[非常短]（VeryShort）

[短]（Short）

[中]（Medium）

[长]（Long）

在下拉列表中选择[点描]（Stipple）选项时对话框增加参数如下：

[点尽寸]（DotSize）选项：

下拉列表如下：

[微小]（Tiny）

[小]（Small）

[中]（Medium）

[大]（Large）

[变更点]（DotVariation）选项：

下拉列表如下：

[同一大小]（OneSize）

[微小变化]（SmallVariation）

[不同大小]（VariedSize）

[随机大小]（RanomSize）

[密度]（Density）选项：

下拉列表如下：

[非常密集]（VeryDense）

[密集]（Dense）

[稀疏]（Sparse）

[非常稀疏]（VerySparse）

在下拉列表中选择[斑马线]（Hatched）选项时对话框增加参数如下：

[浓度]（Thickness）选项：

下拉列表如下：

[极细]（Hairline）

[细]（Thin）

[中]（Medium）

[粗]（Thick）

[间隔]（Space）选项：

下拉列表如下：

[非常近]（VeryColse）

[近]（Colse）

[远]（Distant）

[非常远]（Verydistant）

[微动]（Jipple）选项：

下拉列表如下：

[无]（None）

[弹性]（Dounce）

[松散]（Loose）

[强烈]（Wild）

[旋转]（Rotate）选项：

下拉列表如下：

[无]（None）

[轻微]（Slight）

[中]（Medium）

[自由]（Free）

[曲线]（Curve）选项：

下拉列表如下：

[直线]（Straight）

[轻微弯曲]（SlightCurve）

[中等弯曲]（MediumCurve）

[强烈弯曲]（VeryCurve）

[长度]（Length）选项：

下拉列表如下：

[等于]（Equal）

[轻微变化]（SlightVariation）

[中等变化]（MediumVariation）

[随机]（Random）

2.[4倍缩放]（zoom4x）选项框。

3.[粗细]（Thickness）下拉列表：

（极细）（Hairline）Pts…

4.[锐化转角]（SharpCorners）选项。

2．3矩形与椭圆工具

[矩形工具]（RectangleTool）（R）与[椭圆工具]（OvalTool）（O）属于绘图的两个基本工具。

使用这两个工具绘制的矩形或椭圆会分为两个部分，一部分是图形的轮廓线段，另一部分是图形的内部填充区域。

可以分别对图形的轮廓线段与内部填充区域这两部分进行相关属性的设置。

以下是两个工具的使用方法与其属性的相关设置：

2．3．1矩形工具

选择[工具]（Tools）面板中的[矩形工具]（RectangleTool）（R）按钮，然后在工作区中单击鼠标左键确定矩形图形的起始点，拖动鼠标，即可绘绘制一个矩形。

在绘制矩形时按住键盘中的Shift键可以绘制出正方形。

当选择[矩形工具]（RectangleTool）按钮后，在[工具]（Tools）面板中将出现[圆角矩形半径]（RoundRectangleRadius）按钮。

单击此按钮会出现[RectangleSettings]对话框参数如下：

在此对话框中的[角半径]（Corner）文本框中输入一个参数值，可以设置矩形的圆角半径值，其参数单位为“磅”Points。

在工作区中拖动鼠标绘制一个矩形，可以看到这个矩形的边角为圆弧。

[角半径]（Corner）参数值越大，矩形的边角的圆角弧度就越大；反之