第2章Flash绘图与动画.ppt

《第2章Flash绘图与动画.ppt》由会员分享，可在线阅读，更多相关《第2章Flash绘图与动画.ppt（56页珍藏版）》请在优知文库上搜索。

1、第2章 Flash绘图与动画lFlash提供了丰富易用的绘图工具和强大便捷的动画制作系统，可以帮助用户制作出丰富多彩的Flash动画。然而工欲善其事，必先利其器，要想真正制作出好的动画，必须对Flash中的各种工具有充分的认识，并能熟练地使用。l本章主要介绍如何使用Flash提供的各种工具进行图形的创作和编辑，并讲解Flash动画的基本原理和制作方法。2.1 绘制图形对象l使用工具栏中的绘图工具，可以方便地创建各种基本形态的对象，如图：2.1.1 Flash绘图基础l1轮廓和填充:在Flash中绘制的图形基本上是由轮廓和填充构成的，在绘制各种图形时，应当设置图形的轮廓颜色、填充颜色以及轮廓的粗

2、细、样式等属性。在工具栏的颜色区可以设置图形的轮廓颜色和填充颜色，如图：2.1.1 Flash绘图基础l2绘制模式：Flash提供了两种绘制模式合并绘制模式和对象绘制模式，为绘制图形提供了极大的灵活性。l3重叠形状:绘制一条线，使之与另一条线或填充区域交叉，此时，线条会在交叉点处被分割，填充区域则会被线条分割，2.1.2 线条工具l线条工具用于绘制各种笔触样式的矢量直线。单击选择工具栏中的线条工具，将鼠标光标移动到舞台上，此时的鼠标光标变为形状。在舞台上单击并向一定方向拖动，可以绘制出一条直线。如图：2.1.3 铅笔工具l铅笔工具可用于绘制简单的矢量线条。其绘图方式与使用真实铅笔大致相同。l如

3、图:2.1.4 钢笔工具l使用钢笔工具可以创建贝塞尔曲线。在绘制过程中，可以通过对路径锚点进行相应的调整，绘制出精确的路径（如直线或平滑流畅的曲线）。l1设置钢笔工具l在使用钢笔工具之前，设置钢笔工具的指针外观、所选锚点的外观以及画线段时是否预览等属性。可以单击“编辑”|“首选参数”命令，在弹出的“首选参数”对话框中的“类别”2.1.4 钢笔工具l2绘制直线l使用钢笔工具可以绘制的最简单路径是直线，方法是通过单击钢笔工具创建直线的两个锚点。继续单击可创建由转角点连接的直线段组成的路径。使用钢笔工具绘制直线的具体步骤如下：2.1.4 钢笔工具l3绘制曲线l如果使用钢笔工具创建曲线，可以在曲线改变

4、方向的位置处添加锚点，并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。在绘制曲线时应当尽可能减少构成曲线的锚点，从而使创建的曲线更易于编辑，并减少系统资源的浪费。使用钢笔工具绘制曲线的如下：2.1.4 钢笔工具l4调整锚点l在使用钢笔工具绘制线段时，不可能一次就将线段绘制好。需要结合各种工具对所绘制的直线或曲线进行调整，从而使所绘制的线段达到预期的效果。这一过程是通过对线段的锚点进行转换、移动、添加或删除等调整工作来完成的。如下：2.1.5 矩形工具和基本矩形工具lFlash提供了两种绘制矩形的工具，即矩形工具和基本矩形工具。l1矩形工具2.1.5 矩形工具和基本矩形工具l2基本矩

5、形工具l使用基本矩形工具，可以绘制图元矩形。2.1.6 椭圆工具和基本椭圆工具lFlash提供了两种绘制椭圆的工具，椭圆工具和基本椭圆工具。l1椭圆工具如下：2.1.6 椭圆工具和基本椭圆工具l2基本椭圆工具l使用基本椭圆工具，可以绘制图元椭圆。2.1.7 多角星形工具l使用多角星形工具，可以创建多边形或星形。2.1.8 刷子工具l刷子工具可用于绘制自由形状的矢量填充。使用该工具能绘制出刷子般的笔触，可以用来创建一些特殊效果，例如书法效果。2.1.9 文本工具l使用文本工具可以用来创建文本。在创建文本后，可以对文本进行分离，从而将多字符文本的每一个文本都放置在单独的文本框中。也可以将文本转换为

6、图形，从而使文本可以像图形一样被编辑。2.1.9 文本工具l在使用文本工具创建文本之前，在“属性”面板中可以设置文本的字体和段落属性。2.2 填充图形对象lFlash工具栏中提供了一些用于填充图形的工具本来如下：2.2.1 墨水瓶工具l使用墨水瓶工具可以更改线条或图形轮廓的笔触颜色、宽度和样式。2.2.2 颜料桶工具l使用颜料桶工具可以对封闭区域进行填充。2.2.3 滴管工具l滴管工具用于从一个对象复制填充和笔触属性，然后立即将这些属性应用到其他对象。该工具还允许从位图图像取样用作填充。l在工具栏中选择滴管工具后，将其移动到舞台上需要抽取属性的线条或填充区域上。如果是对线条操作，滴管工具指针旁

7、边会出现一个铅笔形状，指针变为。此时单击该线条，滴管工具会转变为墨水瓶工具，同时，墨水瓶工具的属性被指定为该线条的属性。2.2.4 橡皮擦工具l使用橡皮擦工具进行擦除可删除指定位置的线条和填充。双击工具栏中的“橡皮擦工具”图标，可以快速将舞台上的所有内容删除。2.2.5 “颜色”面板l使用“颜色”面板，可以更改线条和填充的颜色。2.2.6 渐变变形工具l渐变变形工具用于调整填充的大小、方向或者中心，从而可以改变渐变填充或位图填充。2.2.6 渐变变形工具l拖动具有相应功能的手柄，可以改变渐变或位图填充的形状。2.3 处理图形对象l在Flash中创建好各种图形对象后，可以对这些图形对象进行进一步

8、的加工。例如可以通过移动、复制、删除、变形、层叠、对齐和分组等操作来编辑处理图形对象，使其达到预期的效果。利用Flash提供的相应工具和创作面板，可以方便快捷的完成对各种图形对象进行处理的工作。2.3.1 选择和修饰对象l在修改某一图形对象之前，需要先选择该对象。2.3.1 选择和修饰对象l1选择工具2.3.1 选择和修饰对象l2部分选取工具l使用部分选取工具，可以显示并调整图形对象中的路径点2.3.1 选择和修饰对象l3套索工具l使用套索工具，可以创建不规则的选框轮廓线，用于选择特殊形状的图形对象。其选择模式包括不规则选择模式和直边选择模式两种。2.3.2 变形对象l在Flash中，使用任意

9、变形工具、“变形”面板或者单击“修改”|“变形”菜单命令，可以对图形对象、组、文本块和实例进行变形操作。根据所选元素的类型，可以变形、旋转、倾斜、缩放或扭曲该元素。l1任意变形工具l使用任意变形工具可以单独执行某个变形操作，也可以将诸如移动、旋转、缩放、倾斜和扭曲等多个变形操作组合在一起执行。2.3.2 变形对象l2“变形”面板l对选定对象的变形操作也可以通过“变形”面板来实现。2.3.2 变形对象l3“修改”|“变形”菜单命令l通过选择“修改”|“变形”菜单中的命令，除了可以对选定对象进行缩放、旋转、扭曲等各种操作外，还可以将对象翻转。2.3.3 移动、复制和删除对象l在制作Flash影片时

10、，常常需要移动对象。对于需要重复创建的图形对象，可以通过复制功能来创建该对象的副本。而对于不需要的图形对象，则可以将其删除。l1移动对象：如果需要移动对象，可以通过多种方式实现。l2复制、粘贴对象：使用按住Alt键拖动对象的方式可以快速地复制对象。另外，选取某一对象后，按下快捷键Ctrl+D也可以直接复制出对象的副本。但是这两种复制只能在同一图层同一帧的舞台上进行。l3删除对象：如果需要将对象从文件中删除，2.3.4 排列对象l在制作Flash影片时，有时需要将多个对象按照一定的上下顺序层叠，或者按照一定位置对齐。在对这些对象进行层叠或对齐时，也需要先将其中一些对象组成一个整体，再与其他对象层

11、叠或对齐。可以通过使用“对齐”面板以及执行相应的菜单命令来实现这些操作。2.3.4 排列对象l1层叠对象2.3.4 排列对象l2对齐对象l使用“对齐”面板可以沿水平或垂直轴对齐所选对象。2.3.4 排列对象l3组合对象l如果需要要将多个元素作为一个对象来处理，可以将这些元素组合为一个整体。2.4 使用元件l对于创建好的图形对象，可以将其转换为元件，以便在制作Flash动画时使用。第1章已经涉及了关于元件的一些基本知识，本节将对其进行补充，具体讲解一下关于元件的创建及编辑方法。2.4.1 元件的类型l根据使用目的和用途的不同，元件可分为三种不同的类型：图形元件、按钮元件和影片剪辑元件。l1图形元

12、件：图形元件是最基础的元件类型，用于静态图像。l2影片剪辑元件：影片剪辑元件用于创建可重复使用的动画片段。l3按钮元件：按钮元件用于创建可响应鼠标单击、滑过或其他动作的交互式按钮，从而实现动画的交互性。2.4.2 创建元件lFlash创建元件的方法有两种：一种是可以通过舞台上选定的对象来创建元件；另一种是可以创建一个空元件，然后为该元件添加相应的内容。l1将选定对象转换为元件2.4.2 创建元件l2创建空元件2.4.2 创建元件l3直接复制元件2.4.3 编辑元件和实例l创建元件后，可以随时对元件进行编辑修改操作。一个元件被修改后，其在舞台上的实例也将相应地发生改变。也可以对元件的各个实例进行

13、某些编辑，但对实例的编辑不会影响元件本身。l1编辑元件l在元件的各种编辑模式中，舞台上元件的注册中心点显示为一个十字光标。2.4.3 编辑元件和实例l2修改实例属性l每个元件实例都各有独立于该元件的属性，如实例的色调、透明度和亮度等。2.5 创建动画l在Flash中，动画的创建方式主要有两种：逐帧动画和补间动画。补间动画又包括两种类型，即动画补间和形状补间。通过结合使用这些动画创建方法，可以制作出丰富多彩的动画效果。2.5.1 逐帧动画l逐帧动画就是对每一帧的内容都逐个进行绘制，然后将这些帧按照一定的速度顺序进行播放而形成的动画。这种动画方式最适合于创建图像在每一帧中都在变化而不是在舞台上移动

14、的复杂动画。使用逐帧动画生成的文件要比补间动画大得多。2.5.1 逐帧动画l在创建逐帧动画时，需要将动画中的每个帧都定义为关键帧，然后为每个帧创建不同的图像。2.5.2 补间动画l创建随时间移动或更改的动画，可以选择采用Flash提供的补间动画方法。2.5.2 补间动画l1动画补间动画：动画补间动画主要用于创建使实例、组或文本对象发生位移、大小改变、旋转等与运动相关的动画，以及颜色、亮度、透明度等发生变化的动画。2.5.2 补间动画l2形状补间动画l形状补间动画可用于创建动画对象形状发生变化的动画。2.5.2 补间动画l3使用形状提示l如果需要制作更加复杂或罕见的形状变化，可以使用Flash的形状提示功能。2.5.3 运动引导动画l在Flash中，除了可以使对象沿直线运动外，还能够使其沿某种特定的轨迹运动，2.5.3 运动引导动画l这种使对象沿指定路径运动的动画可以通过添加运动引导层来实现。2.5.4 遮罩动画l对于一些特殊的动画效果，如聚光灯、淡入淡出效果、水波等，都可以通过Flash的遮罩功能来实现。