第1节 FLASH CS4界面认识及矢量图形绘制 Flash高级商务动画设计(PPT全)(袁野版)

1、 教学目的 q【目的目的】 q1FLASH CS4动画介绍。 q2FLASH CS4界面认识，工具箱各工具使用方法，各面 板的功能及使用。 q3矢量图制作。 q【重点重点】 q1矢量图制作技巧。 q2. 文档的基本操作 【难点难点】 q矢量图绘画。 1.1 什么是FLASH动画 Flash动画是目前非常流行的二维动画制作软件之一，它是矢量 图编辑和动画创作的专业软件，能将矢量图、位图、音频、动 画和深层的交互动作有机地、灵活地结合在一起，创建美观、 新奇、交互性强的动画。Flash不仅用于制作动画、游戏等，还 广泛用于制作动态效果网页，网上已经有成千上万个Flash站点 ，可以说Flash已经

2、渐渐成为交互式知量的标准。Flash是一种 比较简单易学的大众化制作软件，有一定计算机基础的人都能 很容易上手。 1.2 FLASH CS4工作界面 5 1.2.1 场景的操作 q在菜单栏选择“插入/场景”命令，插入空白场景。 q使用编辑栏上的“编辑场景”按钮，可以快速切换场景。 q在菜单栏选择“窗口/其他面板/场景”命令，打开“场景”面 板，可以看到当前文件场景的列表。 编辑栏中的编辑栏中的“编辑场景编辑场景”按钮按钮 场景面板场景面板 6 6 面板 q面板 q作用类似于对话框，用于进行相关设置。 q通过窗口菜单可以显示或关闭各种面板。 qFlash中面板包括4大类共有20几种。 q常用面板

3、 q属性面板 q工具面板 q库面板 q时间轴面板 7 7 q属性面板是一个综合性的面板。 q可以设置图形、图像、元件，以及工具和文档的有关属性。 q例如，选用“文本”工具时，就可以设置文本的字体、字号、颜色等 属性。 q提示：属性面板中的内容随用户所选定的内容的不同而变化。 8 8 9 9 1.2.5 Flash 面板_库面板 q元件（Symbol） q元件也被称作符号或图符，是Flash动画的重要组成部分，元件对 象可以应用于当前动画或其他动画中。 q元件的主要特性是可以被重复利用，且不会影响影片的大小。 qFlash中包括三种元件类型，分别为图形元件、影片剪辑元件与按 钮元件，每一种元件都

4、具有独特的属性 。 q库（Library） qFlash中的所有元件都被归纳在库面板中，库可以理解为保存各种 元件的文件夹，当元件被创建后，将自动保存到库中。 q应用库面板中的元件时，只需将元件从库中拖拽到场景舞台。 q即使在场景中将所有元件全部删除，也不会影响库面板中的元件。 10 元件的类型 qFlash中包括三种元件类型，分别为图形元件、影片剪辑 元件与按钮元件。 q图形元件主要用于定义静态的、常用的图像符号。 q按钮元件是一种具有交互功能的图形元件，用于响应各种鼠标事 件，以实现用户的相应动作。 q影片剪辑元件是Flash中应用最为广泛的元件类型，可以将它自身 理解成为一个小动画。 q

5、在影片剪辑元件中可以制作独立的影片，制作影片的方法与在场 景中没有区别 。 11 创建元件 q在Flash中，可以通过两种方式创建元件，分别为创建创建新 元件与将对象为元件。 q创建新元件是指直接创建一个空白元件，然后自动进入元件编辑 模式，接着在元件中创建和编辑元件中的对象。 q将对象转换为元件是指将选定的对象转换为元件，对象可以为任 何元素，将对象转换为元件后，即可改变对象的属性 。 q选择对象，用“修改/转换为元件”菜单命令，可以实现元件转换 。 12 编辑元件 q在快捷菜单中选择“编辑” ，或双击库面板中的元件，就可 进入元件的编辑状态。 q元件的修改会直接影响到影片中每一个以它为基础

6、的实例。 元件编辑状态元件编辑状态 13 实例 q应用于影片的元件均被称之为实例。 q在工作区中选中实例，可以改变实例的尺寸、颜色与元件 类型，但这些改动只针对实例本身，不会影响到库面板中 的元件 。 1414 q主要用于组织和控制影片中图层和帧的内容，使这些内容随 着时间的推移而发生相应变化。 q设计者可以将不同的对象安排在时间轴内，让不同的对象或 图层上的部件，有一个共同的时间标准。只要对准了同一帧， 就可保证所有的动作都会在同一时间发生。 q时间轴最重要的组成部分：帧、图层和播放头。 1515 图层图层帧帧 播放头播放头 时间轴时间轴 1616 工具栏 q工具栏 q主工具栏命令按钮 q编

7、辑栏场景编辑、元件编辑、显示比例 q控制器控制影片播放 q通过“窗口/工具栏”打开或关闭各个工具栏 17 1.2.9 基本操作 q工具面板中的复合工具和提示 q 面板的折叠与展开、打开与关闭、移动及变形 q通过折叠按钮实现面板折叠与展开 q通过“窗口”菜单实现面板打开与关闭 q通过鼠标拖动实现面板移动及变形 q “基本功能”菜单 q可以切换工作界面的布局 1818 q创建新文件或打开文件 q设置 文档属性 q通过菜单“修改/文档”或“属性面板”设置 q导入文件(素材) q通过菜单“文件/导入”可以导入 q导入到舞台(将素材导入到舞台，同时也导入到库) q导入到库(将素材只导入到库) 1919

8、q创建动画 q在舞台上和时间轴中排列各种对象元素，以定义它们在 动画中显示的时间和显示方式。 q常用的动画 q逐帧 q补间形状 q传统补间 q补间动画 q动画参数设置 2020 q播放 q在编辑环境中演示动画。 q控制器、按回车、“控制”菜单。 q测试 q在独立窗口中演示动画。 q相当于发布成SWF影片后，用播放器 播放（按CtrlEnter）。 q会自动生成SWF文件。 q发布 q“发布”就是把Flash编辑成果以多种 形式保存。 q“发布设置”对话框上设置保存形式。 q“发布预览”保存成设置形式，并在在 独立窗口中播放 。 2121 q保存文件的几种格式 qFlash文件（扩展名fla）

9、qFlash的编辑格式 q影片文件（扩展名swf） SWF q用Flash播放器播放SWF文件可与播放器集成 q网页中用插件（Active控件）播放 常用快捷操作 lCtrl+z:撤消 lCtrl+2：满画布显示 lEnter:用flash软件播放动画 lCtrl+Enter:用flash播放器播放动画 lShift：绘制正方形 lAlt：由中心向四周绘制矩形 lAlt+shift：由中心向四周绘制正方形 lCtrl+c：复制 lCtrl+v：粘贴（默认是粘贴画布的中心） lCtrl+shift+v：原位置粘贴 2、矢量图绘画 在在Flash动画制作中，矢量图是不可缺少的。矢量图一般可以通动画

10、制作中，矢量图是不可缺少的。矢量图一般可以通 过导入方式获得，还可以利用过导入方式获得，还可以利用Flash CS4自带的绘图工具来绘制自带的绘图工具来绘制 。在制作动画前一定要熟练掌握绘制图形以及填充图形的操作。在制作动画前一定要熟练掌握绘制图形以及填充图形的操作 ，了解在绘图过程中各工具的使用以及扩展功能。，了解在绘图过程中各工具的使用以及扩展功能。Flash CS4中中 提供了一些基本作图工具，例如提供了一些基本作图工具，例如【线条线条】工具、工具、【钢笔钢笔】工具工具 、【刷子刷子】工具等。熟练运用这些工具就能绘制出更多样式的工具等。熟练运用这些工具就能绘制出更多样式的 图形图像，使动

11、画能更加精彩。图形图像，使动画能更加精彩。 2.1 认识FLASH中的图形 u Flash中的图形类型-矢量图形 uFlash CS4常用图像 -使用Flash CS4可以导入多种图像文件格 式。 2.2 使用绘制工具 Flash CS4的【工具】面板中中提供了一些基本图形绘制工具， 包括【线条】工具、【矩形】工具、【铅笔】工具等。【工具 】面板中的所有绘制工具根据功能的不同，可以分为 u线条绘图工具 u图形绘制工具 u填充工具 u擦除工具 2.2.1 设置绘图首选参数 设置绘图首选参数包括指定对齐、平滑和伸直行为，从而可以 更改每个选项的容差设置，也可以打开或关闭单个选项。容差 设置取决于计

12、算机屏幕的分辨率和场景当前的缩放比率。默认 情况下，每个选项都是打开的，并且设置为【正常】容差。 线是最构成图形最基础的元素，在Flash CS4中，线条绘图工 具主要包括直线工具（Line Tool）和铅笔工具（Pencil Tool）、钢笔工具（Pen Tool）。用于在工作区中绘制线 条。 q直线工具 只能画直线。 按住Shift键，拖放鼠标可以绘制垂直、水平直线或45斜线。 q铅笔工具 画直线或曲线。 所画线条包括：Straighten（平直）、Smooth（平滑）、Ink（墨 水）三种模式。 q钢笔工具 可以绘制连续线条与贝塞尔曲线，且绘制后还可以配合 精选工具来加以修改。用钢笔工具

13、绘制的不规则图形，可以在任何 时候重新调整。 了解了线条绘制工具后，对于一些几何图形，可以使用Flash CS4的图形绘制工具来绘制，这些图形绘制工具主要包括了【椭 圆】、【矩形】以及【多角星形】工具等。 绘制图形之后，就可以进行颜色的填充操作，Flash CS4中的填充 工具主要包括【刷子】工具、【颜料桶】工具、【墨水瓶】工具 、【吸管】工具和【喷涂刷】工具。 1.刷子工具（刷子工具（BrushTool）。）。 1.填充工作区中任意区域的颜色。填充工作区中任意区域的颜色。 2.它与铅笔工具不同，它与铅笔工具不同，笔刷笔刷工具画出的是工具画出的是填充区填充区，而，而铅笔铅笔工具则是工具则是线条

14、线条 2.墨水瓶工具（墨水瓶工具（InkBottleTool）和颜料桶工具（）和颜料桶工具（PaintBucket Tool）。）。 1.墨水瓶工具墨水瓶工具更改更改线条线条的颜色和样式；的颜色和样式； 2.颜料桶工具颜料桶工具更改更改填充区域填充区域的颜色。包括：缺口大小（的颜色。包括：缺口大小（GapSize）和）和 锁定填充（锁定填充（LockFill）两个选项。）两个选项。 1.缺口大小缺口大小决定如何处理未完全封闭的轮廓，决定如何处理未完全封闭的轮廓， 2.锁定填充锁定填充决定决定Flash填充渐变的方式。填充渐变的方式。 3.吸管工具（吸管工具（EyedropperTool）。）。

15、 从工作区中拾取已经存在的颜色及样式属性，并将其应用于别的对象中从工作区中拾取已经存在的颜色及样式属性，并将其应用于别的对象中 橡皮擦工具橡皮擦工具 该工具用于擦除笔触段、填充区域以及舞 台上的所有内容。 q“橡皮擦模式” q水龙头 q橡皮擦形状 橡皮擦工具（Eraser Tool）。 完整或部分地擦除线条、填充及形状。 q选项栏：擦除模式（Eraser Mode）、水龙头（Faucet ）和橡皮擦形状（Eraser Shape）。 q擦除模式选项用于选择擦除图画区域的方式，包括：Erase Normal（普通，擦除线条和填充）、Erase Fills（擦除填充 ）、Erase Lines（擦

16、除线条）、Erase Selected Fills（擦除 所选区域）和Erase Inside（擦除内部）。 q水龙头选项可以快速擦除线条或填充颜色。选择水龙头后， 在工作区中单击要擦除的线条或填充区域（选择的区域或封 闭区域）。 q橡皮擦形状选项 用于设置橡皮擦的外形。 在Flash CS4中的辅助工具主要是用来辅助设计的，主要分为选择 工具和视图工具两大块。其中 选择工具包括【选择】工具、【部分选取】工具和【套索】工 具； 视图工具包括【手形】工具、【缩放】工具以及标尺和网格。 箭头工具、部分选取工具和套索工具。 他们的主要功能都是选择 1.箭头工具 选取和移动对象、修正对象轮廓，调整曲线

17、、旋转或 缩放对象。 选择对象方法： 单击对象的内部区域（或轮廓线），选中该对象的内部区域（或轮廓线）； 双击对象的内部区域，选中该对象的内部区域和轮廓线； 拖放鼠标圈出一个矩形，该矩形中的区域被选中。 1.部分选取工具 对曲线、圆形、矩形等图形对象的外形进行编辑调整。 若图形对象是组件，必须先解散。使用该工具选中对象后，对象将显示出一条 带有节点（空心小方块）的蓝色线条，是显示线段或对象轮廓上的锚点（贝塞 尔曲线），移动锚点或路径来改变图形的形状。 2.套索工具 使用圈选方式来选取对象，它可以圈出不规则形状 1.魔术棒（Magic Wand）可根据颜色选择对象的不规则区域； 2.多边形（Po

18、lygon Mode）可选择多边形区域； 选择工具选择工具 视图视图工具工具 1.视图移动工具（手形手形）。 用于移动工作区使其便于编辑，其功能相当于移动滚动 条。选择该工具后，使用鼠标在工作区中拖动页面即可调整。 1.缩放工具 用于调整工作区的显示比例。 1.选项栏：放大（Enlarge）和缩小（Reduce）。 Flash CS4中的视图工具可以分为【手形】工具、【缩放】工具 以及标尺和网格，分别用来平移设计区中的内容、放大或缩小 设计区显示比例和在设计区中显示标尺和网格。 q 【任意变形】工具 可以用来对对象进行旋转、扭曲、封套等操作。选择【工具】面板 中的【任意变形】工具，在【工具】面

19、板中会显示【贴紧至对象】、【旋转 和倾斜】、【缩放】、【扭曲】和【封套】按钮 q 【渐变变形】工具 与【任意变形】工具在同一个工具组中。 使用【渐变变形】工具，可以通过调整填充的大小、方向或者中心位置 ，对渐变填充或位图填充进行变形操作。 1.Flash中的文本类型中的文本类型:静态文本、动态文本和输入文本。 q静态文本：默认的创建文本格式，在文件播放过程中静态文本不发生 改变。 q动态文本：显示动态更新的文本，可以随着文件的播放而自动更新的 文本。 q输入文本：在文件播放时用于交互的文本。例如，在表单或调查表中 输入的文本等。 2.创建不同类型的文本创建不同类型的文本 q工具栏的“文本”工具

20、 ，打开其属性面板。在“文本类型” 下拉列表中选择“静态文本”、“动态文本”或“输入文本”。 q文本的属性设置包括：字体、大小、字母间距、对齐方式、方向、 链接等。 q文本的颜色设置：文本默认只能设置单色，如果想填充渐 变，必须将文本转变成散件。单击菜单“修改”/“分离 ”命令2次或按快捷键Ctrl+B2次 q对于多个文字在填充渐变时默认是一个文字中填充一个渐 变，可以利用颜料桶工具拖动将这些文字整体应用一个渐 变。注意在拖动时一定要将落点落在文字内部，否则将无 效。 注意：文本转换成散件后，文本的属性将丢失。 q【实例说明实例说明】制作彩色立体文字。 q【技术要点技术要点】学会舞台属性设置，

21、使用文本工具 、墨水瓶工具、颜料桶工具。 4040 1.创建了一个新的Flash影片文件”练习1.fla”，修改修改文档文档宽度设为450px ，高度设为120px； 2.点击工具箱上的“文本工具文本工具”，输入“外贸学院”，选择字体为“隶书 ”、大小为“96”磅、字型为“粗体”。 3.将舞台上的四个字打散，CTRL+B2次，或修改修改/分离分离 4.描边处理：鼠标选中工具箱中的“墨水瓶墨水瓶”工具工具， “笔触颜色” 为黑 色 5.用箭头工具单击所有文字中间部分，按删除键(Delete)，变为空心文字。 6.选中工具箱上的箭头工具箭头工具，选中舞台上的所有文字（用鼠标画方框包围 所有文字），

22、按住Alt控制键，用鼠标向舞台的右下方拖动，复制出一个 新的空心文字。 “笔触颜色”设为绿色。 7.选择工具箱上的箭头工具箭头工具，将立体效果中不可见的线条选中，按Delete 键将其删除。 8. 彩色立体文字：选择选择“颜料桶工具颜料桶工具”，并选择颜 色面板中的填充色为七彩线条型渐变色 ，在舞台中 绿色空心字的每笔文字的中间点击。 q【实例说明实例说明】本例制作计算机软盘的外观图，将 它作为元件存入库中。 q【技术要点技术要点】本例主要使用矩形工具，通过描绘 颜色和填充颜色的设置以及直线工具的使用，在 三个图层中绘制软盘的不同组成部分，从而制作 出计算机软盘图。 4444 1.创建了一个新

23、的Flash影片文件”练习2.fla”，点击“保存”按钮。 2.修改修改文档文档宽度设为350px，高度设为350px，背景颜色淡绿色； 3.菜单上，插入插入新建元件新建元件，打开“创建新元件”对话框，在名称后输入“ 软盘”，行为选择“图形”单选按钮,打开“软盘”元件编辑窗口进行软盘 图形元件的设计。 4.在工具箱中单击基本基本矩形矩形工具工具，单击“笔触颜色”按钮，选取黑色；再单 击“填充色”按钮，选取黄色（#ffff00）。用鼠标在舞台上拖出一个矩形 。用鼠标点击工具箱中的箭头工具 ，在舞台上双击矩形（或用鼠标拖矩形 包住整个矩形），同时选中矩形的边框线和填充部分： 5.点击舞台右侧属性图

24、标展开属性设置面板，设置宽270.0，高280.0,X(矩形 左上角的横坐标)为40.0,Y(矩形左上角的纵坐标)为40.0，矩形选项是15 6.单击时间轴窗口左下方的“新建新建图层图层”按钮 ，在“图层1”之上新建了一 个“图层2”，单击工具箱中的基本基本矩形矩形工具工具，设置“笔触颜色”为黑色 ，“填充色”为白色。然后用鼠标在舞台上拖出一个矩形。展开属性设置 面版，设置宽180.0，高170.0,X(矩形左上角的横坐标)为87.0,Y(矩形左上 角的纵坐标)为150.0，矩形选项是7 4545 7.更改填充色为渐变色，窗口更改填充色为渐变色，窗口/颜色颜色面板、类型选线性，白蓝两色，渐变变

25、形 工具翻转90度 8.左右两边用矩形工具画黑色小矩形 9.单击工具箱中的基本基本矩形工具 ，设置“笔触颜色”为黑色，“填充色”为 没有颜色。在舞台上拖动鼠标绘制一个边框线为黑色、无填充色的矩形， 属性为X84，Y0，宽140，高55 10.单击工具箱中的基本基本矩形矩形工具工具，设置“笔触颜色”为黑色，“填充色”为 灰色，在舞台上拖动鼠标创建灰色填充矩形。属性为X84，Y40，宽140， 高55 11.单击工具箱中的矩形工具 ，设置“笔触颜色”为黑色，“填充色”为黄色 色，在刚创建的矩形上拖动鼠标，绘制矩形，属性为X178，Y47，宽27， 高40 12.单击时间轴窗口左下方的“新建新建图层

26、图层”按钮 ，在“图层2”之上新建了一 个“图层3”。 13.写文字，formatted for IBM ，黑色字体Brush script MT，字号15 14.SONY,黑色,字体Copperplate Gothic Bold，字号24 15.SONY,白色,字体Cooper Black，字号18 q【实例说明实例说明】本例制作羽毛球拍的外观图，将它 作为元件存入库中。 q【技术要点技术要点】本例主要使用椭圆工具，渐变变形 工具来进行渐变填充颜色的设置以及视图里的网 格工具来画直线，最后通过任意变形工具旋转一 定角度。 4848 1.创建了一个新的Flash影片文件”练习3.fla”，点击“保存”按钮； 2.修改修改文档文档宽度设为350px，高度设为350px，背景颜色白色； 7.单击工具箱中的椭圆工具 ，设置“笔触颜色”为黑色，“填充色”为