Flash 动画设计教程课程的主要内容
Flash 动画基础绘制图形对象的编辑帧 -帧动画导向移动动画形状过渡动画旋转动画遮罩动画
Flash 特点、矢量图,Flash工作环境介绍。
绘图工具的使用、各种形状的绘制方法。
文字、形状、图像的修改与编辑。
动画的基础知识,帧 -帧动画实例。
旋转动画的制作过程与实例。
导向移动动画的制作过程与实例。
形状过渡动画的制作过程与 XYZ变换实例。
遮罩动画的制作过程与实例。
第 1章 Flash 中文版基础知识什么是 Flash
Flash 是由美国著名软件公司 —Macromedia公司出品的矢量绘图和动画制作软件。
1998年,Macromedia公司收购了一家很小的计算机公司,同时将该公司开发的网络发布插件 FutureSplash更名为 Flash 2,并发布出去,取得了意想不到的效果。以后继续开发升级,很快就推出了
Flash 3,使 Flash被商业界接受。 1999年 6月又推出了 Flash 4,更加受到各方面的重视。 2000年 9月发布了 Flash 5,引起了市场的强烈反应。 2002年 3月推出了 Flash MX,2004年推出 Flash 2004 MX。
Flash如此受到人们欢迎的主要原因是,它可以在使用很小字节量的情况下,实现高质量的矢量图形和交互式动画的制作。目前,
Flash文件的格式已成为网络动画事实上的标准格式,是发布网络多媒体的首选网页设计工具。它不仅可用于网页制作,还可以应用于交互式多媒体软件的开发、多媒体教学和游戏等。
Flash 的主要特点简单易学:
操作界面友好,使用方便。
采用浮动面板,面板安排更合理。
绘图工具简单易学,可以更简便地绘制各种矢量图形。
与 Macromedia公司的其他产品配合密切。尤其是和 Dreamweaver和 Fireworks等组合成一体,成为“梦幻组合”,使制作网页更方便。
功能强大:
具有较强的矢量绘图和动画制作功能。绘制的图像质量高,制作的动画和网页数据量小。
较强的多媒体技术。具有很强的导入和发布功能,可以导入位图,MP3,AVI、
QuickTime等格式文件。
可以充分调用 Flash文件内部库中的文件,重复利用资源。
Flash MX具有自己的脚本语言。它所有的编程方式和编程思想都符合面向对象的语言形式。
增加了一组最常用应用程序组件,如滚动条、按钮、文本框等,可以加快应用程序的开发速度。
数字图像数字图像的种类有两种:一种是点阵图
(也叫位图),另一种是矢量图。
1、点阵图点阵图也叫位图,它由许多颜色不同、
深浅不同的小圆点 (像素 )组成。像素是组成图像的最小单位,许许多多的像素构成一幅完整的图像。在一幅图像中,像素越小,数目越多,则图像越清晰。
点阵图可以表现得更自然和更逼真,更接近于实际观察到的真实场景。但图像文件一般较大,在将它放大、缩小和旋转时,会产生失真。
矢量图矢量图由一些基本图元组成,这些图元是一些几何图形,如:点、线、
矩形、多边形、圆和弧线等。这些几何图形均可由数学公式计算后获得。
矢量图的图形文件是绘制图形中各图元的命令。显示矢量图形时,需要相应的软件读取这些命令,并将命令转换成组成图形的各个图元。
由于矢量图是采用数学描述方式的图形,所以通常由它生成的图形文件相对比较小,图形颜色的多少与文件的大小基本无关。另外,在将它放大、缩小和旋转时,不会象点阵图那样产生失真。
§ 1.2 Flash的工作环境工具箱 标题栏 主要工具栏 调色版面板菜单栏时间轴舞台工作区
“属性”面板颜色样本面板一、菜单栏与主要工具栏菜单栏菜单栏在标题栏的下边,菜单栏有九个主菜单。 Flash MX菜单的形式与其他 Windows软件的菜单形式相同,都遵循基本相同的规定。
主要工具栏主要工具栏也叫常用工具栏,它有 16个按钮,其中一些按钮都是标准化的,如新建、打开、保存、剪切、复制、粘贴等。另外一些按钮则是用于绘图编辑,如平滑、直线、对齐对象等按钮。
平滑直线旋转和倾斜缩放对齐对齐对象二,Flash 工具箱工具箱提供用于图形绘制和图形编辑等的各种工具。
工具箱内从上到下分为四个栏:
工具栏,查看栏,
颜色栏,选项栏。
三、面板在 Flash中提供了许多面板(也叫浮动面板),利用这些面板,可以完成绘制图形、加工文字、制作动画等许多操作。通过,窗口”菜单,可以打开不同的面板窗口。
混色器面板颜色样本面板属性面板四、舞台舞台就是绘制图形和编辑图形、图像的矩形区域,也是创作影片动画的区域。在创建或编辑一段 Flash影片时,我们离不开舞台,
这是排练演出的场所。
1,舞台工作区大小与颜色的设置单击菜单,修改,--“文档 …” 或单击 属性面板 中的,文档属性,按钮,打开文档属性对话框 。在尺寸栏可以设置舞台工作区的大小,默认单位为像素 (px),
最大可设置为 2880px× 2880px,最小为 1px× 1px。
在 文档属性对话框 中,单击,背景颜色,按钮,会弹出 颜色面板,选中一种颜色,完成工作区的颜色设置。
帧频,影片的播放速度,默认 12fps,即每秒播放 12帧画面,对于 在 Web 站点播放的动画,8fps到 12fps就足够了。
2.舞台工作区显示比例的调整在舞台的右上方,有一个可改变舞台工作区显示比例的 下拉列表框,通过它可以调整舞台工作区显示比例。
3,网格 和 标尺在舞台中,为了使对象准确定位,可以在舞台的上边和左边加入标尺,或在舞台工作区显示 网格 。
通过菜单“视图” —“标尺”,可以在舞台上边和左边出现 标尺 。
通过菜单“视图” —“网格” —“显示网格”,舞台工作区内显示网格
4,舞台工作区的两个控制工具工具箱内“查看”栏中提供了两个舞台工作区的控制工具,一个是 手形工具,另一个是 缩放工具 。
手形工具,选择手形工具,鼠标移入舞台工作区后鼠标指针变为手的形状,按下鼠标左键并拖曳,可以在舞台工作区的不同部位进行查看。
缩放工具,单击按下工具箱内的“缩放工具”按钮,在工具箱
“选项”栏中会出现 放大 和 缩小 两个按钮,可以实现对舞台工作区的放大和缩小显示。
舞台五、时间轴时间轴 是动画和视频类软件中的一个重要概念。 通俗地讲,时间轴就好象导演的剧本,它决定了各个场景的切换以及演员出场、表演的时间顺序。
Flash MX把动画按时间分解成帧,时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。 它是处理帧和图层的地方,帧和图层是对象和动画的组成部分。将一些图形图像按照一定的时间、
空间顺序播放,就形成了动画,而,时间轴,可以表现和记录动画的全部信息,是控制动画流程最重要的手段。
时间轴的组成每一个动画都有与它相应的时间轴。时间轴窗口可以分为左右两个区域,左边区域是 图层控制区域,它主要用来进行各图层的操作;
右边区域是 帧控制区域,它主要用来进行各帧的操作。
所谓图层就相当于舞台中演员所处的前后位置。图层靠上,相当于该图层的对象在舞台的前面。在同一个纵深位置处,前面的对象会挡住后面的对象。
(1) 图层控制区域:它上边第一行是所有图层的控制栏,有三个按钮:显示、锁定和轮廓线。图层控制区域的下边是图层工作区,
其内有许多行,每行表示一个图层。
(2) 帧控制区域:它上边的第一行是时间轴帧数标示区,用来标注随时间变化所对应的帧号码。下边是帧工作区,它给出各帧的属性信息。有一个小黑点的是关键帧 (即动画起点、终点或转折点的帧 )。
§ 1.3 创建第一个 Flash影片基本步骤:
1,新建一个影片文件和设置影片的基本属性影片的尺寸为 500px宽,300px高,背景为浅灰色。
2,输入文字使用,文本工具,在舞台工作区输入文字“第 1个 Flash影片”,
字体为楷体,10号,粗体,黄色。使用箭头工具将文字置于舞台的正中间。
3,创建文字由小到大逐渐扩展的动画右键单击时间轴图层 1的第 1帧,在快捷菜单中选择“创建补间动画”。单击时间轴的第 30帧,按 F6键,即创建了从第 1到第 30帧的动画。时间轴处于第 30帧处时,选中文字,使用,任意变形工具,
调整文字尺寸,将文字调大。
4,增加图层和绘制立体球图形在图层 1上增加新图层 2,单击图层 2第 1帧,在舞台左下角画一个小立体彩球。
5,创建红色立体球从左下角向右上角直线移动的动画单击图层 2第 30帧,按 F6键创建关键帧。按住 Shift键,选中 1到 30
帧的所有单元格,单击菜单“插入” —“时间轴” —“创建补间动画”。选中第 30帧,将彩球移到舞台的右上角处,再将它调大。
6,用同样方法创建背景图像从中间向四周展开的动画。注意背景图像图层应处在最下层。
将此动画文件调试后保存。
1,播放 Flash动画的几种方法
直接按 Enter键,即可在舞台窗口内播放动画。
使用“控制栏”面板播放:
通过菜单“窗口” —“工具栏” —“控制器”,打开“控制器”,单击相应按钮进行操作。
通过菜单“控制” —“测试影片”(快捷键,Ctrl+回车键),即可在播放窗口内播放动画。
2,保存与打开 Flash动画,
与其它软件操作类似。这里应注意文件的扩展名为,fla
3,Macromedia Flash Player (独立播放器 )
是一个独立的应用程序,它的名字是 SAFlashPlayer。使用它可以播放 SWF
格式的文件。直接双击 swf类型的文件,就可以打开 Flash Player播放器,同时播放该动画文件。
Flash动画的播放与保存第 2 章 绘制图形制作 Flash 动画前,一定要准备好素材,素材的来源有三种:
一是导入外部的素材,如图片、声音和视频等;
二是 Flash,库” 中的元件放到在舞台上;
三是用 Flash 提供的绘图工具绘制的矢量图形。
矢量图形一般可以看成是由 线条 和 填充物 组成;
矢量图形的着色有两种,线条的着色 和 填充物的着色;
可以着单色,也可以着 渐变色 和 位图 。
本章主要内容:
介绍绘图工具的使用方法、设置颜色、图形属性等。
Flash 的基本操作
1,选取对象:单击“箭头工具”按钮,然后就可以选择对象。
选择一个对象:单击一条线或填充物,可以选中该线或填充物。
选取多个对象:按住 Shift键,同时依次单击各对象;或用鼠标画矩形,可以将矩形中的所有对象都选中。
2,移动对象:利用箭头工具选中一个或多个对象,拖动鼠标。
如果按住 Shift键,同时拖动被选的对象,可以将选中的对象沿 45度的整数倍角度移动。
按键盘上的光标移动键,可以微调对象的位置。
3,复制对象:移动对象的同时按 Ctrl键,可以复制对象。
也可以打开“变形面板” (菜单“窗口” -“设计面板” -“变形” )进行“拷贝并应用变形”操作。
4,删除对象:
选中要删除的对象,然后按 Delete键或退格键。
§ 2.1 填充色的设置和绘制图形
Flash 提供了很多应用、创建和修改颜色的方法,其中,颜色样本,面板和,混色器,面板是最常用的处理颜色的工具面板。
一、“颜色样本”面板通过菜单“窗口” —“设计面板” --“颜色样本”,可以调出
“颜色样本”面板。它提供了各种不同的颜色样本供选择使用,在它的底部是填充效果样式按钮,单击其中一个,即可迅速获得相应的渐变填充色设置。
另外,单击颜料桶等工具也会出现与“颜色样板”一样的
“填充颜色”面板。
通过菜单“窗口” —“设计面板” —“混色器”,可以调出“混色器”面板。
可以实现填充类型有:
纯色、线性、放射状和位图。
混色器面板设置渐变效果:
对于“线性”和“放射状”
填充方式,用户可以自己设置颜色渐变的效果。如移动关键点、改变关键点的颜色、
增加关键点等。
绘制有填充物的椭圆和矩形
绘制有填充物的椭圆设置好线条类型、线条颜色和填充色或填充图像。
使用工具箱中的“椭圆工具”,在舞台工作区内拖动鼠标,绘制有填充物的椭圆图形。
如果在绘制时,按 Shift键,可绘制正圆。
绘制有填充物的矩形设置好线条类型、线条颜色和填充色。
使用工具箱中的“矩形工具”,在舞台工作区内拖曳鼠标,即可绘制有填充物的矩形图形。
如果在绘制时,按 Shift键,可绘制正方形。
实例 1:立体彩球制作步骤:
1、新建一个文件和导入一幅图像设置文档的尺寸为 600Px× 200Px,白色背景;导入一幅图像,使用“任意变形”工具,调整适当的尺寸,然后将该图层锁定。
2、绘制第 1和第 2个立体彩球在图层 1上插入图层 2,单击“椭圆工具”按钮,绘制正圆,无轮廓线,填充为放射状的红到黑色;使用箭头工具,按 Ctrl键拖动红色彩球,复制一个相同的立体彩球,使用油漆桶工具,改变彩球亮点的位置为左上方。
3、绘制第 3个立体彩球复制第 3个立体彩球,通过调整渐变色调整条关键点的颜色,将填充设置成红到白色的放射状填充效果。
§ 2.2 线属性的设置和绘制图形一、设置线的颜色
使用“笔触颜色”面板设置线的颜色将鼠标移到颜色板内的色快上单击即可;
或在颜色输入框输入六位十六进制数 #RRGGBB来设置颜色。
使用“混色器”面板设置线的颜色在颜色板上用鼠标单击选择;
或在右边的红、绿、篮输入框中输入 R,G,B值。
二、设置线型线型包括线的形状、线的粗细和线的颜色等。线型的设置可由线的“属性”面板来完成。
绘制直线和轮廓线使用“线条工具”绘制直线单击工具箱中的线条工具按钮,设置线的线型和线的颜色,在舞台工作区内拖曳鼠标,可以绘制各种长度和角度的直线。按住 Shift键,可以绘制水平、垂直和 45° 角的线条。
使用“椭圆工具”绘制椭圆轮廓线单击工具箱中的椭圆工具按钮,在属性面板中选择笔触和填充属性,在舞台工作区拖曳鼠标,即可画出椭圆。去除填充属性,可以画椭圆轮廓线 。按 Shift
键,可以画正圆。
使用“矩形工具”绘制矩形轮廓线单击工具箱中的矩形工具按钮,在属性面板中选择笔触和填充属性,在舞台工作区拖曳鼠标,即可画出矩形。去除填充属性,可以画矩形轮廓线 。按 Shift
键,可以画正方形。设置圆角半径,可以画圆角矩形。
画笔 (刷子 )工具参数的设置和使用画笔工具能绘制出画笔般的笔触,创建特殊效果。画笔参数设置主要有:画笔宽度、画笔形状和画笔模式,其中画笔模式设置如下:
,标准绘画,模式:新画的线条覆盖同一层中的原有图形。
,颜料填充,模式:只能在空白区域和原图形的填充区域内绘制线条。
,后面绘画,模式:可以在同层舞台的空白区域涂色,不影响原有线条和填充。
,颜料选择,模式:只能在选择的图形区域里画线条。
,内部绘画,模式:只能在起始点所在的图形区域中绘制线条。
原始图像、标准绘画、后面绘画、颜料选择、颜料填充和内部绘画实例 2:荷塘月色荷塘月色的风景图画。
漆黑的夜晚,圆圆的月亮照映在湖水中,倒挂的垂柳,深篮色的湖面上漂浮着片片荷叶。给人一种美丽、幽静的感觉,好像置身于迷人的风景之中。
制作过程
1、创建新 Flash文件,文档尺寸 300× 260px,灰色 (&h999999)背景。
2、用椭圆工具画一个黄色的圆形月亮图形。
3、使用矩形工具在舞台的下边绘制深篮色的矩形湖面。
4、使用画笔工具,设置深绿色,最小的竖形笔型画垂柳。
5、在舞台的外边绘制深绿色椭圆,之上画小圆和直线,形成荷叶。
6、用箭头工具拖曳选中荷叶图形,“修改” —“组合”,将它们组合。
7、按 Ctrl键,用鼠标拖曳荷叶图形,复制多个荷叶图形。
8、用任意变形工具,调整荷叶的大小和旋转角度,将这些荷叶放入湖面之上。
9、设置填充色为黄色,使用画笔工具,画出月亮的倒影。
10、保存文件“荷塘月色,fla”。
§ 2.3 绘制曲线图形使用钢笔工具绘制图形要绘制精确的线条、路径,如直线、曲线等,可以使用钢笔工具。
绘制直线:
单击直线的起点,松开鼠标移到终点再双击即可。
绘制折线:
单击折线的起点,依次单击转折点,最后在终点双击。
绘制多边形:
单击多边形的一个端,依次单击各个端点,最后双击多边形的起始点。
绘制曲线:
( 1)先绘直线再定切线:
单击起点,松开鼠标再单击下一节点处,产生一条线段,拖动鼠标改变切线的位置,从而确定曲线形状。
( 2)先定切线再绘曲线:
单击起点,不松开鼠标,拖动鼠标形成切线,松开鼠标,再单击下一节点处,
则产生两点间的一条曲线。
使用铅笔工具绘制线和优化曲线使用铅笔工具,可以像我们真的在使用一支铅笔一样,绘制任意形状的曲线矢量图形。绘制完一条线后,Flash 可以自动对其进行加工,例如变直、平滑等。
使用铅笔工具绘制线设置线的线型和颜色,在工具箱的“选项”下选择一种绘画模式:
选择,伸直,:可以绘制直线并将接近三角形、椭圆、矩形和正方形的形状转换为这些常见的几何形状。
选择,平滑,:可以绘制平滑曲线。
选择,墨水,:可以绘制接近徒手画出的线条。
实例 3:树叶图形树叶图形由几片树叶和几条叶茎组成,制作过程如下,
1、创建新文档,尺寸为 300px宽,260px高,白色背景。
2、使用钢笔工具,线宽 2,笔触颜色为深绿色,填充为绿色放射性渐变。
3、画出树叶的外形,使用任意变形工具对树叶的形状进行调整。使用线条工具,在树叶上绘制几条直线。
4、将画好的树叶组合。菜单“窗口” —“变形”打开变形面板,在“旋转”文本框中输入 90°,再单击“拷贝并应用变形”进行复制。然后再复制几个树叶
5、使用铅笔工具,线宽 6,画一条粗叶茎。线宽 3,画几条细叶茎,调整树叶的大小和位置。
§ 2.4 橡皮擦工具使用,橡皮擦,工具,可以快速擦除舞台上的任何内容,擦除个别笔触段或填充区域。
水龙头 按钮:
可擦除所单击的整个填充或线段。
橡皮形状 下拉列表框:
可选择橡皮擦的形状与大小。
橡皮模式 按钮:可以设置擦除方式,各擦除模式意义如下:
,标准擦除,模式:可以擦除同一层上的笔触和填充。
,擦除填色,模式:只擦除填充,不影响笔触。
,擦除线条,模式:只擦除笔触,不影响填充。
,擦除所选填充,模式:只擦除当前选定的填充,并不影响笔触。
,内部擦除,模式:只擦除橡皮擦笔触开始处的填充。
§ 2.5 修改线和填充物的属性一、墨水瓶工具和颜料桶工具
墨水瓶工具的使用墨水瓶工具的作用是改变已经绘制的线属性,例如线的颜色、粗细和类型等。
如果用墨水瓶工具单击无轮廓线的填充物,则自动为该填充物增加一个轮廓线。
颜料桶工具的使用选择颜料桶工具后,将鼠标指针移到舞台工作区中的某填充物上,单击,即可用新设置的填充物属性修改被单击的填充物。
二、调整填充物在有渐变填充色的图形对象没被选中的情况下,单击按下,填充变形工具,
按钮,再用鼠标单击“线性”或“放射状”填充图形的内部,即可在渐变填充色之上出现一些圆形、方形的控制柄和线,用鼠标拖曳这些控制柄,可以调整填充色的填充状态。
实例 4:国画展厅国画展厅的制作步骤
1,绘制轮廓线和地面
(1) 设置舞台区大小为 500× 260px。单击“视图”-“网格”-
“编辑网格”,设置网格水平、垂直间距均为 10px,选择“显示网格”复选框。
(2) 使用线条工具,绘制展厅、地面的布局线条图形。
(3) 使用颜料桶工具,给展厅地面的格子内填充黑白相间的颜色。
2,填充图像
(1) 单击“文件”-“导入”-“导入到库”菜单命令,将一幅“灯”图像和五幅国画图像导入到“库”面板。
(2) 在“混色器”面板的填充风格下拉列表框中,选中“位图”选项,将“灯”
图像用油漆桶工具填充到上边的梯形内部。
(3) 使用填充变形工具,单击填充的“灯”图像,拖动鼠标调整图像的大小和位置,形成房顶的吊灯图像效果。
(4) 将“库面板”中的三幅国画图像依次拖曳到工作区,调整图像的大小,填充到展厅正面。选中整个图像并组合。
(5) 将“库面板”中的一幅国画拖到工作区,调整大小,打碎。使用“任意变形工具”调整形状,使其与左边的梯形形状一致。同样方法将另一幅国画填充到另一梯形中。
第 3章 创建文本和导入外部对象本章主要内容:
创建文本
导入图像
导入声音和视频
§ 3.1 创建文本文本的输入使用工具箱内的文字工具,再单击舞台工作区,即会出现一个矩形框,矩形框右上角有一个小圆控制柄,表示它是 延伸文本,同时光标出现在矩形框内,这时就可以输入文字。
要创建固定行宽的文本,可以用鼠标拖动文本框的小圆控制柄,
即可改变文本的行宽度,此时文本框的小圆控制柄变为方形控制柄。
在固定行宽文本状态下,输入文本会自动换行。双击方形控制柄,
可将 固定行宽文本 变为延伸文本。
文本类型静态文本:显示不会动态更改字符的文本。
动态文本:显示动态更新的文本,如体育得分、天气报告。
输入文本:供用户输入文本,如用户名、密码等。
文本属性的设置文本的属性文本的属性包括文字的 字体、字号、颜色 等。设置文本的属性可通过 菜单 命令或 属性面板 来完成。
利用菜单命令设置文本属性单击“文本”菜单选项,可以设置字体、大小 (字号 )、样式 (效果 )、对齐、间距等。
利用“属性”面板设置文本属性单击工具箱内的“文本工具”按钮,调出它的文本属性面板,
可以设置文字的各种属性。
文本属性面板使用设备字体,
表示使用设备字体。输出的 Flash文件中不嵌入字体信息。播放
Flash文件时,Flash播放器将在播放的计算机系统中调用相应的设备字体或选择一种最接近的字体。因为这种方法不将字体的任何信息嵌入 Flash文件,可以使生成的 Flash文件字节数较小。
“可选”按钮:
单击按下后,可用鼠标选择动画中的文字,进行复制等操作。
URL链接文本框:
用来输入网址,例如,http://www.sina.com.cn。也可以输入 E-
mail地址。例如,mailto:zhaoli@sohu.com
分离和打碎文字分离文字块:
使用箭头工具,单击选中一个文字块,单击“修改” —“分离”
菜单命令,即可将文字块分离为独立的单个字符或汉字。文字块分离后,成为多个独立对象。
打碎文字:
单击选中一个或多个独立的字符或汉字,然后单击“修改” —
“分离”菜单命令,即可将其打碎。打碎后的文字可以按照图形来处理。
实例 5,彩虹文字制作过程:
1、使用文本工具输入文本“彩虹文字”,华文行楷,70号,黑色。
2、用箭头工具选中文字,再用任意变形工具适当调整文字的大小。
3、两次单击“修改” —“分离”菜单命令,将文字打碎。
3、选中所有文字,单击“修改” —“形状” —“扩展填充 …”,将文字向外扩充 4 个像素点。
4、在工具箱的“颜色”栏内设置填充色为多彩线性渐变色。在混色器面板中,依次将各关键点颜色调整为:红 (255,0,0)、橙
(200,200,0)、黄 (255,255,0)、绿 (0,255,0)、青 (0,255,255)、蓝 (0,0,255)、
紫 (255,0,255)。
5、不选中文字。使用填充转换工具,单击文字,调整渐变色的倾斜方向与颜色。
§ 3.2 导入图像一、导入外部素材和位图属性的设置
导入外部素材,单击“文件” —“导入到舞台 或 导入到库”菜单,打开“导入”对话框进行导入操作。
可以导入的外部素材包括:矢量图形、位图、声音和视频等。
几种格式简介如下:
GIF图像文件:压缩比略小于 JPEG格式的位图图像,可以动态显示。
WAV声音文件:它是未压缩的声音格式,其扩展名是,wav。
MP3声音文件:采用 MP3方式压缩的声音格式,扩展名是,MP3。
位图属性的设置导入一个位图图像后,打开“库”面板,双击“库”面板中的图像名字或图标,即可调出该图像的“位图属性”对话框。
允许平滑:可以消除位图边界的锯齿。
“压缩”下拉列表框:可选择“照片 (JPEG)”或“无损 (PNG/GIF)”。
“使用文档默认品质”复选框:选中时,表示使用文件默认质量;
不选择该复选框,会出现一个“品质”文本框,输入 1到 100的数值,
数值越大,图像品质越高。
“测试”按钮:可以按新的属性进行设置,在对话框的下半部显示相关信息。
在 Flash 中,许多操作是针对矢量图形进行的,对于导入的位图就不能操作了。
因此,位图必须经过分离 (也叫打碎 )或矢量化才能操作和编辑。
打碎位图,选中位图,然后单击“修改” --“分离”,将位图打碎。
位图的矢量化,单击“修改” —“位图”-“转换位图为矢量图”,调出“转换位图为矢量图”对话框,进行设置后单击确定。对话框中各选项作用:
颜色阈值,区分颜色的阀值,介于 1 和 500 之间。阀值越小,转换后的颜色丢失少,与原位图图像差别较小。
最小区域,介于 1 和 1000 之间的值,表示最小区域的像素数,越小,转化后的矢量图形越精确,与原位图像越接近,但转换速度慢。
曲线拟合,从下拉列表中选择一个选项,用于确定绘制的轮廓的平滑程度。
转角阈值,选择一个角阀值,以确定是保留锐边还是进行平滑处理。
要创建最接近原始位图的矢量图形,请输入以下的值:
颜色阈值,10;
最小区域,1 个像素;
曲线拟合:像素;
转角阈值:较多转角。
打碎位图和位图的矢量化实例 6,图像文字图像文字由一幅风景画填充文字的内部,制作过程如下:
1,导入一幅风景图像,使用任意变形工具,将图像在水平方向调大,打碎,然后将该图层锁定。
2,插入图层 2,单击选中图层 2 的第 1帧。
3,输入文字“图像文字”,宋体,96号、黄色,用任意变形工具适当调整文字大小。
4,将文字打碎。此时若有连笔画现象,需要修补。
(缩放比例 400%,使用线条工具,在有连笔画的地方绘制线条并调整,双击线条内部,选中线条内部的填充物和线条,删除。)
5,选中文字,单击“修改” —“形状”-“扩展填充”菜单,将文字向外扩充 4个像素点。
6,单击空白处,不选中文字。使用墨水瓶工具,设置黄色,线粗为 2。单击文字笔画的边缘,增加文字的黄色轮廓线。
7,使用箭头工具,按 Shift键,选中所有文字内部的填充,删除。
8,选中所有文字,在舞台工作区右键单击,选择“复制”命令,然后删除图层 2。
9,解除图层 1的锁定,在舞台工作区右键单击,选择“粘贴”命令。
10,使用箭头工具,按 Shift键,同时选中文字外部的图像,删除,只剩下文字轮廓线和文字内的图像。
§ 3.3 导入声音一、导入声音和使用声音在 Flash作品中,可以给图形、按钮动作和动画等配有背景声音,导入的声音文件格式有 WAV,AIFF和 MP3等。
导入声音:首先为声音创建一个图层。然后单击“文件” —“导入”-“导入到库”菜单,在对话框中选择声音文件打开,导入的声音会加载到“库”面板中。
将“库”面板中的一个声音文件拖到舞台工作区内,即可看到在声音图层的第
1帧内显示出声音的波形。在声音图层的某一帧,如 30帧单击,按 F5键,可以看到声音波形。用鼠标拖动波形的位置,可以使声音与动画同步播放。
二、声音的属性设置双击“库”面板中的声音元件图标,打开“声音属性”对话框,可以查看、更改声音属性和进行测试。
第 4章 编辑对象修改对象的形状修改对象的大小、位置编辑多个对象和声音
§ 4.1 修改对象的形状和选取部分对象使用箭头工具修改对象的形状
1、改变对象的形状:使用箭头工具,先不要选中对象,将鼠标移到对象的边缘处,鼠标指针右下角出现小弧线或小直角线,拖曳鼠标即可修改对象的形状。
2、切割对象:使用箭头工具,在舞台工作区内拖曳鼠标,选中图形的一部分,
然后拖曳选中的部分,即可将选中的部分分离。也可以在对象上画细直线,将图形切割,用鼠标拖曳分离。
使用套索工具选取对象的一部分套索工具的选取作用:使用套索工具,可以选择不规则区域和多个对象。用套索工具拖曳出的线可以不封闭,Flash MX会自动以直线连接首尾,形成封闭的曲线。
套索工具的三个按钮用来改变套索工具的属性:多边形模式;魔术棒;魔术棒属性。
实例 7:扑克牌
5A
制作步骤:
1、设置舞台工作区大小为 300× 180。调出“网格”对话框,设置水平和垂直间距均为 10,选择“显示”和“对齐”网格选项。
2、使用线条工具,设置线的颜色为红色,画菱形。然后使用箭头工具,调整菱形的形状并填充红色。选中轮廓和填充,将它们组合。
3、绘制黑桃图形:使用黑色钢笔,先画一个三角形,在上肩两侧、
底边画小段直线,使用箭头工具调整出桃形图案,再将小线段删除,
桃形图案填充黑色。
4、对上述图形复制和垂直翻转,输入相应的文字,组成扑克牌图形。
§ 4.2 改变对象的大小、形状和位置一、使用任意变形工具改变对象使用任意变形工具可以缩放、旋转、变形和封套对象。
变形对象时,单击工具箱“选项”栏内的“扭曲”按钮;封套对象时,要单击选择工具箱“选项”栏内的“封套”按钮。
二、使用菜单命令改变对象和线的平滑与校直
1,使用箭头工具,选中对象,打开菜单“修改”-“变形”-子菜单,可以将选中的对象进行缩放、旋转、变形和封套等变形操作。
2,线的平滑与校直:选中线、填充物或打碎的对象,不断单击
“平滑”按钮 (在选项栏或常用工具栏 ),即可将不平滑的图形变平滑;不断单击“直线”按钮,即可将不直的图形变直。
三、精确调整对象的形状与位置可以通过“信息”面板和“属性”面板精确调整对象的位置和大小
§ 4.3 编辑多个对象和声音一、组合组合就是将多个对象 (图形和位图像 )组合成一个对象。组合后,
可以作为一个对象来进行操作,如复制、移动、旋转与倾斜等。
二、多个对象的对齐和层次调整
1,对齐对象:先选择要对齐的对象,执行菜单“修改”-“对齐”
-,即可将选中的对象进行相应的对齐。也可以通过“窗口”-
“设置”面板-“对齐”,打开“对齐”窗口进行对齐操作。
2,层次调整:可以通过菜单“修改”-“排列”-,进行层次调整。
三、设置声音效果把声音导入舞台工作区后,时间轴的当前帧单元格内会出现声音波形。单击选中声音波形单元格,调出声音的“属性”面板对声音进行编辑。
实例 8:彩球倒影绘制方法:
1、绘制椭圆:使用椭圆工具,蓝色线条,绘制一个无填充的圆。
按住 Ctrl键拖动,将图形复制一份。
2、打开“变形”面板,复制缩小比例分别为 2/3,1/3的椭圆,形成各个小区域。间隔填充小区域为深红色,删除彩球线条。将左上角的两个色块填充由白到红色的圆形渐变色,选中图形并组合。
3、设置填充颜色为白、绿、黑色中心渐变色,绘制一个同样大小的无轮廓线的绿色彩球,将其移到红白彩球之上并组合。
4、复制 3份彩球,摆放到适当的位置。
5、插入图层 2,绘制无轮廓线的蓝色矩形,将下面两个彩球覆盖住,在混色器面板中调整 Alpha的值为 60%。
第 5章 Flash MX动画制作
移动动画和“帧-帧”动画
对象旋转的动画
导向移动动画
形状过渡动画
遮罩图层动画
§ 5.1 制作简单的移动动画和,帧-帧,动画一,Flash 动画的基础知识
Flash动画的分类:
(1)“帧-帧”动画:制作好每一帧画面,每一帧内容都不同,然后连续依次播放这些画面,即可生成动画效果。
(2)过渡动画:制作好若干关键帧的画面,由 Flash通过计算生成各关键帧之间的各个帧,使画面从一个关键帧过渡到另一个关键帧。
过渡动画又分为:
移动过渡动画 (动作过渡动画 )
形状过渡动画 (变形动画 )两种。
移动动画的制作方法
1、选中时间轴中的一个空白关键帧 (第 1帧就是空白关键帧 ),在舞台工作区创建一个对象或从“库”面板中把一个元件拖到舞台工作区中。例如画一个绿色立体圆球。
2、鼠标右键单击关键帧,在快捷菜单中选择“创建补间动画”,
3、单击选择时间轴中的动画结束帧 (如 30帧),按 F6键,创建一个关键帧并选中该关键帧。此时在两个关键帧之间会产生一个指向右边的水平箭头线,表示过渡动画创建成功。
4、调整动画起始帧和结束帧中对象的位置、大小、旋转等。
实例 9:弹跳彩球
“弹跳彩球”动画显示的画面是:彩球在垂直方向弹跳,彩球下面有一个阴影,随着彩球的上下跳动,阴影大小也在随之变化。
制作步骤:
1、在舞台工作区绘制一个立体彩球。
2、右键单击时间轴第 1帧,选择“创建补间动画”菜单命令。单击第 50帧,按 F6键,创建从第 1帧到 50帧的移动过渡动画。
3、选择第 25帧,按 F6键,再将第 25帧的彩球垂直移到舞台工作区的下边。
4、新建图层 2,并把图层 2拖到图层 1的下面。选中图层 2的第 1帧,
在舞台工作区绘制一个无轮廓线的灰色椭圆。
5、通过菜单“修改”-“外形”-“柔化填充边缘”,对灰色椭圆进行“柔化填充边缘”操作。
6、创建图层 2从第 1帧到 50帧的移动过渡动画,单击第 25帧,按
F6键,将阴影放大。
实例 10:倒计时数字
“倒计时数字”动画播放后,画面依次显示 5,4,3,2,1图像,
然后显示一幅从大到小的国画图像。
制作步骤:
( 1)设置动画文档的宽为 300px和高为 200px,白色背景。
( 2)单击“文件” -“导入到库”菜单命令,在“导入到库”对话框中,选中,1”、,2”、,3”、,4”、,5”图像文件,将它们导入到“库”面板。
( 3)单击选中第 1帧,将“库”中的,5”元件拖到舞台工作区,
位置为( 130,50)。
( 4)选择“图层 1”图层的第 6帧,按 F6键。按删除键,将图像
,5”删除。
( 5)将“库”面板中的,4”元件拖到舞台工作区,位置仍为
( 130,50)。
( 6)单击选择“图层 1”图层的第 12帧,按 F6键。删除图像,4”,
将图像,3”放到舞台,位置( 130,50)。
( 7)按照上述方法,依次将“库”面板中的,2”和,1”元件放到舞台工作区。最后在第 30帧将,1”图像删除。
( 8)单击选中第 30帧,导入一幅国画图像。
( 9)单击选中第 30帧,右击鼠标,选择“创建补间动画”菜单命令。单击选择第 60帧,按 F6键,将它设置为关键帧。同时创建了
30帧到第 60帧的移动过渡动画。
( 10)使用任意变形工具,分别调整第 30帧和第 60帧的图像大小。
§ 5.2 制作对象旋转的动画一、动画关键帧的“属性”面板的使用利用动画关键帧的“属性”面板,可以设置动画类型和动画属性。
( 1)“帧标签”文本框:用来输入帧的标签名称。
( 2)“补间”下拉列表框:用来选择动画类型。它有三个选项:
无(没有动画)、动作(移动动画,也叫动作动画)和形状(形状过渡动画,也叫变形动画)。
( 3)“简易”文本框:用来调整运动的加速度。
( 4)“旋转”下拉列表框:用来控制对象在运动时是否自旋转。
无-不旋转;自动-按照尽可能少运动的情况下旋转对象;
顺时针-顺时针旋转对象;逆时针-逆时针旋转对象。如果选择后两项,需在右边的文本框中输入旋转的次数。
( 5)“同步”选项-可确保影片实例循环播放时,与主电影相匹配。
( 6)“对齐”选项-可使对象自动捕捉路径。
二、制作旋转动画的方法
( 1)单击选中移动动画的第 1个关键帧,创建动画对象。
( 2)单击选中动画对象,再选择工具箱中的任意变形工具,用鼠标调整动画对象中的圆形标记,即旋转的中心点位置。
( 3)按照前面讲述的方法,制作简单的移动动画。
( 4)如果动画对象是围绕中心点旋转,则可以单击选中移动动画的第 1个关键帧。在其“属性”面板内的“旋转”下拉列表框中选择“顺时针”或“逆时针”选项,在右边的文本框中输入旋转的圈数。
( 5)如果动画对象是围绕中心点摆动,可以单击选中动画的结束关键帧,使用任意变形工具,用鼠标调整该帧对象的位置。
三、编辑帧
( 1)选择一个或多个帧:单击一帧的单元格即可选中该帧;按
Ctrl键,同时单击帧,可以同时选中多个不连续的帧;按 Shift键,
单击第 1帧和最后 1帧,可以选择连续的多个帧;按 Ctrl+Alt+A,可以选中动画中的所有帧。
( 2)复制和移动帧:选中若干帧,右键单击,选择“复制帧”
(或“剪切帧”)菜单,然后选择一个单元格,在快捷菜单中选择
“粘贴帧”。
( 3)调整过渡帧的数量:在创建了移动过渡动画或形状过渡动画后,如果要调整过渡的长度(即过渡帧的数量),可以先单击选中起始或结束关键帧,然后用鼠标水平拖曳该帧单元格。
( 4)插入普通帧:单击选中要插入帧的帧单元格,然后按 F5键。
或右键单击,选择“插入帧”命令。
( 5)插入关键帧:单击选中要插入关键帧的帧单元格,按 F6键。
实例 11:摆动小球
“摆动小球”动画是两个单摆小球来回摆动的动画。最左边的单摆小球摆起再回到原处后,撞击其他三个单摆小球,使最右边的单摆小球摆起,最右边的单摆小球回到原处后,又撞击其他三个单摆小球,使最左边的单摆小球再摆起。周而复始,不断移动。
制作过程:
( 1)设置舞台工作区的大小为 500px× 300px,背景为白色。
( 2)单击“插入”-“新建元件”菜单命令,输入元件的名称为“单摆”。单击选中“影片剪辑”单选按钮,确定。此时舞台工作区切换到元件编辑窗口。
( 3)绘制一个绿色的立体球和一条蓝色的垂直直线,将它们组合,制成单摆。然后单击“场景 1”,回到主场景舞台工作区。
( 4)在“图层 1”图层的第 1帧绘制一个长条的矩形,作为单摆的横梁。它的轮廓线为蓝色,填充为放射状渐变的红黑色。单击选中第 60帧,按 F5键,使第 1到 60帧内容一样。
( 5)在“图层 1”上增加“图层 2”图层。单击选中“图层 2”图层的第 1帧,将“库”面板中的“单摆”元件拖曳到横梁的下边的偏左边处。可以使用“任意变形工具”适当调整它的大小,并且调整
“单摆”对象的中心标记到单摆线的顶端。
( 6)创建“图层 2”图层中的第 1帧到第 30帧的移动动画。第 1帧与第 30帧的画面均如图 1所示。使“图层 2”中的第 15帧为关键帧,
将该帧“单摆”对象的位置如图 2所示。
图 1 图 2
( 7)选择“图层 2”图层的第 60帧,按 F5键,使“图层 2”图层的第 31帧到 60帧的内容与第 30帧的内容一样。
( 8)在“图层 2”上增加“图层 3”图层。将
“图层 2”图层第 1帧的“单摆”对象复制到“图层 3”图层的第 1帧。同时使“图层 3”图层第 1到 60
帧的图像一样。
( 9)单击选中“图层 3”图层的第 1帧的“单摆”
对象,两次按 Ctrl+D键(重制命令),复制两
“单摆”对象。精确调整它们的位置,使它们成为三个“单摆”对象。
( 10)在“图层 3”之上增加“图层 4”。复制“图层 2”第 1帧的“单摆”对象到“图层 4”
的第 1帧。
( 11)单击“图层 4”图层的第 31帧,按 F6
键,创建关键帧。再创建第 31帧到 60帧的移动动画。然后,单击“图层 4”的 45帧,按 F6
键。
( 12)选择“图层 4”的第 45帧,将该帧的
“单摆”对象向右上方旋转。
§ 5.3 制作导向移动动画一、导向移动动画的制作方法
1、首先建立沿直线移动的移动动画,例如圆球从左到右的动画。
2、选择一个图层,如图层 1,作为被引导图层,然后单击时间轴左下角的“添加引导图层”按钮,创建引导图层。
3、选中引导图层的第 1帧,在舞台工作区内绘制路径曲线。
4、选中图层 1的第 1 帧,将移动对象 (圆球 )拖放到引导线的起始端,使对象的中心与路径起始点重合。单击动画结束帧,拖放移动对象到引导线的结束端,中心与结束点重合。
5、按回车键,播放动画。其中的引导线在正式播放时不会显示出来。
实例 12:云中飞翔的鸟制作步骤:
1、设置舞台属性:宽 800,高 500;白色背景。
2、导入背景图像到图层 1:将一幅蓝天白云的风景图像导入到舞台工作区,使用任意变形工具调整它的大小和位置,锁定图层 1。
3、在图层 1上增加图层 2,选中第 1帧。将小鸟图像导入舞台工作区,将图像打碎。
4、使用套索工具,沿鸟图像的边缘选取鸟的外形轮廓,删除多余部分,保留鸟的图形。也可以使用任意变形工具的封套功能,对鸟图形进行进一步的修饰。
5、在图层 2中创建鸟的直线移动动画(第 1到 50帧)。选择图层 1的第 50帧,按
F5键插入普通帧。
6、在图层 2上创建引导图层,用钢笔工具绘制引导曲线。使用箭头工具调整路径的形状。
7、将鸟图像拖放到引导线的起始端,与路径起始点重合;单击动画结束帧,
将鸟图像拖到引导线的结束端,中心与结束点重合。
8、按回车键或 Ctrl+回车键,测试动画效果。
§ 5.4 制作形状过渡动画什么是形状过渡动画?
形状过渡动画也叫变形动画,它是由一种形状对象逐渐变为另一种形状对象。
Flash MX可以将图形、打碎的文字和由点阵图像转换的矢量图形进行变形。
创建形状过渡动画的过程
1、单击选中一个图层,使它为当前图层,然后单击选中一个空白关键帧作为动画的开始帧。
2、在舞台工作区内创建一个符合要求的对象,作为形状过渡的初始对象。例如,绘制一个红色立体球。
3、单击形状动画的结束帧,按 F6键,创建动画的结束帧为关键帧。然后,在舞台工作区内创建一个符合要求的对象,作为形状过渡动画的结束对象,再删除原对象。
4、调出动画关键帧的属性面板。单击选中起始关键帧与结束关键帧之间的所有单元格。选中帧面板内“补间”下拉列表框中的“形状”选项。
5、在时间轴上,从初始到结束帧之间会出现一个指向右边的箭头,帧单元格的背景变为浅绿色,表示创建了形状动画。
变形动画不但可以改变初始对象的形状,还可以改变它的位置和颜色。
动画关键帧,属性,面板和形状动画效果调整一、动画关键帧属性面板的使用选择动画关键帧的属性面板内的“补间”下拉列表框中的“形状”选项后,属性面板中各选项的作用如下:
1、利用“简易”文本框:用来设置动画的加速度。
2、“混合”下拉列表框:该列表框内各选项的作用如下:
“分布式”选项:可使动画中过渡帧的图形比较平滑。
“角形”选项:选择它后,创建的过渡帧中图形更多地保留了原来图形的尖角或直线的特征。如果关键帧中的图形没有尖角,则与选择“分布式”的效果一样。
二、改进形状效果为了使形状动画中间过程中各个画面变化比较流畅,可以使用形状提示,来控制复杂或特殊的变形过程。
形状提示就是在形状的初始图形与结束图形上,分别指定一些形状关键点,并使这些关键点在起始帧中一一对应,这样 Flash就会根据这些关键点的对应关系来计算形状变化的过程。
形状动画效果调整形状动画效果调整的方法:
1、单击选中时间轴第 1帧单元格,按 Ctrl+Shift+H键,或通过菜单“修改”-
“外形”-“添加形状提示”命令,即可在第 1帧文字图形中加入一个关键点标记:,a”。重复上述过程,可以继续增加,b”到,z” 25个关键点标记。此处再增加一个关键点标记,b”。
2、用鼠标拖曳这两个标记,分别放置在第 1帧图形的两个位置处。
3、再单击选中结束帧,这时在结束帧图形中也有,a”和,b”关键点标记 (两个标记重叠在一起)。用鼠标将这些标记拖放到适当位置。
4、在 Flash中最多可以使用 26个形状关键点标记,分别用 26个英文小写字母表示。在起始关键帧的形状关键点用黄色圆圈表示,在结束关键帧用绿色圆圈表示。
如果关键点的位置不在曲线上,将显示红色圆圈。
5、为了获得更好的形状效果,应注意以下原则:
如果过渡比较复杂,可以在中间增加一个或多个关键帧。
起始关键帧与结束关键帧中关键点标记的顺序应该一致。例如一条线上添加了
3个关键点标记,a”、,b”,,c”。无论这条线如何变形,这三个点在线上始终保持,a”、,b”,,c”的顺序。
最好使各形状关键点沿逆时针或顺时针方向对齐,并且从图形的左上角开始。
实例 13,XYZ变换
“XYZ变换”动画播放后,屏幕上一帧红色的字母,X”逐渐变形为绿色的,Y”,
接着绿色的,Y”再逐渐变形为蓝色的字母,Z”。
1、使用文本工具,输入红色、字体为 _sans、加粗的字符 X。将其打碎。
2、选择第 20帧,按 F6键。输入绿色字符 Y,打碎。将字符 X删除。
3、选中 1到 20帧,在过渡动画的属性面板的“补间”下拉列表框中选择“形状”
选项,创建变形动画。
4、选择第 1帧,再按 5次 Ctrl+Shift+H键,分别调整字符 X和字符 Y上的关键点标记。
5、选择第 21帧,按 F6键。选择 40帧,按 F6键,在 40帧输入蓝色字符 Z并打碎,
将字符 Y删除。
6、选择 21帧,按 7次 Ctrl+Shift+H键,分别调整字符 X和字符 Y上的关键点标记。
§ 5.5 遮罩图层与动画遮罩图层的作用:
遮罩图层可以透过遮罩图层内的图形看到下面图层的内容,而不可以透过遮罩图层内的无图形处看到其下面图层的内容。
在遮罩图层上绘制的图形或输入的文字,相当于在遮罩图层上挖掉了相应形状的洞,形成挖空区域,挖空区域将完全透明,其他区域都是完全不透明的。通过挖空区域,下面图层的内容就可以被显示出来。
创建遮罩图层:
1、首先创建一个普通图层,在其上绘制图形、输入文字、导入图像或加入影片剪辑等。
2、选中刚刚创建的普通图层,在其上面创建一个新的普通图层。
3、在新建的普通图层上绘制图形、加入打碎的文字或影片剪辑等。
作为遮罩图层中挖空的区域。
4、鼠标在新建图层上右键单击,选择“遮罩”菜单命令。此时,
下面的普通图层的名字会向右缩进,表示已经被它上面的遮罩图层所关联,成为被遮罩的图层。
示例 14,
模拟探照灯光制作过程:
1、在图层 1的第 1帧导入一幅图像,调整大小使它与舞台一致。
2、在图层 1上新增图层 2。再将图层 1第 1帧的图像复制到图层 2的第 1帧。两幅图像的位置、大小应一致。
3、隐藏图层 2。选中图层 1的图像,打开菜单“修改” —“转换为元件”,将图层
1的图像转换成影片剪辑。
4、打开属性面板,选择“颜色”下拉列表框中的“亮度”选项,将图像调暗。
5,在图层 2上创建图层 3,在该图层创建一个圆形图形移动 ( 1—60帧 ) 的动画 。
分别选中图层 2,图层 3的 60帧,按 F5键 。
6,选中图层 3右击,选择,遮罩,项 。 制作完毕 。