Flashmx第一讲.docx

Flashmx第一讲.docx

《Flashmx第一讲.docx》由会员分享，可在线阅读，更多相关《Flashmx第一讲.docx（33页珍藏版）》请在冰豆网上搜索。

Flashmx第一讲

Flashmx第一讲

一、主要内容

1.Flash的基本知识与界面讲解

2.箭头工具与绘图工具的用法

3.练习

二、过程

相关概念：

位图与矢量图：

人们习惯于将位图称为图像，而将矢量图称为图形。

位图由栅格组成，栅格的每一点就是图像的像素，它能描绘色彩丰富图，但其放大时会不清楚。

而矢量图是用线段、造型描述图，它可以弥补位图的不足，但它只适用于色彩简单的图。

Flash的用途：

主要用于网页设计、制作与创作多媒体。

其优点：

尺寸小，交互强、带同步音效，效果细腻，与其它应用软件相互支持好。

操作界面：

1.标题栏——显示当前编辑文件的名称及进行窗口大小的调节

2.菜单栏——9个菜单项（文件、编辑、查看、插入、修改、文本、控制、窗口、帮助）对菜单标记作简单介绍。

3.工具栏——对菜单中一些常用命令用图形标出以便使用。

4.绘图工具栏——可利用其中工具进行简单绘图，其位置可移动。

（浮动面板）

5.图层列表——对动画的深度进行设置。

6.时间面板——对动画长度进行安排（播放磁头—一条红色标记线，帧格—某一帧）。

7.绘图区域——用户进行工作的区域。

8.状态栏

Toolbox（工具栏）用于绘制、填充颜色、选择和修改对象。

“工具栏”共分为Toolssection（工具区）、Viewsection（查看区）、Colorsection（颜色区）、Optionssection（选项区）和Infosection（信息区）5个区域，工具栏各工具的详细解释请参见表1－1。

图标

工具名称

功能

ArrowTool箭头工具

选择图形、拖曳、改变画形形状

SubselectTool箭头工具

选择图形、拖曳和分段选取

LineTool直线工具

制作直线条

LassoTool套索工具

对象选择

PenTool钢笔工具

制作直线和曲线

TextTool字体工具

制作和修改字体

OvalTool椭圆工具

制作椭圆形

Rectangle矩形工具

制作矩形和圆形

PencilTool铅笔工具

制作线条和曲线

BrushTool画笔工具

制作闭合区域图形或线条

FreeTransform自由变换工具

变换图形形状

TransformShowsHandles变换外观工具

用于变化一些特殊图形外观，如渐变图形的变化

InkBottle墨水瓶工具

改变线条颜色、大小和类型

PaintBucket油漆桶工具

填充和改变封闭图形颜色

Dropper滴管工具

选择颜色

Eraser橡皮擦工具

去除选定区域图形

MovieProperties（电影特性检查器）

下面对各栏目的内容进行解释；

电影文件名：

电影保存时所用的文件名；

Size：

画布尺寸，也就是电影场景的大小；

Publish：

输出设置；

Background：

背景颜色；

FrameRate：

每秒播放的帧数；表示每一秒电影放映的影格数。

通过点击“Site”按钮，可以在弹出“MovieProperties”对话框中设置电影文件的大小、背景和电影速度等。

通过点击“FlashPublish”按钮，可以弹出的“PublicSettings”对话框。

箭头工具

创建动画的一般步骤：

1.

新建文件（文件——新建）

2.设置动画画面大小，频率与背景（修改——电影属性）

3.编辑

4.保存或导出（.fla、.swf）

箭头工具：

选择对象（单击轮廓与双击，单击填充区域与双击，随意拖出矩形，多选shift）

移动对象：

对被选中的对象进行移动

修改对象：

可对边线伸（两种状态）

绘图工具：

画任意斜度的直线（与shift合用能画水平、垂直、等直线），可调节线型、线宽及线的颜色等

LineProperties（线条特性检查器）中的设置。

如上图，线条的“Properties”面板中，从左至右，分别为“线条颜色”、“线条大小”、“线条类型”和“线条设置

对于圆与距形工具不但要选边线色且也要用填充色，画正型要同shift合用。

演示与上机：

画一雪人

教师演示：

（拓宽部分：

初步涉及到转换工具与层）

1、文件页面属性（大小，背景）

2、画相应的部分（在不同的层）

3、色彩的调整与角度的调节

4、输出

Flashmx第二讲

三、主要内容

4.进一步讲解油漆涌工具，并结合吸管工具讲解位填充。

5.初步动画讲解

6.练习立体按钮的做法

7.练习线的伸长与简单图形变化

四、过程

相关概念：

1.动画的实质是静态图的快速播放。

在flash中只要定义动画的初始状态与结束状态，中间的过程计算机自动生成；常见的类型有三种一种形状变化（对象为分散的），运动变化（对象为块）；帧并帧（明显的不规则如眼睛的动作）

2.帧的概念的进一步深化：

关键帧、空白关键帧、普通帧、影格、播放头

工具讲解：

1.油漆涌工具用来渐变填充某个区域（有线性与中心两种方式，都可以通过按扩展选项中的调整按钮对其效果进行调整当按下该按钮单击被填充对象则会出现几个可以调节的点，如渐变中心点与方向与大小）

2.如用位图填充则用需先导入位图，再用吸管工具吸取，再填充即可。

3.文字工具：

选取文字工具，然后在工作区点击，输入所需文字，文字的一些设置如大小与色彩可以在作文字前设置，或在输入后选中后再进行设置

演示与练习（形状的改变的同时都可以进行色彩的改变）

1、立体按钮

1）画一圆、填充

2）选一小半，平拖

3）然后在选中一大半中的一小块，改变大小

2、由矩形变成圆形

1）

新建一个Flash文件。

设置电影属性。

尺寸大约300X300，帧频6px背景自定。

2）在绘图工具箱中选择直线工具，用直线工具在场景中画出一红色直线

3）在第10帧按F6插入关键帧，选中此直线，点工具栏中的任意变形工具，把直线拉长，注意要与原直线重合

4）播放

学生练习：

外加如图

Flashmx第三讲

五、主要内容

8.层的进一步练习

9.进一步讲形状动画（加形状提示）

六、过程

相关知识：

变形动画是FLASH动画中比较特殊的一种过程动画，和运动动画不同的是，其动画对象只能是矢量图形对象。

群组对象、图符引例对象、符号和位图图像均不能够作为变形动画的对象（除非把它们打散成矢量图形）。

变形动画可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变。

变形动画有两种形式，一种是不可控的（也叫简单变形），而另外一种则是可控的（通过添加控制点来实现，也叫控制变形）。

下面先介绍一个简单变形动画的制作过程。

层（layer）操作的图标

注意:

这几条标志很重要，千万要记住。

用你的鼠标点击frame的那个黑色的方向向下的箭头就可以选择把当前层锁住（lock）隐藏（hidden）转化为当前层（current）或者是一般层。

普通层。

这一层会显示，但会被在其他层的操作所影响。

这是把层锁住的标志。

这一层会显示，但不会被在其他层的操作所影响。

隐藏当前层。

在操作的时候不显示这一层。

不会被在其他层的操作所影响。

这是你操作当前层的标志。

所以在一般情况，把不用操作的层锁上比较好。

显示所有图象的轮廓。

选择之后只显示场景中图象的轮廓。

删除图层。

工具讲解：

4.油漆涌工具用来渐变填充某个区域（有线性与中心两种方式，都可以通过按扩展选项中的调整按钮对其效果进行调整当按下该按钮单击被填充对象则会出现几个可以调节的点，如渐变中心点与方向与大小）

5.如用位图填充则用需先导入位图，再用吸管工具吸取，再填充即可。

6.文字工具：

选取文字工具，然后在工作区点击，输入所需文字，文字的一些设置如大小与色彩可以在作文字前设置，或在输入后选中后再进行设置

演示与练习（形状的改变的同时都可以进行色彩的改变）

3、由矩形变成圆形

1）设定动画的大小为长400、宽400、背景为淡黄色

2）在第一层第一帧作一矩形——选取本层第20影格按右键插入关键帧（F6）

3）按中第20帧，选取场景中的矩形删除

4）选椭圆工具画椭圆可进行必要的色彩与大小改变

5）选中第一帧按右键中出现的对话框中按帧标签，选其中的形状

6）选取第一帖按回车键观看。

由圆三角形变成扇形（活用选取工具中修改对象功能）

相关练习

实例一（欢渡国庆）

一、创建影片：

新建一个Flash文件。

设置电影属性。

尺寸大约400X300，背景浅桔色。

二、创建动画：

1、在绘图工具箱中选择矩形工具，用矩形工具在场景中画出一个没有边框的红色矩形。

这是变形动画的第1帧。

2单击第10帧并按F7键，插入一个空白关键帧，点椭圆工具场景中画出一个没有边框的蓝色小球。

点第一帧，在下边的属性提示中，设置变形动画，选择形状渐变。

此时，矩形变圆的动画完成。

（播放一下看看）

3、点工具栏中的文字工具，看到下边的文字提示器面板，设置文字格式。

在文字格式中选取英文字体为：

Webdings，大小为：

40，颜色为：

红色。

单击第20帧并按F7键，插入一个空白关键帧，单击第20帧关键帧，选择文字工具，并在场景上单击，然后输入一个字母v。

这时场景中会出现一辆汽车符号，选择常用工具栏上的任意变形工具按扭，调整汽车符号到合适的大小,执行"修改/分离"，打散（分离）汽车，此时还可以点一下漆桶工具，选彩虹色，汽车变彩色。

点第10帧，在下边的属性提示中，设置变形动画，选择图形变化。

（播放一下看看）

▲提示：

在英文字体中有很多特殊的字体，如Webdings，它可以产生各类图案。

4、单击第40帧并按F7键，插入一个空白关键帧，点工具栏中的文字工具。

输入“欢渡国庆"并设置自己喜欢的颜色，然后打散文字，可能要打散两次呀。

点第20帧在下边的属性提示中，设置变形动画，选择图形变化。

（播放一下看看）

5、按F5在第50帧插入一帧，以延长第40帧的效果

▲提示：

因为Flash不能对群组、图符（组件）、字符或者位图图像进行动画变形，所以要将字符打散。

有的要打散两次。

6、点控制菜单下的影片测试，看变形效果。

七、测试和保存文件

实例二（三角画法）

一、创建影片：

新建一个Flash文件。

设置电影属性。

尺寸大约300X300，帧频6px背景自定。

二、创建动画：

1、在绘图工具箱中选择直线工具，用直线工具在场景中画出一红色直线，，线粗为3，在第10帧按F6插入关键帧，回到第一帧，选中此直线，点工具栏中的任意变形工具，把直线拉短，注意要与原直线重合。

播放一下看看

2在第一层的第10帧按F5,增加普通帧，目的是延长第10帧的效果。

再增加一层，在第二层的第10帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第二边。

这一层的第20帧按F6加关键帧，回到第10帧使第三边变短设置变形动画。

（播放一下看看）

3同理，在前两层的第20帧都按F5.再增加一层，在第三层的第20帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第三边。

这一层的第30帧按F6加关键帧，回到第20帧使第三边变短设置变形动画（播放一下看看）

4、在第31帧的三层中都按F6,利用箭头工具选中31层的三边，改变颜色为黄色（闪动效果），第32帧再改回为红色第35帧加普通帧延长效果。

三、测试和保存文件：

导出影片，格式sanjiao.swf，或gif动画格式sanjiao.gif

实例三（帧帧动画）

一、创建影片：

新建一个Flash文件。

设置电影属性。

尺寸大约400X400，帧频1px背景枣红。

调出查看_网格

二、创建动画：

1、在绘图工具箱中选择文字工具，设置文字属性面板，字体为华文行楷，字色为黑色，大小为49.

2、在舞台中左边输入“闪客沙龙”四字，在第2、3、4、5、6帧均按F6插入关键帧。

3、第一帧选中“客沙龙”删掉，第2帧选中“沙龙”删掉，第3帧选中“龙”删掉，第4帧为全，第5帧改字色为黄色，第6帧为黑色。

4、在第6帧点一下，在舞台右边合适位置输入“和睦家庭”，第6帧选中“睦家庭”删掉，第7帧选中“家庭”删掉，第8帧选中“庭”删掉，第9帧为全，第10帧改字色为黄色，第11帧为黑色。

三、测试和保存文件：

导出影片，格式zzdh.swf，或gif动画格式zzdh.gif

实例四学写毛笔字看看我做的：

（见笑）

1、做图形元件“毛笔”

A：

画一竖长无边线矩形，填充--线性--左灰右深黄。

B--画一个椭圆做笔尖--填充放射渐变--左浅右深。

利用黑箭头工具调整椭园，使之样子象毛笔头的形状。

C、利用箭头工具--分别选取笔杆和笔头，旋转成45度--把二者拖到一起组成一枝笔--把椭圆向左下拖出一个平行的尖来--转成图片入库（二者均不要边线）

2、键入“一”字

回到场景，选华文行楷，字的大小为200（注意自已打入200）或利用任意变形工具拉大。

在场景中写一个大写的“一”字，调整使其在场景的中央。

利用修改-分离，打散“一”字

3、写字

A、再增加一层为“毛笔层”拖入笔。

B、在“字”层，第二到第40帧全按F6都变为关键帧用橡皮擦去笔尖后面所有的字。

C、按毛笔写“一”的运笔方法。

在每一帧，调整笔在字上的位置，同时用橡皮擦掉笔后边的字的部分，一直到第四十帧。

相信你比我有耐心。

来吧，干吧~~~~~~~~~~~。

4、背景

重建一图层为背景层，可以是填充你喜欢的颜色，可以是导入的一幅画

5、注意做这个字是要耐心的，要时间，所以要注意及时保存呀。

学生选择练习

Flashmx第四讲

一、主要内容

10.引导线

过程

相关内容：

演示与练习纸飞机绕引导线运动

一、新建影片

新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。

二、制作小飞机组件：

1、利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，用直线工具连接刚拖过的两个角，利用漆桶工具改变两三角的颜色。

2、利用箭头工具选中整个飞机，执行“插入/转换为元件”，则飞机上出现一小“+”字。

三、制作动画：

1、创建飞机运动图层：

（1）单击第一层的第1帧，将飞机拖放在场景中的左上角。

（2）选择第20桢，按F6键插入关键桢。

（3）找到属性面板，建立1--20桢之间的小飞机运动动画。

在“使路径适应”上打勾

2、单击时间轴窗口上的“添加引导图层”按钮，或执行“插入/运动引导层”为第一图层增加一个引导图层。

在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。

然后用铅笔工具在场景中画一个平滑曲线。

3、选择第一层的第1帧。

拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端对准。

4、选择第一层的第20帧。

用同样的方法将小球拖动到曲线的右端点上。

5、按Enter测试

四、测试和保存影片：

分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片

文件名分别是：

fly.fla和fly.swf

Flashmx第五讲

八、主要内容

11.运动动画

12.变形对话框制作图形

13.图形符号的建立

九、过程

相关练习：

光碟的运动

制作动画步骤

一、建立新动画：

1.运行FlashMX。

这时系统启动并自动建立了一个新文件。

▲执行：

“文件/新建”菜单命令或按可以新建一个的影片文件。

2.设置舞台属性：

执行“修改/文档”菜单命令（或按Ctrl+J）。

其实FlashMX提供了“属性提示器”

见下图1,再点开“大小”可以设置文档属性见图2

（1）播放速度（帧频）

（2）舞台尺寸（尺寸）（3）背景颜色（4）选用何种标尺单位等。

一般每秒12帧的播放速度比较合适。

这里我们设定一个尺寸为300*100的蓝色背景舞台。

二、建立组件：

1、新建光碟组件（创建一个图符）。

执行“插入/新建元件”菜单命令（或按Ctrl-F8键）进入建立组件的对话框窗口，给组件起名（最好是取拼音名或数字名,比如guang），选择类型是图形。

然后按确定按钮。

马上就进入到创建新元件的编辑状态

2、在绘图工具栏中选椭圆工具。

并将其下的属性提示器参数设置为下图4所示。

3、在工作区里拖动鼠标绘制一个圆（在拖动鼠标的同时按下shift键不松手，画出来的是正圆）。

注意：

圆的中心一定要和舞台中心的“+”对准。

最好从查看中调出标尺和网格

4、利用直线工具画一园的直径，选中此直径，调出窗口下边的“变形面板”（见上图3）旋转设45度，在右下边的旋转复制按钮（向右小箭头），连按三次，就会出现四条直径，把圆分为8叶。

5、再在一边利用椭园工具画一小的正园，选中拖入大圆的正中心，记住一定要中心对齐。

6、利用漆桶工具，分别在8叶中充入不同的好看的颜色，这样组件就做好了。

三、建立运动动画：

1.设置起始位置：

（1）组件做好后，点击时间轴右上角的“场景1”回到主场景。

（2）按Ctrl-L打开图库，发现里面已经有一个做好了的名为guang的的组件。

在预览窗口中把该组件拖动到工作区中的中央，此时时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空，变为关键帧。

2.设置目的位置：

（1）在时间轴第10帧单击鼠标左键，该帧变蓝表示被选，在此处按F6键插入一个关键帧，第10帧也变为实心小黑点。

（3）单击选中时间轴上的第1帧，下边出现帧的属性面板，点开“补间”和“旋转”的向下箭头选择如下

图5在帧面板中设置运动动画

光碟运动建好后的时间轴状态

这时时间轴窗口的状态如图6所示，第1帧和第10帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。

如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。

3.测试效果：

执行“窗口/工具栏/控制栏”菜单命令，打开控制面板，按播放钮播放动画，或者按下Ctrl-Enter预览窗口，以全屏预览动画，可以看到本页上面的左边的动画效果。

4、如果想让光蝶向前滚动，可以点一下时间轴的第一帧，光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。

5、如果想让光蝶向前动，可以点一下时间轴的第一帧，去掉旋转，再把光蝶放到舞台左边，再在第10帧把光蝶放到舞台右边，就会出现滚动效果。

（移动对象可以用shift+　↑　↓　→　←）

四、存盘：

用Flash做动画不难吧。

做好了动画不要忘记存盘，

执行“文件/保存”菜单命令（或按Ctrl-S键），在弹出的对话框中输入存档文件名，确定。

这时系统会把源文件用.fla格式存档。

如果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash5电影播放器直接观看（右图）。

Flashmx第六讲

一十、主要内容

14.遮罩的运动

一十一、过程

相关内容：

遮罩的运动（图片不动，遮罩运动）

一、新建影片：

（点此处欣赏）

新建一个电影文件，导入一张你喜欢的图片,利用任意变形工具使其放大到和舞台一样的大。

二、创建遮罩层

1、点插入菜单下的新建元件，性质为图形，利用矩形工具在舞台中央拖一矩形，颜色任意。

2、回到场景，新建图层2，打开窗口菜单下的库，将正方形拖出到舞台中央，利用任意变形工具使其缩小，这时此正方形默认在第一帧。

3、在第20帧按f6插入关健帧，调整此正方形到整个舞台。

4、回到图层2的第一帧，在属性面板建立运动动画，并把旋转调为顺时针，次数为1

5、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。

三、测试和保存影片：

1、按Ctrl+Enter测试影片

2、分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片

文件名分别是：

fm.fla和fm.swf

被遮罩的运动（清明上河园全景）

一、新建影片：

新建一个电影文件，全用默认。

二、创建被遮罩层

11、导入“清明上河图”图片,调整高度。

上河图的开始端在舞台的最右边，在第1000帧处按F6插入关健帧，然后按住Shift，同时利用键盘上的方向键向左移动上河图，直到图的左边与舞台的右边对齐。

2、回到第一帧，在帧属性面板建立运动动画。

三、创建遮罩层

1、新增加图层2，在舞台正中画一椭圆，高度比上河图的上下边各高出一些。

2、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。

按Ctrl+Enter测试影片（因图片较大可能有的效果不好，如果不出效果，执行“修改/帧/翻转帧”）

四、创建背景层

1、选中图层2，新建图层3，（在图层2的上边）导入一与上河图相宜的图片，转化为组件，在属性面板中将背景图的Alpha（透明度）设为20%

2、现在为了保证图层1和2不被改动，点击图层上的“锁定”标志。

3、在图层3的适当位置，（你所画的做为遮罩园以外的地方）利用文字工具输入“清明上河园”，字体字色自定，再输入“张择端”

五、测试和保存影片：

Flashmx第七讲

一十二、主要内容

15.遮罩的运动2

一十三、过程

相关内容：

水中荷花（点击看演示）

一：

新建场景，默认550*400背景自定。

二：

导入图片，荷花。

用任意变形工具调整大小550*200。

上对齐。

三：

复制图层第一帧图片，添加图层，在第一帧粘贴到当前位置，向下翻转180度。

成倒映状。

四：

复制倒映图片，添加土层，在第一帧粘贴到当前位置，并向下移动一点。

转换为图形元件，透明度设80％

五：

添加图层4用无边框矩形工具绘制横的长条，并复制若干，排列在场景中。

选中所有横条，转换为图形原件。

六：

在图层四的40帧插入关键帧。

并将横调向下移动到下半场景，回到第一帧创建运动渐变。

在图层四点右键遮照。

七：

添加图层5。

用无边框矩形工具绘制浅蓝色矩形。

调整大小覆盖场景下边部分，并转换为图形元件，设透明度为20％

八：

测试影片，保存。

卷轴画的制作

1、轴的制作过程：

1、新建图形元件：

执行插入—新建元件—图形，文件名为juanzhou

（1）用矩形工具拖出一无边框矩形，点先矩形，在下边的属性面板中设定矩形的高和宽为（35*108），同时，选中此矩形，利用对齐面板（窗口-对齐）相对于舞台水平和竖直居中。

此时矩形的中央正好对准“+”中心。

（2）先中此矩形，，调出窗口-混色器即调色板，选中“线形渐变”由左向右颜色依次为：

（bf8e2bf3efebbf8e2b）或中间选择白色，两边选择深色，可根据各人喜好而定。

调出你喜欢的渐变色后可以用油漆桶在矩形上倒一下就OK了。

（3）在用矩形工具画一小长方形（24*16）充色，和上面的做法一样，（393a1bececec3939a1b）做好后放到大长方形上面，再复制一个，放在下面，（一定要对齐）。

可以利用放大镜放大一下看看。

（4）选种这三个长方形，修改—组合。

再一次利用对齐面板使其居中。

2、国画层：

回到场景，导入一幅国画，在场景中。

点中此画，在下边的属性栏中查看其高和宽，例：

导入的一幅670*329的图，要根据此图的大小适当放大一些舞台尺寸，设为800*380，背景颜色可以根据你的画而定，同时调整你的画在舞台上的位置。

锁定图层1

3、遮照层：

（1）新加图层2，利用矩形工具画一矩形，正好覆盖下面的国画，在第二层的第80帧按F6加关键帧。

（2）回到第一帧，点选矩形，在下面的属性面板中，调整矩形的大小，高和国画相同