PhotoshopCS3FlashCS3DreamweaverCS3商业网站开发从入门到精通.ppt

1、第23章 Flash CS3 简介和基本操作,本章详细讲解Flash CS3的基础知识，其中包括Flash CS3的界面、面板和菜单的简单介绍，以及Flash CS3的基本操作和制作Flash动画的基本知识,23.1 Flash CS3界面介绍,安装好Flash CS3软件后，双击安装后的运行程序图标（或者从Windows的“开始”菜单的“程序”中选择Flash CS3）运行Flash CS3程序。程序运行后的显示效果如图所示,23.1.1 舞台,舞台用来显示Flash文档的内容，包括图形、文本、按钮等，舞台是一个矩形区域，可以放大或者缩小显示，舞台的显示效果如图所示,23.1.2 时间轴,时

2、间轴用来显示一个动画场景中每个时间单位内各个图层中的帧。一个动画场景是由许多帧组成的，每个帧会持续一定的时间，在每个帧中会显示不同的内容,23.1.2 时间轴,1隐藏和显示时间轴 在Flash CS3中可以通过使用拖放或者执行相应的命令，隐藏、显示或者更改时间轴的显示效果，具体操作如下所示,23.1.2 时间轴,2使用帧和关键帧 在制作Flash文档的过程中，时间轴上包含文档内容的最小单位就是帧和关键帧,23.1.2 时间轴,3插入、选择、删除帧（或关键帧） 在Flash CS3中插入、选择、删除帧（或关键帧）的方法如下所示。 打开或者新建文件。 单击时间轴上需要插入帧的位置。 执行下列操作之

3、一，插入帧（或关键帧,23.1.2 时间轴,4复制、粘贴、移动、清除帧（或关键帧） 在Flash CS3中复制、粘贴、移动、清除帧（或关键帧）的方法如下所示。 打开或者新建文件。 选择所要复制的帧。 执行下列操作之一，复制帧（或关键帧,23.1.3 图层,图层和Photoshop中的图层类似，在Flash CS3中图层互相叠加在一起，上面的图层中的内容会覆盖下面图层中的内容。 1创建图层 创建图层的操作如下所示。 打开或者新建文件。 执行下列操作之一，创建图层,23.1.3 图层,2使用图层文件夹 使用图层文件夹，可以方便地管理图层，具体操作如下所示。 打开或者新建文件。 执行下列操作之一，创

4、建图层文件夹,23.1.3 图层,3查看和编辑图层和图层文件夹 使用图层（或图层文件夹）相关按钮或命令，可以更改图层（或图层文件夹）的显示效果，或者锁定图层（或图层文件夹），具体操作如下所示,23.1.3 图层,4复制、粘贴、删除图层或图层文件夹 在制作Flash文档时，经常要进行与图层（或者图层文件夹）相关的操作，具体方法如下所示。 打开或者新建文件。 单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。 执行“编辑”|“时间轴”|“复制帧”命令，复制图层（或者图层文件夹）内容,23.1.3 图层,5移动图层或文件夹 在制作Flash文档时，有时会更改图层（或者图层文件夹）的顺序，具

5、体方法如下所示。 打开或者新建文件。 单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。 按住鼠标左键，拖动图层（或者图层文件夹）到相应的位置,23.1.3 图层,6创建运动引导层 运动引导层用来定义图层内容的移动路径。具体创建方法如下所示。运动引导层的效果 打开或者新建文件。 单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。 执行下列操作之一，添加运动引导层,23.1.4 工具面板,工具面板用来显示Flash中常用的各种工具，例如“选择”工具、“图形”工具、“填充”工具等。在Flash CS3中工具面板有两种显示方式：一种是单列显示；一种是两列显示。可以通过工具面板顶部

6、的切换按钮和，在两种显示方式中进行切换， 1自定义工具面板 在Flash CS3中，可以自定义工具面板中显示的工具，其具体操作如下所示,23.1.4 工具面板,2使用工具 使用工具的操作如下所示。 单击工具面板中的某个工具，选择相应的工具。 如果工具中含有子选项，则单击工具时，会打开相应的子选项列表，选择相应的子选项,23.1.5 属性面板,使用属性面板可以方便地定义舞台中相应内容的属性，属性面板中显示的内容和在舞台中选择的内容有关，选择不同的内容，例如在文本、元件、按钮的属性面板中会显示不同的属性，当选择内容为位图时，属性面板的显示效果如图所示,23.1.6 颜色和样本面板,使用颜色和样本面

7、板可以方便地定义内容使用的填充颜色。其中颜色面板中可以定义更加复杂的颜色，而样本面板中只可以选择216种网页使用的安全色，其具体内容如下所示。 1颜色面板 颜色面板用来定义各种工具使用的颜色。其中可以使用单一颜色，也可以使用各种渐变颜色,23.1.6 颜色和样本面板,2样本面板 样本面板用来显示可选择的216种Web安全色，以及各种渐变或放射填充等，其显示效果如图所示,23.1.7 库面板,库面板用来显示当前文档中使用的各种位图、按钮、影片剪辑等。库面板分为两个部分：上一部分显示选择库项目的预览效果；下一部分显示库中的所有项目， 在制作Flash文档时，可以将库面板中的各种内容和元件直接拖放到

8、舞台中。拖放后，库中的内容并不会消失，所以库中的内容可以重复使用,23.1.8 定义首选参数,在Flash CS3中可以通过定义首选参数来定义各种内容的显示效果，具体操作如下所示。 在“首选参数”对话框中，可以定义常规、ActionScript、自动套用格式、剪贴板、绘画、文本、警告、PSD文件导入器、AI文件导入器几个类别,23.2 Flash CS3基本操作,Flash CS3基本操作包括新建、保存、测试、发布文档、元件、补间动画、以及添加脚本等内容。下面进行详细讲解,23.2.1 新建和保存文档,新建文档的操作如下所示,23.2.2 新建图形元件,图形元件用于静态图像内容，不能在图形元件

9、中添加声音文件等内容，新建图形元件的操作如下所示,23.2.3 新建按钮元件,按钮元件用于响应鼠标的相关动作，例如单击、悬停等，在网页中通常使用按钮元件制作超级链接，新建按钮元件的操作如下所示,23.2.4 新建影片剪辑元件,影片剪辑元件用于制作可重复使用的动画片段。该动画片段在文档的场景中可以独立播放，而不受场景中时间轴的限制，新建影片剪辑元件的操作如下所示。 打开或者新建文档。 执行“插入”|“新建元件”命令。 打开“创建新元件”对话框，选择“影片剪辑”选项，并定义新元件的名称为“影片剪辑元件1,23.2.5 编辑和删除元件,创建各种元件之后，如果要修改元件的内容，或者某些元件将不会再被使

10、用时，就要编辑和删除已建立的元件，编辑和删除元件的操作如下所示。 打开或者新建文档。 执行“窗口”|“库”命令（如果在文档中库面板已经打开，则可以省略这一步）。 打开库面板。文档中建立的各种元件会以不同的图标显示在库面板中，各种元件的显示效果,23.2.6 创建和编辑元件的实例,影片剪辑元件用于制作可重复使用的动画片段。该动画片段在文档的场景中可以独立播放，而不受场景中时间轴的限制，新建影片剪辑元件的操作如下所示,23.2.7 创建补间动画,补间动画是指内容位置发生变化的动画，例如位置的移动，旋转等，创建补间动画的操作如下所示,23.2.8 创建补间形状,使用补间形状可以制作对象变形的动画，例

11、如由一种形状变为另一种形状，或由一种颜色变为另一种颜色等，创建补间形状的操作如下所示,23.2.9 在关键帧中添加动作,使用动作面板可以在关键帧中添加动作，例如控制动画的播放和停止等，在关键帧中添加动作的操作如下所示,23.2.10 在元件实例中添加动作,使用动作面板可以在元件的实例中添加动作，例如为按钮实例添加超级链接等，在元件实例中添加动作的操作如下所示,23.2.11 测试影片,在制作文档的过程中，要随时测试影片播放是否正常，例如为按钮实例添加超级链接等，在元件实例中添加动作的操作如下所示,23.2.12 发布和导出影片,1发布影片 制作好的Flash文档，保存后的格式为FLA格式，后缀

12、为.fla，但不能在网页中直接使用，所以在制作好Flash文档后，要将文档发布为SWF格式，SWF格式的动画文件可以在网页中直接使用，将文档发布为SWF格式的操作如下所示,23.2.12 发布和导出影片,2导出影片 如果只要导出一个SWF格式的文件，然后在Dreamweaver或者其他的软件中使用该文件，则可以只导出SWF格式的影片文件，具体操作如下所示,23.3 制作动画,本节中讲解的制作动画是指结合补间动画制作的引导层动画、遮罩层动画、逐帧动画，以及使用时间轴特效等。下面进行详细讲解,23.3.1 制作引导层动画,引导层动画是指在引导层中制作动画的路径，然后将其他的图层链接到引导层。矢量图

13、形、补间实例、组等内容可以沿引导层的路径运动，制作引导层动画的操作如下所示,23.3.2 制作遮罩层动画,遮罩层动画是指在遮罩层中建立一个遮罩，当其他图层与遮罩层关联时，包含遮罩的内容将会显示，遮罩以外的内容将会被隐藏的动画效果。在遮罩层中，可以创建补间动画或者补间形状，用来制作动态遮罩效果，制作遮罩层动画的操作如下所示,23.3.3 制作逐帧动画,逐帧动画是指在动画中每一帧都是关键帧，在每一帧中有不同的内容，制作逐帧动画的操作如下所示。 执行“文件”|“新建”命令，新建文档。 选择“图层1”中的第1帧。 选择“图形”工具制作一个图形（也可以从外部导入图像文件,23.3.4 使用时间轴特效,在

14、Flash中，使用时间轴特效，可以方便地制作一些特殊效果。并不是所有的文档对象都可以使用时间轴特效，可以使用时间轴特效的内容有文本、图形、位图、元件实例，使用时间轴特效的操作如下所示,23.4 绘图和处理图片,本节中主要讲解使用工具面板中的各种工具绘制矢量图形，以及处理导入到文档中的位图的方法。下面进行详细讲解,23.4.1 绘图模型,在Flash中，有两种绘图模型：一种为“合并绘图”模型；另一种为“对象绘图”模型。在两种绘图模型中，绘制的图形的显示效果会有所差别，两种绘图模型的含义如下所示,23.4.2 使用“铅笔”和“刷子”工具,在Flash中“铅笔”工具可以自由地绘制线条粗细相同的图形或

15、者线条，通过相应的按钮，还可以控制绘制线条的平滑或伸直。 “刷子”工具可以绘制像刷子一样粗细不均的线条。通过“刷子”工具提供的相应按钮，可以控制刷子的大小，以及刷子的形状等,23.4.3 使用“线条”和图形工具,在Flash中，“线条”工具比较简单，用来制作各种直线线条或者形状。 图形工具用来制作各种椭圆或者多边形形状。其中包含“矩形”工具、“椭圆”工具、“基本矩形”工具、“基本椭圆”工具、“多角星形”工具5个子选项,23.4.4 使用“钢笔”工具,在Flash中，“钢笔”工具用来制作细致、精确的路径，在“钢笔”工具组中除“钢笔”工具以外，还包含“添加描点”工具、“删除描点”工具、“转换描点”

16、工具等几个辅助选项。 下面具体讲解使用“钢笔”工具的具体操作,23.4.5 使用“选取”和“选区”工具,在Flash中的“选取”工具有两个：一个是“选择”工具，另一个是“部分选取”工具。使用“选择”工具可以选择对象的全部；使用“部分选取”工具可以选择对象的一个部分，例如路径中的一个节点等,23.4.6 定义边框和填充的颜色,在Flash中，通过属性面板或者工具面板中相应的选项，可以定义边框和填充的颜色，具体操作如下所示,23.4.7 定义渐变颜色,在Flash中可以通过颜色面板定义渐变填充的颜色，具体操作如下所示,23.4.8 导入图像,在Flash中可以导入各种格式的位图和矢量图文件到文档的

17、“库”或者舞台中，其中支持导入的矢量或位图图像格式如下所示,23.4.9 设置和编辑位图,在Flash中，可以通过位图的属性面板定义位图的相应属性，并对位图进行编辑，具体操作如下所示,23.4.10 分离位图和将位图转换为矢量图,在Flash中，分离位图可以分散位图中的像素，以便选择位图的部分区域进行编辑。将位图转换为矢量图，可以将位图作为矢量图处理。在将位图转换矢量图时，如果位图的色彩比较复杂，在转换过程中可能会发生图像失真的现象,23.4.11 组合对象,在Flash中，可以通过组合的方法，将几个对象作为一个对象来处理。组合后的对象，可以进行整体移动和编辑，其具体操作如下所示。 执行“文件

18、”|“新建”命令，新建文档。 选择图形工具中的“椭圆”工具，在舞台中拖拽出一个椭圆图形。 执行“插入”|“新建元件”命令，在打开的“创建新元件”对话框中，选择“图形”选项，新建图形元件,23.4.12 处理对象,在Flash中，可以对对象进行变形、扭曲、缩放、旋转等操作，具体操作如下所示,23.5 使用文本,文本是网页中传递信息的主要方式，本节中主要讲解使用文本内容，以及对文本内容进行相关设置的知识。下面进行详细讲解,23.5.1 创建文本,在Flash中，可以创建的文本有三种：静态文本、动态文本和输入文本。其中静态文本是只固定不变的文本；动态文本是指可以动态更换的文本；输入文本是指可以输入到

19、表单或调查表中的文本，具体操作如下所示,23.5.2 定义文本的属性,本小节讲解使用文本属性面板定义文本的相关属性，具体操作如下所示,23.5.3 检查拼写,使用检查拼写功能，可以检查Flash文档中的文本拼写，具体操作如下所示,23.5.4 分离文本,在Flash中可以通过分离文本，将文本框中的文本分离成独立的部分。分离后，可以对每个独立的文本进行处理，具体操作如下所示,23.6 使用声音,在Flash中可以使用各种格式的声音文件，同时可以控制声音的播放、停止和循环等。下面进行详细讲解,23.6.1 添加声音,在Flash中通常可以使用WAV格式、MP3格式、AIFF格式、QuickTime格式、Sun AU格式的声音文件。在使用声音文件时，一般要将声音文件导入到库面