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

网站建设http://jiuhong.taobao.com第23章FlashCS3简介和基本操作本章详细讲解FlashCS3的基础知识，其中包括FlashCS3的界面、面板和菜单的简单介绍，以及FlashCS3的基本操作和制作Flash动画的基本知识。网站建设http://jiuhong.taobao.com23.1FlashCS3界面介绍安装好FlashCS3软件后，双击安装后的运行程序图标（或者从Windows的“开始”菜单的“程序”中选择FlashCS3）运行FlashCS3程序。程序运行后的显示效果如图所示。网站建设http://jiuhong.taobao.com23.1.1舞台舞台用来显示Flash文档的内容，包括图形、文本、按钮等，舞台是一个矩形区域，可以放大或者缩小显示，舞台的显示效果如图所示。网站建设http://jiuhong.taobao.com23.1.2时间轴时间轴用来显示一个动画场景中每个时间单位内各个图层中的帧。一个动画场景是由许多帧组成的，每个帧会持续一定的时间，在每个帧中会显示不同的内容。网站建设http://jiuhong.taobao.com23.1.2时间轴1．隐藏和显示时间轴在FlashCS3中可以通过使用拖放或者执行相应的命令，隐藏、显示或者更改时间轴的显示效果，具体操作如下所示。网站建设http://jiuhong.taobao.com23.1.2时间轴2．使用帧和关键帧在制作Flash文档的过程中，时间轴上包含文档内容的最小单位就是帧和关键帧。网站建设http://jiuhong.taobao.com23.1.2时间轴3．插入、选择、删除帧（或关键帧）在FlashCS3中插入、选择、删除帧（或关键帧）的方法如下所示。打开或者新建文件。单击时间轴上需要插入帧的位置。执行下列操作之一，插入帧（或关键帧）。网站建设http://jiuhong.taobao.com23.1.2时间轴4．复制、粘贴、移动、清除帧（或关键帧）在FlashCS3中复制、粘贴、移动、清除帧（或关键帧）的方法如下所示。打开或者新建文件。选择所要复制的帧。执行下列操作之一，复制帧（或关键帧）。网站建设http://jiuhong.taobao.com23.1.3图层图层和Photoshop中的图层类似，在FlashCS3中图层互相叠加在一起，上面的图层中的内容会覆盖下面图层中的内容。1．创建图层创建图层的操作如下所示。打开或者新建文件。执行下列操作之一，创建图层。网站建设http://jiuhong.taobao.com23.1.3图层2．使用图层文件夹使用图层文件夹，可以方便地管理图层，具体操作如下所示。打开或者新建文件。执行下列操作之一，创建图层文件夹。网站建设http://jiuhong.taobao.com23.1.3图层3．查看和编辑图层和图层文件夹使用图层（或图层文件夹）相关按钮或命令，可以更改图层（或图层文件夹）的显示效果，或者锁定图层（或图层文件夹），具体操作如下所示。网站建设http://jiuhong.taobao.com23.1.3图层4．复制、粘贴、删除图层或图层文件夹在制作Flash文档时，经常要进行与图层（或者图层文件夹）相关的操作，具体方法如下所示。打开或者新建文件。单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。执行“编辑”|“时间轴”|“复制帧”命令，复制图层（或者图层文件夹）内容。网站建设http://jiuhong.taobao.com23.1.3图层5．移动图层或文件夹在制作Flash文档时，有时会更改图层（或者图层文件夹）的顺序，具体方法如下所示。打开或者新建文件。单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。按住鼠标左键，拖动图层（或者图层文件夹）到相应的位置。网站建设http://jiuhong.taobao.com23.1.3图层6．创建运动引导层运动引导层用来定义图层内容的移动路径。具体创建方法如下所示。运动引导层的效果打开或者新建文件。单击图层（或者图层文件夹）名称，选择图层（或者图层文件夹）。执行下列操作之一，添加运动引导层。网站建设http://jiuhong.taobao.com23.1.4工具面板工具面板用来显示Flash中常用的各种工具，例如“选择”工具、“图形”工具、“填充”工具等。在FlashCS3中工具面板有两种显示方式：一种是单列显示；一种是两列显示。可以通过工具面板顶部的切换按钮和，在两种显示方式中进行切换，1．自定义工具面板在FlashCS3中，可以自定义工具面板中显示的工具，其具体操作如下所示。网站建设http://jiuhong.taobao.com23.1.4工具面板2．使用工具使用工具的操作如下所示。单击工具面板中的某个工具，选择相应的工具。如果工具中含有子选项，则单击工具时，会打开相应的子选项列表，选择相应的子选项。网站建设http://jiuhong.taobao.com23.1.5属性面板使用属性面板可以方便地定义舞台中相应内容的属性，属性面板中显示的内容和在舞台中选择的内容有关，选择不同的内容，例如在文本、元件、按钮的属性面板中会显示不同的属性，当选择内容为位图时，属性面板的显示效果如图所示。网站建设http://jiuhong.taobao.com23.1.6颜色和样本面板使用颜色和样本面板可以方便地定义内容使用的填充颜色。其中颜色面板中可以定义更加复杂的颜色，而样本面板中只可以选择216种网页使用的安全色，其具体内容如下所示。1．颜色面板颜色面板用来定义各种工具使用的颜色。其中可以使用单一颜色，也可以使用各种渐变颜色。网站建设http://jiuhong.taobao.com23.1.6颜色和样本面板2．样本面板样本面板用来显示可选择的216种Web安全色，以及各种渐变或放射填充等，其显示效果如图所示。网站建设http://jiuhong.taobao.com23.1.7库面板库面板用来显示当前文档中使用的各种位图、按钮、影片剪辑等。库面板分为两个部分：上一部分显示选择库项目的预览效果；下一部分显示库中的所有项目，在制作Flash文档时，可以将库面板中的各种内容和元件直接拖放到舞台中。拖放后，库中的内容并不会消失，所以库中的内容可以重复使用。网站建设http://jiuhong.taobao.com23.1.8定义首选参数在FlashCS3中可以通过定义首选参数来定义各种内容的显示效果，具体操作如下所示。在“首选参数”对话框中，可以定义常规、ActionScript、自动套用格式、剪贴板、绘画、文本、警告、PSD文件导入器、AI文件导入器几个类别。网站建设http://jiuhong.taobao.com23.2FlashCS3基本操作FlashCS3基本操作包括新建、保存、测试、发布文档、元件、补间动画、以及添加脚本等内容。下面进行详细讲解。网站建设http://jiuhong.taobao.com23.2.1新建和保存文档新建文档的操作如下所示。网站建设http://jiuhong.taobao.com23.2.2新建图形元件图形元件用于静态图像内容，不能在图形元件中添加声音文件等内容，新建图形元件的操作如下所示。网站建设http://jiuhong.taobao.com23.2.3新建按钮元件按钮元件用于响应鼠标的相关动作，例如单击、悬停等，在网页中通常使用按钮元件制作超级链接，新建按钮元件的操作如下所示。网站建设http://jiuhong.taobao.com23.2.4新建影片剪辑元件影片剪辑元件用于制作可重复使用的动画片段。该动画片段在文档的场景中可以独立播放，而不受场景中时间轴的限制，新建影片剪辑元件的操作如下所示。打开或者新建文档。执行“插入”|“新建元件”命令。打开“创建新元件”对话框，选择“影片剪辑”选项，并定义新元件的名称为“影片剪辑元件1”。网站建设http://jiuhong.taobao.com23.2.5编辑和删除元件创建各种元件之后，如果要修改元件的内容，或者某些元件将不会再被使用时，就要编辑和删除已建立的元件，编辑和删除元件的操作如下所示。打开或者新建文档。执行“窗口”|“库”命令（如果在文档中库面板已经打开，则可以省略这一步）。打开库面板。文档中建立的各种元件会以不同的图标显示在库面板中，各种元件的显示效果网站建设http://jiuhong.taobao.com23.2.6创建和编辑元件的实例影片剪辑元件用于制作可重复使用的动画片段。该动画片段在文档的场景中可以独立播放，而不受场景中时间轴的限制，新建影片剪辑元件的操作如下所示。网站建设http://jiuhong.taobao.com23.2.7创建补间动画补间动画是指内容位置发生变化的动画，例如位置的移动，旋转等，创建补间动画的操作如下所示。网站建设http://jiuhong.taobao.com23.2.8创建补间形状使用补间形状可以制作对象变形的动画，例如由一种形状变为另一种形状，或由一种颜色变为另一种颜色等，创建补间形状的操作如下所示。网站建设http://jiuhong.taobao.com23.2.9在关键帧中添加动作使用动作面板可以在关键帧中添加动作，例如控制动画的播放和停止等，在关键帧中添加动作的操作如下所示。网站建设http://jiuhong.taobao.com23.2.10在元件实例中添加动作使用动作面板可以在元件的实例中添加动作，例如为按钮实例添加超级链接等，在元件实例中添加动作的操作如下所示。网站建设http://jiuhong.taobao.com23.2.11测试影片在制作文档的过程中，要随时测试影片播放是否正常，例如为按钮实例添加超级链接等，在元件实例中添加动作的操作如下所示。网站建设http://jiuhong.taobao.com23.2.12发布和导出影片1．发布影片制作好的Flash文档，保存后的格式为FLA格式，后缀为.fla，但不能在网页中直接使用，所以在制作好Flash文档后，要将文档发布为SWF格式，SWF格式的动画文件可以在网页中直接使用，将文档发布为SWF格式的操作如下所示。网站建设http://jiuhong.taobao.com23.2.12发布和导出影片2．导出影片如果只要导出一个SWF格式的文件，然后在Dreamweaver或者其他的软件中使用该文件，则可以只导出SWF格式的影片文件，具体操作如下所示。网站建设http://jiuhong.taobao.com23.3制作动画本节中讲解的制作动画是指结合补间动画制作的引导层动画、遮罩层动画、逐帧动画，以及使用时间轴特效等。下面进行详细讲解。网站建设http://jiuhong.taobao.com23.3.1制作引导层动画引导层动画是指在引导层中制作动画的路径，然后将其他的图层链接到引导层。矢量图形、补间实例、组等内容可以沿引导层的路径运动，制作引导层动画的操作如下所示。网站建设http://jiuhong.taobao.com23.3.2制作遮罩层动画遮罩层动画是指在遮罩层中建立一个遮罩，当其他图层与遮罩层关联时，包含遮罩的内容将会显示，遮罩以外的内容将会被隐藏的动画效果。在遮罩层中，可以创建补间动画或者补间形状，用来制作动态遮罩效果，制作遮罩层动画的操作如下所示。网站建设http://jiuhong.taobao.com23.3.3制作逐帧动画逐帧动画是指在动画中每一帧都是关键帧，在每一帧中有不同的内容，制作逐帧动画的操作如下所示。执行“文件”|“新建”命令，新建文档。选择“图层1”中的第1帧。选择“图形”工具制作一个图形（也可以从外部导入图像文件）。网站建设http://jiuhong.taobao.