您现在的位置:榆林第二实验中学〓陕西省绥德师范学校【官网】 >> 校园文化 >> 信息时代 >> 正文内容

FLASH制作讲义

文章来源:本站原创 作者:刘联春 发布时间:2008年01月01日 点击数:

Flashmx第一讲

一、           主要内容

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

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

3.         练习

二、           过程

相关概念:

位图与矢量图:人们习惯于将位图称为图像,而将矢量图称为图形。位图由栅格组成,栅格的每一点就是图像的像素,它能描绘色彩丰富图,但其放大时会不清楚。而矢量图是用线段、造型描述图,它可以弥补位图的不足,但它只适用于色彩简单的图。

Flash的用途

主要用于网页设计、制作与创作多媒体。其优点:尺寸小,交互强、带同步音效,效果细腻,与其它应用软件相互支持好。

操作界面:

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

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

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

4.         绘图工具栏——可利用其中工具进行简单绘图,其位置可移动。(浮动面板)

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

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

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

8.         状态栏

Toolbox(工具栏)用于绘制、填充颜色、选择和修改对象。工具栏共分为Tools section(工具区)、View section(查看区)、Color section (颜色区)、Options section(选项区)和Info section(信息区)5个区域,工具栏各工具的详细解释请参见表11

图标

工具名称

功能

Arrow Tool箭头工具

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

Subselect Tool箭头工具

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

Line Tool直线工具

制作直线条

Lasso Tool套索工具

对象选择

Pen Tool钢笔工具

制作直线和曲线

Text Tool字体工具

制作和修改字体

Oval Tool椭圆工具

制作椭圆形

Rectangle矩形工具

制作矩形和圆形

Pencil Tool铅笔工具

制作线条和曲线

Brush Tool画笔工具

制作闭合区域图形或线条

Free Transform自由变换工具

变换图形形状

Transform Shows Handles变换外观工具

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

Ink Bottle墨水瓶工具

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

Paint Bucket油漆桶工具

填充和改变封闭图形颜色

Dropper滴管工具

选择颜色

Eraser 橡皮擦工具

去除选定区域图形

Movie Properties(电影特性检查器)

下面对各栏目的内容进行解释;
电影文件名:电影保存时所用的文件名;
Size
:画布尺寸,也就是电影场景的大小;
Publish
:输出设置;
Background
:背景颜色;
Frame Rate
:每秒播放的帧数;表示每一秒电影放映的影格数。
通过点击“Site”按钮,可以在弹出“Movie Properties”对话框中设置电影文件的大小、背景和电影速度等。
通过点击“Flash Publish”按钮,可以弹出的“Public Settings”对话框。

箭头工具

创建动画的一般步骤:

1.         新建文件(文件——新建)

2.         设置动画画面大小,频率与背景(修改——电影属性)

3.         编辑

4.         保存或导出( .fla .swf

箭头工具:

选择对象(单击轮廓与双击,单击填充区域与双击,随意拖出矩形,多选shift
移动对象:对被选中的对象进行移动
修改对象:可对边线伸(两种状态)

绘图工具:

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

Line Properties(线条特性检查器)中的设置。

 

 

 

 

如上图,线条的“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、在舞台中左边输入绥德师范四字,在第23456帧均按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、注意做这个字是要耐心的,要时间,所以要注意及时保存呀。

学生选择练习

    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)