第1章初识FlashCS3Flash技术发展到今天,已经成为网页动画和多媒体交互技术的标准,并在全世界范围内得到了广泛的应用和推广。使用Flash不仅可以快速地创建应用于网络的各种内容和交互程序,并且其创建的文件具有不可比拟的优点,能够以很小的数据量实现更多更好的效果。这使得Flash成为网页设计的首选工具,并在网页动画、网络游戏、网络广告等多种领域获得了广泛的应用。本章将简要介绍FlashCS3的新增功能及界面的构成,并讲解一些Flash的基本知识。1.1FlashCS3的新增功能AdobeFlashCS3Professional是Adobe公司开发的Flash设计软件,是Flash8的升级产品,该版本在原有版本的基础上对软件功能进行了改进,并增加了许多新的功能。改进和新增的功能使用户可以更轻松地进行绘图创作以及各种交互应用程序的开发。本节将简要介绍FlashCS3新增的主要功能。1.1FlashCS3的新增功能如图:1.1.1增强的集成功能增强了与Adobe软件的集成,用户可以享受到Flash与其他Adobe软件集成带来的便捷,轻松地在AdobeCreativeSuiteCS3的各组件应用程序之间交换资源。1.界面的改变2.AdobeBridge3.AdobePhotoshop导入4.AdobeIllustrator导入1.1.2增强绘图、动画和视频功能丰富并增强了各种绘图、动画制作和视频处理工具的功能。用户可以更方便地创造出自己需要的图形和动画效果,并能更有效地导入和编辑视频。1.增强的钢笔工具2.增强的基本矩形和椭圆绘制工具3.滤镜复制和粘贴4.复制和粘贴动画5.增强了QuickTime视频支持6.为Flash视频保存和加载提示点1.1.3全新的ActionScript开发环境在FlashCS3中,用户可以选择使用新的ActionScript3.0语言创建和编辑代码。对于Flash开发人员来说,FlashCS3使其可以使用真实的开发环境高效地工作。1.增加了新的ActionScript3.0语言:FlashCS3提供了一个新的改进版ActionScript。ActionScript3.0提供了一个可靠的编程模型,掌握了面向对象编程基本知识的开发人员对该模型会很熟悉。2.将动画复制为ActionScript3.0:在使用了ActionScript3.0的Flash文档中,可以即时将时间线动画转换为可由开发人员轻松编辑、再次使用和利用的ActionScript3.0代码,将动画从一个对象复制到另一个对象。1.2FlashCS3的工作环境FlashCS3的界面较之以往的版本有了很大的改变。FlashCS3的工作环境主要由菜单栏、主工具栏、工具面板、时间轴、编辑栏、舞台、创作面板以及右键快捷菜单组成。1.2FlashCS3的工作环境默认情况下,其工作环境界面如图所示1.2.1菜单栏菜单栏由“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“测试”、“窗口”和“帮助”等11个菜单项组成。单击每个菜单项,会显示出相应的下拉菜单,如图所示。执行菜单上的命令,可以完成对文件及各种对象的操作。1.2.1菜单栏执行菜单上的命令如图:1.2.2主工具栏主工具栏在默认工作界面中是不显示的,可以通过单击“窗口”|“工具栏”|“主工具栏”命令将其调出显示。主工具栏上是一些标准菜单中的命令按钮,将Flash中的常用功能以按钮的形式集中在一起,如图所示。1.2.2主工具栏如图所示:1.2.3工具栏工具栏提供了绘制、编辑图形的所有工具,使用这些工具,可以在当前工作区轻松绘制出各种图形对象,并能方便地对所绘制对象进行编辑、修改。工具栏分为4个部分。1.2.4时间轴时间轴用于组织和控制一定时间内的图层和帧中的文档内容,如图所示。与胶片一样,Flash也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样,每个图层都包含一个显示在舞台中的不同图像。1.2.5编辑栏编辑栏位于舞台的顶部,其包含的控件和信息可用于编辑场景和元件,并更改舞台的缩放比率,如图所示。通过使用编辑栏,可以方便地在场景和元件的编辑界面之间进行切换。隐藏时间轴:单击该按钮可以将时间轴隐藏,从而扩展舞台。返回上一级:单击该“箭头”按钮可以返回到上一级的编辑界面。1.2.6舞台舞台是用户在创建Flash文档时放置图形内容的矩形区域,该区域中的内容即为当前帧的内容,如图所示。在实际播放影片文件时,舞台矩形区域以内的图形对象是可见的,而区域外的图形对象是不可见的。在工作时,如果需要更改舞台的视图,可以使用放大和缩小功能。1.2.7创作面板Flash的创作面板包括“属性”面板、“库”面板、“动作”面板以及其他集成了各种功能的面板等。1.“属性”面板:使用“属性”面板可以设置并编辑舞台或时间轴上当前选中内容的最常用属性.2.“库”面板:“库”面板是存储和管理在Flash中创建的各种元件的地方,并用于存储和管理导入的文件,包括位图图形、声音文件和视频剪辑.3.“动作”面板:使用“动作”面板可以创建并编辑对象或帧的ActionScript代码.4.其他创作面板:除了“属性”面板、“库”面板和“动作”面板以外,Flash还将其他各种功能集合在相应的面板上,以方便使用这些功能。1.2.8右键快捷菜单右键快捷菜单包含与当前选择内容相关的命令。1.2.9自定义工作环境由于FlashCS3是一个人性化的创作软件,用户可以根据自己的喜好和使用习惯来自定义工作环境。小到各种工具的排列和显示,大到面板的组合、工作区的布局,都可以通过相应的操作进行自定义设置。1.自定义工作区布局:最简单的自定义工作区的方法是单击编辑栏中的“选择工作区布局”按钮,在该按钮的下拉菜单中选择相应的工作区布局。2.自定义工具栏:单击“编辑”|“自定义工具面板”命令,将会弹出“自定义工具栏”对话框,3.自定义快捷键:FlashCS3允许用户自定义快捷键。用户可以使用默认的快捷键,也可以根据自己的使用习惯自定义快捷键。1.3Flash的基本知识在学习制作Flash影片之前,需要掌握一些Flash的基本知识以及常用的术语,这些是Flash操作的基础。掌握好这些知识,可以更轻松地理解以后章节中将要学习的内容。1.3.1位图图像和矢量图像计算机图像主要分为位图图像和矢量图像两大类。1.位图图像位图图像在技术上称为栅格图像,是使用像素为单位来表现图像的。2.矢量图像矢量图像也称为面向对象的图形或绘图图形。1.3.2帧和图层Flash动画是通过更改连续帧的内容,并以图层的方式对不同的动画内容进行编辑和组合来完成的。1.帧:帧是Flash影片的最小单位。在Flash中,动画是由许多独立的帧组成的。在每一帧中放置不同的图像,2.图层:图层是一种按顺序堆积的透明窗口,具有方便管理对象和组织重叠对象的功能。位于不同图层上的对象,其互相之间是独立的。把对象放置在不同的图层,可以通过改变图层的排列顺序方便地实现对各对象堆叠顺序的控制和重置。1.3.3元件、实例和库如果一个对象需要在影片中重复使用,则可以将其保存为元件。创建的元件被自动存放在Flash的“库”面板中,当需要使用某一元件时,可以将该元件从“库”面板中拖动到舞台上。拖动到舞台上的元件称为该元件的实例,如图所示。1.4制作一个简单的影片了解了关于Flash的一些基本知识后,可以开始尝试制作Flash影片了。本节中将提供制作一个简单Flash影片的详细步骤。通过本节的学习,读者可以熟悉一下Flash的工作环境,并掌握Flash最基本的操作方法。测试影片如下:第2章Flash绘图与动画Flash提供了丰富易用的绘图工具和强大便捷的动画制作系统,可以帮助用户制作出丰富多彩的Flash动画。然而工欲善其事,必先利其器,要想真正制作出好的动画,必须对Flash中的各种工具有充分的认识,并能熟练地使用。本章主要介绍如何使用Flash提供的各种工具进行图形的创作和编辑,并讲解Flash动画的基本原理和制作方法。2.1绘制图形对象使用工具栏中的绘图工具,可以方便地创建各种基本形态的对象,如图:2.1.1Flash绘图基础1.轮廓和填充:在Flash中绘制的图形基本上是由轮廓和填充构成的,在绘制各种图形时,应当设置图形的轮廓颜色、填充颜色以及轮廓的粗细、样式等属性。在工具栏的颜色区可以设置图形的轮廓颜色和填充颜色,如图:2.1.1Flash绘图基础2.绘制模式:Flash提供了两种绘制模式——合并绘制模式和对象绘制模式,为绘制图形提供了极大的灵活性。3.重叠形状:绘制一条线,使之与另一条线或填充区域交叉,此时,线条会在交叉点处被分割,填充区域则会被线条分割,2.1.2线条工具线条工具用于绘制各种笔触样式的矢量直线。单击选择工具栏中的线条工具,将鼠标光标移动到舞台上,此时的鼠标光标变为形状。在舞台上单击并向一定方向拖动,可以绘制出一条直线。如图:2.1.3铅笔工具铅笔工具可用于绘制简单的矢量线条。其绘图方式与使用真实铅笔大致相同。如图:2.1.4钢笔工具使用钢笔工具可以创建贝塞尔曲线。在绘制过程中,可以通过对路径锚点进行相应的调整,绘制出精确的路径(如直线或平滑流畅的曲线)。1.设置钢笔工具在使用钢笔工具之前,设置钢笔工具的指针外观、所选锚点的外观以及画线段时是否预览等属性。可以单击“编辑”|“首选参数”命令,在弹出的“首选参数”对话框中的“类别”2.1.4钢笔工具2.绘制直线使用钢笔工具可以绘制的最简单路径是直线,方法是通过单击钢笔工具创建直线的两个锚点。继续单击可创建由转角点连接的直线段组成的路径。使用钢笔工具绘制直线的具体步骤如下:2.1.4钢笔工具3.绘制曲线如果使用钢笔工具创建曲线,可以在曲线改变方向的位置处添加锚点,并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。在绘制曲线时应当尽可能减少构成曲线的锚点,从而使创建的曲线更易于编辑,并减少系统资源的浪费。使用钢笔工具绘制曲线的如下:2.1.4钢笔工具4.调整锚点在使用钢笔工具绘制线段时,不可能一次就将线段绘制好。需要结合各种工具对所绘制的直线或曲线进行调整,从而使所绘制的线段达到预期的效果。这一过程是通过对线段的锚点进行转换、移动、添加或删除等调整工作来完成的。如下:2.1.5矩形工具和基本矩形工具Flash提供了两种绘制矩形的工具,即矩形工具和基本矩形工具。1.矩形工具2.1.5矩形工具和基本矩形工具2.基本矩形工具使用基本矩形工具,可以绘制图元矩形。2.1.6椭圆工具和基本椭圆工具Flash提供了两种绘制椭圆的工具,椭圆工具和基本椭圆工具。1.椭圆工具如下:2.1.6椭圆工具和基本椭圆工具2.基本椭圆工具使用基本椭圆工具,可以绘制图元椭圆。2.1.7多角星形工具使用多角星形工具,可以创建多边形或星形。2.1.8刷子工具刷子工具可用于绘制自由形状的矢量填充。使用该工具能绘制出刷子般的笔触,可以用来创建一些特殊效果,例如书法效果。2.1.9文本工具使用文本工具可以用来创建文本。在创建文本后,可以对文本进行分离,从而将多字符文本的每一个文本都放置在单独的文本框中。也可以将文本转换为图形,从而使文本可以像图形一样被编辑。2.1.9文本工具在使用文本工具创建文本之前,在“属性”面板中可以设置文本的字体和段落属性。2.2填充图形对象Flash工具栏中提供了一些用于填充图形的工具本来如下:2.2.1墨水瓶工具使用墨水瓶工具可以更改线条或图形轮廓的笔触颜色、宽度和样式。2.2.2颜料桶工具使用颜料桶工具可以对封闭区域进行填充。2.2.3滴管工具滴管工具用于从一个对象复制填充和笔触属性,然后立即将这些属性应用到其他对象。该工具还允许从位图图像取样用作填充。在工具栏中选择滴管工具后,将其移动到舞台上需要抽取属性的线条或填充区域上。如果是对线条操作,滴管工具指针旁边会