实验三 Flash动画制作

实验三

Flash动画制作

参考资料 网上Flash动画制作教程和视频

#

主要内容 Flash基本操作 Flash基本绘图 Flash基本动画制作 Flash动画实例

#

一.Flash基本操作1. Flash简介 Flash是Macromedia公司推出的网页设计和网页 动画制作软件。 Flash支持动画、声音和交互，具有强大的多媒体 编辑功能，使用Flash可以设计出引导时尚潮流的 网站、动画、多媒体及互动影像。 Flash采用矢量技术，生成的文件容量小，适合网 络传输。计算机图形图像处理数字化图像数据在计算机中一般有两种存储方式：位 图模式和矢量图模式。 这两种方式的最大区别在于记录的形式： 位图模式：采用点阵方式来记录，从图像左上角第一个点 开始，到右下角最后一个点结束，记录所有像素的颜色 值。该存储模式比较适合于内容复杂的图像和真实的照 片，但图像在放大和缩小的过程中会失真，占用磁盘空间 也较大。将照片中的局部放大到1200%

矢量图模式：存储图像内容的轮廓部分。例如，一个圆形 图案只要存储圆心的坐标位置和半径长度，以及圆形边线 和内部的颜色。优点是图像的缩放不会引起图像失真，图 像的存储空间比位图方式要少得多，而且便于修改。

#

2.

Flash MX 2004基本操作

① Flash的启动和退出 ② 创建Flash 文档：执行 “文件” → “新建”命令，在“新 建文档”对话框中选择“Flash文档”选项。 ③ 设置文档属性：执行 “修改” → “文档”命令，在“文

档属性”对话框中设置文档的大小、背景色、动画帧频率 和标尺的单位。④ 在Flash中导入对象：执行 “文件” → “导入” → “导 入到舞台”命令，可以导入外部的图像、声音、视频等文 件。

#

2.

Flash MX 2004基本操作(续)

⑤ 保存文档：执行 “文件” → “保存”命令，在“另存为” 对话框中设置要保存文件的名称、路径Flash源文件的后 缀是 .fla。 ⑥ 打开Flash 文档：执行 “文件” → “打开”命令，在“打 开”对话框中选择.fla文档。 ⑦ 输出动画：执行 “文件” → “导出” → “导出影片”命

令，可以把作品输出成.swf 格式的动画文件。⑧ 演示动画：执行 “控制” → “测试影片”,作品则在 Flash MX环境中演示。

#

3.

Flash 工作界面

时间轴 工具箱 舞台 元件库

面板

#

4.

Flash 工具箱常用工具

工具箱分为4个区域：

工具： 查看：

工具区域 选择工具 ：选择和移动舞台中的各种对象，也可改变对 象的形状。 部分选取工具 套索工具 ：使舞台中的对象变形，也可移动对象。 :在舞台中选择不规则的区域或对象。

钢笔工具 ：绘制直线、曲线或矢量图形，也可调整曲线 的曲率，以改变对象的形状。 文本工具 椭圆工具 矩形工具 铅笔工具 刷子工具 ：输入和修改文本。 :绘制任意大小的椭圆或圆。 :绘制任意大小的矩形、圆角矩形或正方形。 :绘制任意形状和长短的曲线。 :绘制任意形状和大小的矢量色块。

查看区域 手形工具 ：移动舞台画面，以便更好地观察不 能全部显示的对象。 缩放工具 ：改变舞台画面的显示比例，以便更 好地观察对象中的细节部分。

颜色：

颜色区域 笔触颜色 ：设置所选工具的笔触(边框)颜色，即所 绘图形的线条或边框颜色。 填充色 黑白 没有颜色 交换颜色 的颜色。 :设置所选的对象中要填充的颜色。 :单击它使笔触颜色为黑色，填充颜色为白色。 :单击它可使矢量图形的边框无颜色。 :单击它可交换矢量图形的填充颜色和边框

选项：选项区域中的选项随着所选工具的变化而变化。当选中某种工具后，在选项 区域中将出现相应的选项，以方便用户设 置所选工具的属性。

#

二.Flash基本绘图1. 绘制线条 在矢量图形的绘制中，线条起着举足轻重的作用，不同 样式的线条可以给人不同的视觉感受，线条的不同粗细、 样式、方向都可以赋予线条不同的生命力。如直线可以 表现简单、明确、直率和刚毅，而曲线可以表现轻盈、 柔美、生动。 在Flash MX 2004中，可以用来绘制线条的工具有三个： 线条工具、铅笔工具、钢笔工具。

#

①

线条工具

线条工具可用来绘制各种类型线段。

提示：在绘制直线时按住【Shift】键，可以绘制出水平、 垂直或与水平方向成45°的线段。如鱼骨图形。 #

②

钢笔工具

钢笔工具是一个作用非常大的绘图工具，利用它既可以 绘制直线，也可以绘制曲线，还可以调节曲线的曲率， 使绘制的线条按照预想的方向弯曲。 a) 钢笔绘直线 在舞台中的任意位置单击鼠标左键确定直线的起 点，松开鼠标左键，将鼠标光标定位到另一点单 击鼠标左键，在起点位置和终点位置自动出现一 条直线。用相同的方法确定图形的其他点，如果想让绘制 的几根直线封闭起来，则可以将鼠标光标移到起 点位置，当其变为 形状时单击鼠标左键即可 绘制一个封闭的图形， #

②b) 钢笔绘曲线

钢笔工具

(续)

在舞台中的任意位置单击，确定曲线的起点。 将鼠标光标移动至另一位置，按住鼠标左键确定曲线的 第二点，然后向任意方向拖动鼠标，出现一个调节杆， 用于调整曲线的弧度。 当对曲线弧度满意后，释放

鼠标左键即可绘制出一条曲 线。

#

③

铅笔工具

铅笔工具不但可以绘制直线，还可以绘制曲线。单击工 具栏上的 按钮，在舞台中按住鼠标左键随意拖动即可 绘制任意直线或曲线。 铅笔工具的选项区域有三种模式：

绘制的曲线趋于比较规则的状态 绘制的线条趋向于流畅平滑 绘制的曲线将如实地反映鼠标光标滑过的路径

提示：按住【Shift】键可以绘制水平或垂直方向上的直线。 #

2.① 椭圆工具

绘制图形

:绘制椭圆或圆

点按“椭圆”工具，选择笔触颜色和填充颜色，在舞台 任意处按住鼠标左键拖动即可。 若要画圆，按住【Shift】拖动鼠标。

#

2.② 矩形工具

绘制图形(续)

:绘制矩形或正方型

与绘制椭圆或圆操作相似。 若四个角需有弧度，则在选项区域点“圆角矩形半径”, 在“矩形设置”对话框中，对“边角半径”进行设置。

#

2.③ 多角星型工具

绘制图形(续):绘制多边型或星型

点按矩形工具右下角，出现：选“多角星形工具”。 在“多角星形工具” 属性中，“自定义” 确定笔触样式；“选项”确定图形样式

#