flash 动画制作基础Word文档格式.docx

flash 动画制作基础Word文档格式.docx

《flash 动画制作基础Word文档格式.docx》由会员分享，可在线阅读，更多相关《flash 动画制作基础Word文档格式.docx（57页珍藏版）》请在冰豆网上搜索。

1.制作教学辅助课件，引导学生认真阅读教材，为学生自主探究学习提供帮助。

2.各收集一个GIF格式、SWF格式、AVI格式和FLC格式的动画。

[教学重、难点]

重点：

Flash的应用

难点：

Flash的几个基本概念。

[课时安排]

电教1学时

[教学过程]

一、flash简介

flash是Macromedia公司推出的一种优秀的矢量动画编辑软件，FLASH8.0是其最新的版本。

利用该软件制作的动画尺寸要比位图动画文件﹙如GLF动画﹚尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。

Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。

通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。

您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。

二、flash的应用

课本第8-10页，自学

三、flash的安装、启动与退出

1、网页设计三剑客

Macromedia公司的Dreamweaver、fireworks和flash被网页设计师美称为“网页制作三剑客”。

课本第1页，自学

3、FLASH8的安装

找到FLASH8的安装文件，双击它，然后按屏幕提示进行操作即可。

Flash8的工作界面由标题栏、菜单栏、工具箱、时间线窗口、绘图工作区、浮动面板、属性面板等组成。

4、FLASH8的启动与退出

（1）启动：

（2）退出

四、几个基本概念

（一）、矢量图与位图

计算机中显示的图形一般可以分为两大类——矢量图和位图。

1、矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。

矢量图的优点：

A、矢量图形最大的优点是无论放大、缩小或旋转等不会失真；

B、由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。

矢量图的缺点：

A、最大的缺点是难以表现色彩层次丰富的逼真图像效果。

大名鼎鼎的Flash8制作的动画即是矢量图形动画。

2、位图：

位图使用不同颜色的点（即“像素”）描述图像，所以位图都有分辨率这一指数，分辨率一般以“像素/英寸”（dpi）为单位，（分辨率越高，也就说明构成图像的像素越多，图像也就越清晰，但图像文件的尺寸也就会越大。

）通俗点说位图的构成方式就好像马赛克拼图一样，只不过一般分辨率较高的位图，这些“马赛克”（像素）会非常小，人的肉眼不容易分辨出来。

当我们对位图进行放大时，像素也就同时被放大了，这样图像的清晰度就会大大下降。

归纳起来说：

位图的优点就是可以展示生动逼真、色彩丰富的图像效果；

位图的缺点

（1）是不能过分地放大；

（2）是精度高的位图文件会占相当大的硬盘空间。

制作位图的软件很多，小到Windows附件下的“画图”，大到Adobe公司的Photoshop，另外还有PhotoImpact、Painter、PhotoDraw等。

（二）动画、帧、关键帧与普通帧、图层、场景

1、动画：

简单地讲，动画其实就是一系列连续播放的静态图片。

2、帧：

动画中的每一幅图片即为一帧。

其中有些图片是由用户自己绘制上去的，这样的帧称为关键帧；

有些图片可以由计算机自动生成，这样的帧称为普通帧。

3、图层：

4、场景：

一、归纳小结

1.学习flash的基础知识.

2.着重学习Flash的基础知识，重点掌握Flash的基本概念。

二、课后作业

1.矢量图形与位图图像有何区别？

2.帧、元件和图层各有哪些类型？

第2节 

Flash的基本操作

1、熟悉FLASH的工作环境，能够设置舞台大小，背景颜色，动画播放速度；

2、熟悉多场景动画的制作，了解Flash窗口中各符号的含义。

电教1学时，上机实习1学时。

[教学内容]

通过讲解实例达到以上教学目的。

[教学重点]

Flash窗口中各符号的含义

一、工作环境介绍：

（一）整个窗口介绍：

进入FLASH就会看到如上图所示的画面（数字除外），我们来看看每一块的功能。

1：

这是画图工具栏，下面会慢慢讲每个按钮的功能。

2：

这是工作区，就是舞台；

所有的图形、文字都必须放到舞台上才能播放出来。

以后我们的工作就会在这里开展。

3：

这就是所谓的“时间线”窗口，我们可以在这里控制动画的帧数及每帧的效果。

4：

这是层操作区，与Photoshop的类似；

可以在这里添加或删除图层。

5：

快捷工具栏，进行如打开、储存之类的操作；

（二）时间轴窗口：

1、上图就是就是时间轴窗口，点击“时间轴”对应的一行，可显示/隐藏时间轴窗口。

该部分有图层区（左边部分）和时间线区。

一个层（layer）对应一个时间线。

图层X：

表示该层的名称（双击可修改层的名称）；

在所有图层中有一个图层上用黑色标识带有一支铅笔标志的层为当前正在编辑的层。

如果该层不能被编辑，则会显示图标。

在图层区右上方有三个图标，其中可以控制该层是否被显示，默认状态为正常显示，在对应下方用表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。

用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。

可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。

这几个功能可以同时起作用。

2、时间线窗口区上每一小格表示一帧。

其上的数字标尺方便查看帧数，点击该区域即可在工作区中显示该帧的画面。

时间轴窗口右上角的可以用来调整时间每个单元格的宽窄大小，各人可根据自己的喜好，动画的长短等因素进行修改，以便于实际操作。

3、时间线窗口各图形及其含义：

　　空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。

　　表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色（浅蓝色）。

　　表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。

　　虚线说明中间的过渡存在错误，无法正确实现内插。

　　单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。

　　　字母a表示该帧已通过帧属性对话框指定了action。

关于action以后会详细介绍。

　　　小红旗表明该帧有标签或注解。

4、时间线区下的图标，红色框内五个按钮分别表示：

置帧中央、洋葱皮按钮、洋葱皮边框按钮、多帧编辑、洋葱皮设置功能。

蓝色框内第一个数字表示当前编辑第几帧，第二个数字表示每秒播放多少帧，第三个数字表示该动画共播放多少时间。

（三）书签区

在一段动画中可编辑多个场景，就象戏剧演出中的一幕一样，我们可以从书签区中选择要编辑的场景。

左面的“场景1”表示当前编辑的场景，右面的两个按钮从左到右分别是选择编辑场景、选择编辑符号。

最右边可调整显示比例。

[实例]设计一段包含两个场景的动画，第一场景显示圆球的运动，第二场景中显示矩形的运动。

[要点]练习多场景动画的制作，熟悉场景间的切换，学会增加和删除场景。

二、设置绘图环境：

1、修改背景：

在工作区中右击鼠标，在弹出的快捷菜单中选择“文档属性…”，弹出如下菜单：

在“文档属性”窗口中可修改影片的属性：

1、尺寸：

决定舞台大小，上图现在是550X400（宽X高）

2、舞台背景色：

点击色块则可修改背景色。

3、帧频：

即动画播放的速率，左图现在是12帧每秒（fps）

4、标尺单位：

可在厘米、像素、英寸间选择。

2、显示与隐藏标尺与网格线

（1）显示/隐藏标尺

执行“查看/标尺”命令可显示/隐藏标尺，当移动对象时，标尺会显示出对象的四个顶点的位置。

如果想更改标尺的单位，可执行“修改/文档”命令，单击标尺单位下拉按钮，然后选择所需单位即可。

（2）显示/隐藏网格线

使用格线可准确定位对象，要显示/隐藏格线，执行“查看/网格/显示网格”命令即可。

当选取“网格”子菜单中的“对齐网格”选项后，则在移动对象时自动将对象吸引到格线上。

这样，就能达到定位对象的作用。

当选取“网格”子菜单中的“编辑网格线”选项，可设置网格线吸引力的大小。

●必须接近：

:

表示对象必须在非常接近网格时才会吸附网格

●正常：

表示常规吸引

●可以远离：

表示距离网格一定距离时仍可吸引

●总是对齐：

表示永远吸附网格

3、辅助线

在Flash中，可以使用参考线来对齐对象，与格线不同的是，可以随意拖动参考线到其他任何位置，以方便对象对齐。

（1）添加参考线

要添加参考线，只需将鼠标移到标尺中，然后按住鼠标左键不放并拖曳到编辑区内即可。

如果从水平标尺上拖曳，则可添加水平参考线。

如果从垂直标尺上拖曳，则可添加垂直辅助线。

当添加了辅助线后，可以随时改变其位置，将鼠标指针移到辅助线上，按住鼠标左键不放进行拖动即可改变辅助线的位置。

（2）显示/隐藏辅助线

要显示/隐藏辅助线，执行“查看/辅助线/显示辅助线”命令即可。

（3）锁定辅助线

如果不让辅助线被随意移动，可将其锁定，只需执行“查看/辅助线/锁定辅助线”命令即可。

（4）删除辅助线

要删除辅助线，只需要将辅助线拖到标尺上即可。

（5）编辑辅助线

执行“查看/辅助线/编辑辅助线”命令，打开如下所示的对话框：

在此可设置辅助线的颜色、显示/隐藏辅助线、锁定辅助线以及设置辅助线的吸附力等。

4、显示比例与模式

为了便于编辑对象，可在不同的视图之间进行切换。

Flash提供了放大与缩小工作区的功能，同时还可以以不同的模式显示对象。

（1）显示比例

要调整显示比例，可使用下述方法之一:

●单击工具箱中的放大镜工具，然后在附属选项中选择放大或缩小按钮。

●单击状态栏左方的缩放控制下拉按钮，并从下拉列表中选取相应的显示比例。

●执行“查看/缩放比率”命令，从弹出的子菜单中选择相应的选项。

（2）显示模式

Flash提供了四种显示模式:

轮廓、高速显示、消除锯齿、消除文字锯齿。

1、轮廓模式

轮廓模式只显示对象外框，因此显示速度快。

轮廓模式中，可以指定线框的颜色，行“修改/图层”命令，会显示“图层属性”对话框：

单击“轮廓颜色”按钮，从颜色清单中挑选线框所使用的颜色即可。

2、高速显示模式：

高速显示模式会显示对象的框线与填充色，但不提供去锯齿功能，因此显示质较为高速显示模式粗糙，但速度快。

3、消除锯齿模式：

消除锯齿模式比高速显示模式增加了图形与点阵图对象的去锯齿功能（文字对象除外），因此显示的品质比高速显示模式好，但速度稍慢一些。

4、消除文字锯齿模式

消除文字锯齿模式比之消除锯齿模式增加了文字对象的去锯齿功能，此显示的品质最好，速度最慢。

[小结]着重学习Flash的基础知识，

[作业]1.设计一个导航条。

2.上机实习