FlashCS3二维动画制作案例教程-电子教案.ppt

《FlashCS3二维动画制作案例教程-电子教案.ppt》由会员分享，可在线阅读，更多相关《FlashCS3二维动画制作案例教程-电子教案.ppt（299页珍藏版）》请在三一文库上搜索。

1、第1章 Flash CS3基础知识,本章要点 本章导读 本章任务 上机实训,本章要点,1.1 Flash CS3概述 传统动画和Flash动画 Flash动画的优势 Flash动画的应用领域 关于Flash文件 Flash动画的制作流程 学习Flash“三步曲” 1.2 Flash CS3操作界面 菜单栏 工具面板 时间轴 舞台 常用面板 其他面板,本章要点,1.3 Flash 常用术语 对象 帧 图层 场景 元件 实例 动作脚本 1.4 Flash CS3基本操作 启动与退出Flash Flash文件的操作 知识拓展 标尺、网格、辅助线的使用,本章导读,Flash CS3是Adobe公司开发

2、的一款集动画设计、Web网页开发等功能于一体的优秀软件。从简单的动画到复杂的交互式eb应用程序，从丰富的多媒体支持到流媒体FLV视频文件的在线播放，Flash给了人们足够的想象空间和技术支持，可以结合美妙的创意制作出令人叹为观止的动画效果。,本章任务,1了解传统动画与Flash动画的制作原理； 2了解Flash动画的特点和应用领域； 3掌握Flash常用的文件类型； 4掌握Flash动画制作流程及学习技巧； 5了解Flash CS3工作界面，能熟练进行面板操作； 6掌握Flash的常用术语； 7掌握Flash文件的基本操作； 8掌握标尺、网格、辅助线的使用技巧。,1.1 Flash CS3概述

3、,传统动画有完整的制作流程，要求绘制者有一定的美术基础，并懂得动画运动规律，但因为工序复杂，制作人员多，导致成本投入非常大。 传统动画原理是一切动画的基础，Flash二维动画也遵循这个原理，同时对手工传统动画进行了改进，也就是将事先手工制作的原动画输入计算机，由计算机辅助完成描线上色的工作，并由计算机控制完成记录工作，制作过程变得非常简单。,1.传统动画与Flash动画,1.1 Flash CS3概述,使用矢量图形和流式播放技术。画面无论放大多少倍都不会失真，具有体积小、传输和下载速度快的特点，并且可以边下载边播放。 Flash动画比传统的动画更加灵巧，可以使音效和动画融合在一起，创作出类似电

4、影一样的精彩动画，具有强烈的艺术感。 拥有自己的ActionScript脚本语言，可以实现交互性，具有更大的设计自由度。 具有跨平台性和可移植性。无论处于何种平台，只要安装了支持Flash的Player，就可以保证最终显示效果的一致。,2.Flash动画的优势,1.1 Flash CS3概述,现在，Flash的舞台已经不局限于互联网，电视、电影、移动媒体、教学课件、MTV音乐电视等都是它展示的舞台。Flash动画借助这些媒体已经深入人心，看Flash动画已经成为互联网时代一种新的休闲方式。轻松的幽默剧、好玩的交互游戏、精彩的网站片头、实用的Flash广告、寓教于乐的Flash课件、美轮美奂的F

5、lash MTV等都是Flash动画的表现形式。 如下图所示的为两副Flash动画的截图。,3.Flash动画的应用领域,1.1 Flash CS3概述,Fla文件 该文件是Flash中的主要文件类型，它包含Flash文档的三种基本类型信息：媒体对象、时间轴和脚本信息。 SWF文件 该文件是FLA的编译版本，是能在网页上显示的文件。当用户发布FLA文件时，Flash将创建一个SWF文件。 AS文件 该文件指ActionScript文件，用于将部分或全部ActionScript代码放置在FLA文件以外的位置。,4.关于Flash文件,1.1 Flash CS3概述,一部动画的制作如同制作电影一样

6、，无论是何种规模和类型，都可以分为三个步骤：前期策划、创作动画、测试及发布动画。 前期策划阶段主要进行一些准备工作，包括主题的确定、动画脚本的编写、素材的准备等工作。 创作动画阶段主要是根据预先编写的Flash动画脚本，对动画的各元素进行造型设计，在舞台和时间轴中排列这些媒体元素，及添加各种动画效果等。 测试及发布动画阶段主要是从内容、界面、素材、性能等多个方面对动画进行测试、排错，确认没有问题后，将其进行发布，以便在网络或其他媒体中使用。,5.Flash动画制作流程,1.1 Flash CS3概述,Flash作为一款优秀的矢量动画制作软件，要想快速掌握它的使用方法和技巧，先来了解一下学习Fl

7、ash的“三步曲”。 步骤要理解Flash最基本的概念：帧、层、时间轴、元件和实例等，深入理解这些概念的功能是掌握Flash的关键。 步骤动手做一些使用属性面板来调整对象的属性的练习。 步骤结合自己的创意，开始学习制作实例、一步步进行练习了。,6.学习Flash三步曲,1.2 Flash CS3操作界面,启动Flash CS3后，它的操作界面如下图所示，分为菜单栏、工具箱、时间轴、舞台、属性面板和重叠浮动面板等六个部分。,1.2 Flash CS3操作界面,1菜单栏,菜单栏的外观如下图所示，在编辑文档时，菜单栏中一共有11个菜单。这些菜单的功能简述如下 ：,文件菜单：可以执行创建、打开、保存、

8、关闭和导入导出等文件操作。 编辑菜单：可以执行剪切、复制、粘贴、撤消、清除与查找等编辑操作。 视图菜单：可以执行放大、缩小、标尺与网格等有关视图的操作。 插入菜单：可以执行插入新元素，例如帧、图层、元件、场景及时间轴 特效等操作。 修改菜单：可以执行元素本身或元素属性的变换操作，例如将位图转换 为矢量图，将选中的对象转换为新元件等。,1.2 Flash CS3操作界面,1菜单栏,文本菜单：可以设置与文本有关的属性，例如设置字体、设置字距与 检查拼写等。 命令菜单：可以执行与运行程序相关的操作，可以管理和运行命令， 实现批处理的目的。 控制菜单：可以执行影片测试有关的命令，例如测试影片、测试场景

9、、 播放与停止等。 调试菜单：可以调试发现影片中的错误。 窗口菜单：可以对窗口和面板进行管理，例如新建窗口、展开或隐藏 某个面板、将窗口作特定排列等。 帮助菜单：可以提供工作过程的支持。,1.2 Flash CS3操作界面,2工具面板,位于工作界面左边的长条形状就是工具箱，工具箱是Flash中最常用的一个面板，用鼠标单击即可选中其中的工具，如右图所示。,1.2 Flash CS3操作界面,2工具面板,执行菜单“编辑自定义工具面板”命令，打开“自定义工 具栏”对话框，可以自定义工具面板中的工具，可根据需要重新 安排和组合工具的位置，如下图所示。,1.2 Flash CS3操作界面,3时间轴,时间

10、轴用于组织和控制文档内容在一定时间内播放的图层数 和帧数，它的基本组成如下图所示。,1.2 Flash CS3操作界面,3时间轴,在时间轴面板上，多帧编辑和绘图纸外观模式是在制作 动画中最常使用的辅助功能。做动画时，很多时侯都需要参 考当前帧与前后帧的内容来辅助处理当前帧的内容，这个时 侯就需要采用绘图纸外观模式来达到这个目的。绘图纸外观 模式可以让我们看到当前帧以外的其他帧的内容，这样就可 以方便的对照着进行动画的编辑了，如下图所示即为绘图纸 外观及绘图纸外观轮廓的样图。,1.2 Flash CS3操作界面,4舞台,舞台指的是编辑电影画面的矩形区域。使用Flash制作动画 就像导演在指挥演员

11、演戏一样，当然要给他们一个演出的场所， 在Flash中称为舞台。真实的舞台由大小、音响、灯光等条件组 成，FLASH中的舞台也有大小、色彩等的设置。跟多幕剧一样， 舞台也可以不止一个，如图所示的是一个带有标尺和网格的舞台。,1.2 Flash CS3操作界面,5常用面板,默认状态下，在舞台的正下方和右侧有几个比较常用的浮动 面板，如属性面板、滤镜面板和库面板等。只要单击面板的标题 栏名称，即可展开该面板，再次单击该标题栏，可最小化面板。,(1)属性面板 属性面板用于显示和修改所选对象的参数，它随着所选对象 的不同而不同，我们将在后面的章节中具体应用，如下图所示。,1.2 Flash CS3操作

12、界面,5常用面板,(2)滤镜面板 滤镜面板提供了7种滤镜效果，可以对文字、影片剪辑和按钮 进行美化和修饰，使其更有趣味性，如下图所示的为发光滤镜效 果的参数。,1.2 Flash CS3操作界面,5常用面板,(3)库面板 库面板用于存储和组织在Flash中创建的 各种元件，它还用于存储和组织导入的文件， 包括位图图形、声音文件和视频剪辑等，如 图所示。,1.2 Flash CS3操作界面,5常用面板,(4)动作面板 动作面板是主要的“开发面板”之一，是动作脚本的编辑器， 我们会在后面的动作脚本章节中具体详解，如图所示。,1.2 Flash CS3操作界面,6其他面板,(1)颜色/样本面板组 默

13、认情况下，“颜色”面板和“样本”面板合为一个面板 组。“颜色”面板可以创建、编辑“笔触颜色”和“填充颜色”， 其默认为RGB模式，显示红、绿和蓝的颜色值。“样本”面板中存 放了Flash中所有的颜色，单击“样本”面板右侧的按钮，从弹出 的下拉菜单中可以对其进行相关的管理。“颜色/样本”的面板如图 所示。,1.2 Flash CS3操作界面,6其他面板,(2)对齐面板 对齐面板主要用于对齐同一个场景中选中的多个对象， 如图所示。,1.2 Flash CS3操作界面,6其他面板,(3)信息面板 信息面板可以查看对象的大小、位置、颜色和鼠标指针的 信息，而且还可以对其参数进行调整，如图所示。,1.2

14、 Flash CS3操作界面,6其他面板,(4)变形面板 变形面板可以对选定对象执行缩放、旋转、倾斜和创建副本 的操作，如图所示。,1.2 Flash CS3操作界面,6其他面板,(5)行为面板 利用行为面板，可以无须编写代码即可为动画添加交互性， 如链接到Web站点、载入声音和图像、控制嵌入视频的播放以 及触发数据源。通过单击该面板上的添加行为按钮来添加相关 的事件和动作，添加完的事件和动作将显示在行为面板中，如 图所示。,1.2 Flash CS3操作界面,6其他面板,(6)调试器面板 执行调试影片命令，可以激活调试器面板，使用该面板可以 发现影片中的错误，如图所示。,1.2 Flash

15、CS3操作界面,6其他面板,(7)影片浏览器面板 使用影片浏览器面板可以查看、组织文档的内容，并在文档 中选择元素进行修改。用户可以设置或自定义在影片浏览器面板 中要显示文档中的哪些内容，单击“显示”右侧的六个按钮可进 行分类显示，如图所示。,1.2 Flash CS3操作界面,6其他面板,(8)组件/组件检查器面板 利用组件面板，可以查看所有 的组件，并可以在创作过程中将组 件添加到动画中。 在组件面板中，将组件拖动到 舞台上，可创建该组件的一个实例， 选中组件实例，可以在组件检查器 面板中查看组件属性，设置组件实 例的参数等，组件/组件检查器面板 如图所示。,1.3 Flash 常用术语,

16、1.对象,对Flash的操作界面有了初步的认识后，在真正动手做动画之前，先了解一下Flash的常用术语，好对Flash有一个概念性的了解。,在Flash中创建的各种线条、图案、声音元素统称为对象。,1.3 Flash 常用术语,2帧(Frame),我们知道一段动画（电影）是由一幅幅的静态的连续的图片 所组成的，在这里称每一幅的静态图片为“帧”。一个个连续的 “帧”快速切换就形成了一段动画，帧是Flash中最小的时间单位。 根据帧的作用区分，可以将帧分为普通帧（包括普通帧和空帧）、 关键帧（包括关键帧和空白关键帧）、过渡帧（包括形状过渡帧和 运动过渡帧）三类，如图所示。,1.3 Flash 常用

17、术语,3图层（Layer）,图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，就可以透过它直接看到下一层，所以可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。 在Flash中打开图层属性面板，如下图所示，可以看到图层有普通层、遮罩/被遮罩、引导/被引导层这五类。,1.3 Flash 常用术语,4 场景(Scene),电影需要很多场景，并且每个场景的对象可能都是不同的。 与拍电影一样，Flash可以将多个场景中的动作组合成一个连贯 的电影。场景的数量是没有限制的，可以通过场景(Scene)面板 来完成对场景的添加/删除操作，并可以拖拽其中各场景的排列 顺

18、序来改变播放的先后次序，如图所示。,1.3 Flash 常用术语,5元件（symbol）,元件又称作符号，是指电影里的每一个独立的元素，可以是 文字、图形、按钮、电影片段等，就象电影里的演员、道具一样。 一般来说，建立一个flash动画之前，先要规划和建立好需要调用 的元件，然后在实际制作过程中随时可以使用，如图所示。,1.3 Flash 常用术语,6实例（Instance）,当把一个元件放到舞台或另一个元件中时，就创建了一个 该图符的实例，也就是说实例是元件的实际应用。元件的运用 可以缩小文档的尺寸，这是因为不管创建了多少个实例，Flash 在文档中只保存一份副本。同样，运用元件可以加快动画

19、播放的 速度。,1.3 Flash 常用术语,7动作脚本（ActionScript）,ActionScript是Flash的脚本语言，与JavaScript 相似，ActionScript是一种面向对象编程语言。Flash 使用ActionScript给电影添加交互性。在简单电影中， Flash按顺序播放电影中的场景和帧，而在交互电影中， 用户可以使用键盘或鼠标与电影交互。,1.4 Flash 基本操作,1启动和退出Flash,（1）启动Flash CS3 在成功安装了Flash CS3后，便可以启动Flash CS3了，常用 的方法有两种： 方法一：执行“开始所有程序Adobe Creati

20、ve Suite3 Adobe Flash CS3”命令，进入到Flash CS3的欢迎界面。在欢迎 界面中，用户可以在“打开最近的项目”、“新建”和“从模板 创建”三个选项区中进行所需操作。 方法二：双击桌面的上Adobe Flash CS3快捷图标 或双击格 式为FLA的文件可以快速启动Flash CS3。,1.4 Flash 基本操作,1启动和退出Flash,（2）退出Flash CS3 如果要退出Flash CS3，可以通过以下三种方法进行操作： 方法一：执行菜单“文件退出”命令，可退出Flash CS3。 方法二：单击标题栏右侧的“关闭”按钮 。 方法三：双击标题栏上的Flash C

21、S3图标 ，或者单击该图标， 在弹出的控制菜单中选择“关闭”命令，如图所示。,注意：若Flash文档在退出时没有 进行保存，则系统会弹出一个提示 对话框，询问是否要保存文档，如 右图所示，应根据需要进行合适的 操作。,1.4 Flash 基本操作,2Flash文件的操作,（1）新建文件 启动Flash CS3后，执行菜单“文件新建”命令或按Ctrl+N 组合键，弹出“新建文档”对话框，如图所示。在该对话框的 “常规”选项卡中，可以创建各种常规文件；在“描述”项中，显 示了该文件类型的简单介绍。单击“确定”按钮，即可创建相应类 型的文档。,用户也可以使用模板来创建新文档，其方法为：在“新建文档”

22、对话框中，选择“模板”选项卡，从“类别”列表中选择一个类别，并从“类别项目”列表中选择一个模板文档，即可。,1.4 Flash 基本操作,2Flash文件的操作,（2）保存文件 当动画制作好后，需要对文档进行保存。打开“文件”菜单， 可以看到保存文档的方法有很多种，如下图所示。,1.4 Flash 基本操作,2Flash文件的操作,（2）保存文件 下面对几种最常用的Flash文档的保存方法进行简单介绍。,“保存”命令 如果是第一次保存文件，则会弹出“另存为”对话框，在确 定保存位置、文件名及类型后，单击“保存”按钮即可。这儿有两种保存类型：一种是默认的Flash CS3文档（这是默认保存类型）

23、；另一种是Flash 8文档（为了和Flash 8兼容）。如果文件原来已经保存过，则直接选择“保存”命令即可。,“另存为”命令 该命令可将已经保存的文件以另一个名称或另一个位置进行 保存，选择该命令将弹出“另存为”对话框。,1.4 Flash 基本操作,2Flash文件的操作,（2）保存文件,“另存为模板”命令 该命令可以将文件保存为模板，这样就可以将该文件中的格式直接应用到其他文件中，从而形成统一的文件格式。选择该命令后将弹出“另存为模板”对话框，如图所示。,“全部保存”命令 该命令用于同时保存多个文档，若这些文档曾经保存过，选择该命令后系统会对所有打开的文档再次进行保存；若没有保存过，则系

24、统会弹出“另存为”对话框，然后再逐个进行保存。,1.4 Flash 基本操作,2Flash文件的操作,（3）打开文件,执行菜单“文件打开”命令或按Ctrl+O组合键，可弹出“打开”对话框，如图所示。在“查找范围”下拉列表框中选择要打开的文件的路径，然后选择要打开的文件，单击“打开”按钮即可。,1.4 Flash 基本操作,2Flash文件的操作,（4）关闭文件,执行菜单“文件关闭”命令或按Ctrl+W组合键，可关闭文档；执行菜单“文件关闭全部”命令或按Ctrl+Alt+W组合键，可一次关闭所有文档。 另外，在打开的文档标题栏上，单击“关闭”按钮 ，或单击鼠标右键，在弹出的快捷菜单中选择“关闭”

25、或“全部关闭”命令，也可以关闭文件。,知识拓展,标尺、网格、辅助线的使用,1.使用标尺,在Flash中，若要显示标尺，可以执行菜单“视图标尺”命令，此时可以将标尺显示出来，如左下图所示。 默认情况下，标尺的度量单位为像素，用户可以对其进行更改。执行菜单“修改文档”命令，打开“文档属性”对话框，在标尺单位下拉列表中选择一种合适单位即可，如右下图所示。,知识拓展,标尺、网格、辅助线的使用,2.使用网格,执行菜单“视图网格显示网格”命令，可以显示或隐藏网格线，如左下图所示。 另外，用户还可以根据需要对网格的颜色和大小进行修改，还可以设置贴紧至网格及贴紧精确度。执行菜单“视图网格编辑网格”命令，在弹出

26、的“网格”对话框中进行相应的设置即可，如右下图所示。,知识拓展,标尺、网格、辅助线的使用,3.使用辅助线,如果显示了标尺，在垂直标尺或水平标尺上按住鼠标左键并拖动到舞台上，辅助线就被绘制出来了，它的默认颜色为绿色，如左下图所示。 通过执行菜单“视图辅助线编辑辅助线”命令，可以修改辅助线的颜色等如右下图所示。,上机实训,1.上机练习Flash文档的新建、保存、打开与关闭操作。 2.熟悉Flash CS3的操作界面，练习各浮动面板的打开与关闭。 3.利用学过的动画理论知识，练习制作“森林中的小兔”动画，效果如图所示。,第2章 Flash CS3基本设计工具,本章要点 本章导读 本章任务 上机实训,

27、本章要点,2.1 线条工具 设置线条工具属性 线条工具的操作方法 2.2矩形工具组 矩形工具 基本矩形工具 椭圆工具 基本椭圆工具 多角星形工具 2.3 任意变形工具 任意变形工具 功能按钮 任意变形工具的操作方法,本章要点,2.4铅笔工具和刷子工具 铅笔工具 刷子工具 2.5选择工具和部分选取工具 选择工具 部分选取工具 2.6钢笔工具 设置钢笔工具属性 设置钢笔工具首选参数 钢笔工具操作方法 2.7套索工具 套索工具模式 多边形模式 魔术棒模式,本章要点,2.8墨水瓶工具 设置墨水瓶工具属性 墨水瓶工具操作方法 2.9颜料桶工具 设置颜料桶工具属性 颜料桶工具的操作方法 2.10滴管工具

28、吸取笔触属性 吸取填充属性 2.11橡皮擦工具 修改橡皮擦形状 橡皮擦模式 水龙头功能,本章要点,2.12辅助工具 手形工具 缩放工具 笔触颜色和填充颜色 2.13文本工具 文本类型 创建文本 2.14安装新字体 知识拓展Flash绘图小技巧 描图法 拖拉法 覆盖删除法,本章导读,本章介绍Flash的基本绘图方法。要了解Flash的强大功能，首先要从它的工具入手，只有对它的各种工具运用自如之后，才能创作出更好的作品。,本章任务,1掌握工具箱中各种工具的功能及使用方法； 2掌握各种工具属性的设置方法； 3学会利用各种工具绘制矢量图形。,2.1 线条工具,选择“线条工具”后，在“属性”面板中可以设

29、置线条的颜色、大小、笔触样式以及端点和接合样式等，如图所示。,1设置线条工具属性,线条工具用于绘制直线。用鼠标单击工具箱中的“线条工 具”按钮或按“N”键，可调出该工具。,“线条工具”属性面板的设置选项含义如下： 笔触颜色：设置笔触的颜色。 “笔触提示”复选框：启用笔触提示，可以调整直线控制 点和曲线控制点，防止出现模糊的垂直或水平线。,2.1 线条工具,1设置线条工具属性,“端点”选项 ：设定路径终点的样式，有“无”、“圆角”和“方型”三种选项。 “缩放”：决定对象在被缩放的时侯线条的缩放状态。选项有“一般”、“水平”、“垂直”和“无”，以此来决定线条随着哪个方向上的缩放比例进行缩放。 “接

30、合”选项 ：定义两个路径片段的相接方式，可以是“尖角”、“圆角”或“斜角”。 “尖角”：该值可用于进行尖角限制。超过这个值的线条部分将被切成方型，而不形成尖角。 选择笔触样式 ：单击笔触样式列表框旁边的箭头，然后从弹出的列表中选择合适的笔触类型。,2.1 线条工具,在使用线条工具时，常选择不同的笔触类型，来绘制出各式各样的线条，如图所示的图形就是使用“线条工具”绘制的。,2线条工具的操作方法,将鼠标移动到舞台上，接着按住鼠标左键并拖动，最后松开鼠标，一条直线就绘制好了。若在绘制进程中按住Shift键，可将直线的方向锁定在45的倍角方向上。,2.2 矩形工具组,在工具箱中单击矩形工具组并按住鼠标

31、不放，便会弹出下拉工具列表。该工具组包含了5个常用工具，分别为“矩形工具”、“椭圆工具”、“基本矩形工具”、“基本椭圆工具”和“多角星形工具”。这些工具主要用于绘制一些基本几何图形，如圆形、长方形、扇形、星形和多边形等。,2.2 矩形工具组,（1）设置矩形工具属性 打开“矩形工具”的属性面板，如图所示。在矩形工具属性面板中，笔触颜色、笔触高度、笔触样式、端点、结合等参数跟线条工具属性面板中的相应选项含义是相同的，面板左下方的矩形边角半径参数常用于绘制圆角矩形。,1矩形工具,矩形工具用于绘制矩形、正方形等图形。在工具箱中选择“矩形工具” 或按“R”键，即可调用该工具。,2.2 矩形工具组,（2）

32、矩形工具的操作方法 绘制矩形 使用方法是：选定矩形工具后，将鼠标指针置于舞台中，就会变为十字形状，单击并拖动鼠标即可从单击处为起点绘制一个矩形。 绘制正方形 使用矩形工具绘制时，按住Shift键不放可以绘制正方形；按住Alt键不放，可以单击处为中心进行绘制。 绘制圆角矩形 可以在矩形工具属性面板中对“矩形边角半径”等参数进行相关设置，以绘制出圆角矩形等需要的图形，如图所示的图形就是在不同的矩形边角半径下做的。,1矩形工具,2.2 矩形工具组,基本矩形工具常用于绘制圆角矩形。在矩形工具组的下拉工具列表中选择“基本矩形工具” 或按“R”键，即可调用该工具。多次按“R”键可以在“矩形工具”和“基本矩

33、形工具”之间进行切换。 基本矩形工具的属性面板与矩形工具的相同，各个参数的含义也一样，可参照矩形工具属性面板进行学习。 使用“基 本矩形工具”绘制矩形的方法和“矩形工具”相同，只是在绘制完毕后矩形的四个角上会出现四个圆形的控制点，使用“选择工具”拖动控制点可以调整矩形的圆角半径。,2基本矩形工具,2.2 矩形工具组,（1）设置椭圆工具属性 “椭圆工具”对应的属性面板和“矩形工具”类似，选择椭圆工具后可在属性面板中进行相关设置，如图所示。 起始角度：表示椭圆开始的角度，常用于绘制扇形。 结束角度：表示椭圆结束的角度，常用于绘制扇形。 内径：表示绘制的椭圆内径，常用于绘制圆环。,3椭圆工具,椭圆工

34、具用于绘制椭圆、正圆等图形。在矩形工具组的下拉工具列表中选择“椭圆工具” 或按“O”键，即可调用该工具。,2.2 矩形工具组,（2）椭圆工具的操作方法 绘制基本椭圆 绘制椭圆的方法和绘制矩形的方法类似，选择“椭圆工具”后，将鼠标指针移至舞台，单击左键并拖动鼠标即可绘制出一个椭圆。 绘制正圆 若在绘制时按住Shift键不放，可以绘制出一个正圆；若绘制时按住Alt键不放，则可以单击处为圆心进行绘制。 绘制扇形、圆环 在绘制椭圆时，如果我们设定了起始角度与结束角度值，可以绘制扇形效果；如果设定了内径值，可以绘制圆环效果，如图所示。,3椭圆工具,2.2 矩形工具组,基本椭圆工具常用于绘制扇形、圆环等。

35、在矩形工具组的下拉工具列表中选择“基本椭圆工具” 或按“O”键， 即可调用该工具。多次按“O”键可以在“椭圆工具”和“基本椭圆工具”之间进行切换。 基本椭圆工具的属性面板与椭圆工具的相同，各个参数的含义也一样，可参照椭圆工具属性面板进行学习。 使用“基本椭圆工具”绘制椭圆的方法和“椭圆工具”相同，只是在绘制完毕后，椭圆上多出几个圆形的控制点，使用“选择工具”拖动控制点可以对椭圆的起始角度、结束角度和内径分别进行调整。,4基本椭圆工具,2.2 矩形工具组,（1）设置多角星形工具属性 打开“多角星形工具”的属性面板，与“线性工具”的属性面板相似，如图所示。在使用该工具前，需要对其属性进行相关设置，

36、以绘制出需要的形状。,5多角星形工具,“多角星形工具”用来绘制规则的多边形和星形。在矩形工具组的下拉工具列表中选择“多角星形工具” ，即可调用该工具。,2.2 矩形工具组,（2）多角星形工具的操作方法,5多角星形工具,绘制多边形 下面通过绘制一个八边形为例来说明使用“多角星形工具”绘制多边形的操作方法。 操作步骤： 在工具箱中选择“多角星形工具”，打开“属性”面板，设置“笔触颜色”为黑色，“笔触高度”为2，设置填充色为无。 单击“选项”按钮，弹出“工具设置”对话框，在“样式”下拉列表框中选择“多边形”选项，在“边数”数值框中输入8，如图所示。 将鼠标指针移至舞台中，鼠标指针变为十字形状，单击左

37、键并拖动可绘制出一个规则的八边形，如图所示。,2.2 矩形工具组,（2）多角星形工具的操作方法,5多角星形工具,绘制星形 绘制星形的方法与绘制多边形是一致的，不同的是在绘制星形前应在“工具设置”对话框中的“样式”下拉列框中选择“星形”，如图所示。 需要注意的是：在“工具设置”对话框中，“星形顶点大小”的取值范围为01，值越大顶点的角度就越大。当输入的值超过其取值范围时，系统自动会以0或1来取代超出的数值。如图所示的的五角星就是在“星形顶点大小”的值分别是0、0.5、1时绘制出来的。,2.3 任意变形工具,使用“任意变形工具”可以对选择的一个或多个对象进行各种变形操作，如旋转、缩放、倾斜、扭曲和

38、封套等。单击工具箱中的“任意变形工具”或按“Q”键，可调用该工具。,1任意变形工具 功能按钮,“旋转与倾斜”按钮 ：单击该按钮只能对图形进行旋转和倾斜操作，在进行倾斜操作时，鼠标指针应位于控制点上，而非控制线上。 “缩放”按钮 ：单击该按钮后，只能对图形进行缩放操作。将鼠标指针移至四角的控制点上，当其变为双向箭头时按住鼠标左键并拖动鼠标，可以等比例缩放图形。 “扭曲”按钮 ：单击该按钮后，只能对图形进行扭曲操作，用来增强图形的透视效果。 “封套”按钮 ：单击该按钮后，图形四周出现许多控制点，用于对图形进行复杂的变形操作。,2.3 任意变形工具,2任意变形工具的操作方法,使用任意变形工具操作时，

39、可灵活使用选项区中的功能按钮，实现对应的变形效果。 （1）“旋转与倾斜”及“缩放”命令可以对所有的图形对象来操作，变形效果如图所示。,（2）“扭曲”与“封套”命令只能针对矢量图形进行操作， 变形效果如图所示。,2.4 铅笔工具和刷子工具,铅笔工具用来绘制线条，它的自由度非常大，适合习惯使用手写板进行创作的人员。单击工具箱中的“铅笔工具” 或按“Y”键，可调用该工具。,1铅笔工具,（1）设置铅笔工具属性 铅笔工具对应的属性面板和线条工具类似，选择铅笔工具后可在属性面板中进行相关设置，包括笔触颜色、笔触类型、平滑等参数，如图所示，其中平滑参数用于设置笔触的平滑程度。,2.4 铅笔工具和刷子工具,1

40、铅笔工具,（2）铅笔工具的操作方法 铅笔工具的使用方法是：将鼠标指针移至舞台，按住鼠标拖动可绘制线条。注意在绘制之前，应选择合适的铅笔模式。,“铅笔工具”有三种模式，单击“铅笔模式”按钮，将弹出一个下拉列表，如图所示，在不同的模式下，所绘制线条的效果是不一样的，它们的对比效果如图所示。,2.4 铅笔工具和刷子工具,刷子工具可以在画面上绘制出具有一定笔触效果的特殊填充。选择工具箱中的“刷子工具”或按“B”键，可调用该工具。,2刷子工具,（1）设置刷子工具属性 在使用刷子工具之前，需要对其属性进行相关设置，如图所示，主要是调整颜色和平滑度，“刷子工具”颜色是指填充颜色，使用它绘制出来的图形是没有笔

41、触颜色的。,2.4 铅笔工具和刷子工具,2刷子工具,（2）刷子工具的操作方法 刷子工具的使用方法与铅笔工具相似，将鼠标指针移至舞台，按住鼠标拖动可进行绘制。注意在绘制之前，应选择合适的刷子模式。 单击选项区中的“刷子模式”按钮 ，在弹出的下拉列表中包含了五种模式：,标准绘画：笔刷经过的地方，线条和填充全部被笔刷填充所覆盖。 颜料填充：笔刷只将鼠标经过的填充进行覆盖，对线条不起作用。 后面绘画：笔刷不覆盖鼠标经过的矢量图形，只覆盖在没有图形的部分。 颜料选择：笔刷只能对当前被选择的矢量图形起作用。 内部绘画：笔刷对鼠标点击的闭合填充区域起作用，不会对其他区域起作用，这对于上色操作非常有用。,2.

42、4 铅笔工具和刷子工具,2刷子工具,选择不同的笔刷模式可以绘制出不同的图形效果，比如设定当前填充色为红色：#CC0000，定义合适的笔刷形状与大小，对一副带有黑色描边的矢量图进行各类笔刷模式的绘制，对比效果如图所示。,2.5选择工具和部分选取工具,1选择工具,选择工具是Flash中使用频率最高的工具，它的主要功能是选择对象、移动对象、编辑线条、平滑/伸直对象等，如图所示。,2.5选择工具和部分选取工具,1选择工具,2.5选择工具和部分选取工具,1选择工具,2.5选择工具和部分选取工具,1选择工具,2.5选择工具和部分选取工具,2部分选取工具,部分选取工具主要用于选择线条、移动线条和编辑节点等，

43、如图所示，它可以使对象以锚点的形式进行显示，然后通过移动锚点或方向线来修改图形的形状。选择工具箱中的“部分选取工具”或按“A”键，可调用该工具。,普通状态 选择边框 编辑节点 移动边框,2.6钢笔工具,1设置钢笔工具属性,选定“钢笔工具”，展开钢笔工具的属性面板，如图所示，可以设置笔触高度、笔触颜色及笔触类型等参数。,钢笔工具可以对绘制的图形具有非常精确的控制，对绘制的节点、节点的方向点等都可以很好地控制，因此钢笔工具适合于喜欢精准绘制的设计人员。选择工具箱中的“钢笔工具” 或按“P”键即可调用该工具。,2.6钢笔工具,2钢笔工具操作方法,（1）用钢笔工具绘制线条 使用钢笔工具可以绘制出非常复

44、杂的线条效果，如果在舞台上的各个地方单击，那么各个单击点将会依次连接，形成一条折线，如左图所示；如果将“单击”改成“按住鼠标左键拖动”，那么就可以创建曲线了，如中图所示。,在按住左键进行拖动时，开始拖动的位置将形成“控制点”，像一个钉子一样将曲线钉住，不管以后怎么调整，曲线一定会经过这个点；拖动之后就会出现“控制柄”，它决定了曲线的走向，如右图所示。,2.6钢笔工具,2钢笔工具操作方法,（1）编辑路径节点 钢笔工具除了具有绘制图形的能力外，还可以进行路径节点的编辑工作，如图所示；同时，使用钢笔工具创建的线条还可以使用“部分选取工具” 进行调整，两种工具配合使用，能够创建出复杂、丰富的图形效果。

45、,2.7 套索工具,套索工具和Photoshop的套索工具功能相似。在Flash CS3中，套索工具有三种模式：套索工具模式、多边形模式及魔术棒选取模式。对于矢量图形，可以使用套索工具或者多边形选取方式进行选择；对于打散的位图，除了可以使用套索工具和多边形选取方式外，还可以使用魔术棒选取方式。,套索工具操作方法： 1.套索工具模式 使用套索工具模式选取图形时，首先调用“套索工具”，此时舞台中的鼠标指针变成了形状，按住左键并拖动，即可选定图形的某一区域。,2.7 套索工具,2.多边形模式 选择“套索工具”后，在其选项区中单击“多边形模式”按钮 ，使其呈按下状态即可切换到多边形模式，然后在舞台上通

46、过单击绘制选区即可。,3.魔术棒模式 魔术棒模式一般用于选择位图中相邻及相近的像素颜色。在使用时，首先单击“魔术棒”按钮 ，使其呈按下状态，然后将鼠标指针移至分离的位图上，鼠标指针会变成魔术棒的形状，单击后即可选中与单击位置颜色相同或相近的区域。,2.7 套索工具,使用魔术棒选取方式时，还可以使用“魔术棒设置”对话框进行选取设定，如图所示。,“魔术棒设置”对话框中各个选项的含义如下： 阈值：在该数值框中输入数值，可以定义选择范围内相邻或相近像素颜色值的相近程度，数值越大，选择的范围就越大。 平滑：该下拉列表框用于设置选择区域的边缘平滑程度。,2.8 墨水瓶工具,墨水瓶工具可以用来改变线条颜色、

47、宽度和类型，还可以为只有填充的图形添加边缘线条。单击工具箱中的“墨水瓶工具” 或按“S”键，可调用该工具。,1.设置墨水瓶工具 属性,“墨水瓶工具”的属性面板与“线条工具”的属性面板相似，如图所示。在其面板中可以进行笔触颜色、笔触高度、笔触类型等相关设置，各参数的含义可参照前面“线条工具”一节所述。,2.8 墨水瓶工具,2.墨水瓶工具 操作方法,（1）使用墨水瓶工具修改已有的线条 在“墨水瓶工具”属性面板中设置好相应参数后，将鼠标指针移至舞台上，待其变为 形状时，在图形的边缘处单击鼠标左键，即可修改图形的边缘线条，如左图所示。 （2）为填充图形添加线条 在“墨水瓶工具”属性面板中设置好参数后，

48、将鼠标指针移至舞台上，并在图形的内部或边缘处单击鼠标左键，可为其添加线条，如右图所示。,2.9 颜料桶工具,填充功能是Flash中比较复杂的一项功能，颜料桶工具可以对封闭的区域填充颜色，也可以对已有的填充区域进行修改。单击工具箱中的“颜料桶工具” 或按“K”键，可调用该工具。,1.设置颜料桶工具 属性,打开“颜料桶工具”的属性面板，只有一个“填充按钮”，用于修改填充颜色，如图所示。,2. 9 颜料桶工具,2.颜料桶工具的操作方法,将鼠标指针移至舞台中，待其变为 形状时，在图形内部单击鼠标左键，即可为图形填充颜色。如果对带有空隙的图形进行填充，还需要选择合适的“空隙大小”。 选择颜料桶工具后，单

49、击其选项区中的“空隙大小”下拉按钮，在弹出的下拉菜单中选择不同的选项，可设置对封闭区域或带有缝隙的区域进行填充，如图所示。,2. 9 颜料桶工具,不封闭空隙：默认情况下选择的是该选项，表示只能对完全封闭的区域填充颜色。 封闭小空隙：表示可以对极小空隙的未封闭区域填充颜色。 封闭中等空隙：表示可以对比上一种模式略大的空隙的未封闭区域填充颜色。 封闭大空隙：表示可以对有较大空隙的未封闭区域填充颜色。,空隙大小选项的含义如下：,可以结合“颜色面板”和“渐变变形工具” ，对图形进行纯色、线性、放射状、位图等形式的填充，形成色彩丰富的填充效果，如图所示。,2. 10 滴管工具,简单的讲，Flash中的“滴管工具”就是一个风格提取器，可以吸取线条的笔触颜色、笔触高度及笔触样式等基本属性，并且可以将其应用于其他图形的笔触。同样，也可以吸取填充的颜色或位图等信息，并将其应用于其他图形的填充。单击工具箱中的“滴管工具” 或按“I”键，可调用该工具。,2.