第2章Flash绘图与动画.ppt
第2章 Flash绘图与动画,Flash提供了丰富易用的绘图工具和强大便捷的动画制作系统，可以帮助用户制作出丰富多彩的Flash动画。然而工欲善其事，必先利其器，要想真正制作出好的动画，必须对Flash中的各种工具有充分的认识，并能熟练地使用。本章主要介绍如何使用Flash提供的各种工具进行图形的创作和编辑，并讲解Flash动画的基本原理和制作方法。,2.1 绘制图形对象,使用工具栏中的绘图工具，可以方便地创建各种基本形态的对象，如图：,2.1.1 Flash绘图基础,1轮廓和填充:在Flash中绘制的图形基本上是由轮廓和填充构成的，在绘制各种图形时，应当设置图形的轮廓颜色、填充颜色以及轮廓的粗细、样式等属性。在工具栏的颜色区可以设置图形的轮廓颜色和填充颜色，如图：,2.1.1 Flash绘图基础,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 滴管工具,滴管工具用于从一个对象复制填充和笔触属性，然后立即将这些属性应用到其他对象。该工具还允许从位图图像取样用作填充。在工具栏中选择滴管工具后，将其移动到舞台上需要抽取属性的线条或填充区域上。如果是对线条操作，滴管工具指针旁边会出现一个铅笔形状，指针变为。此时单击该线条，滴管工具会转变为墨水瓶工具，同时，墨水瓶工具的属性被指定为该线条的属性。,2.2.4 橡皮擦工具,使用橡皮擦工具进行擦除可删除指定位置的线条和填充。双击工具栏中的“橡皮擦工具”图标，可以快速将舞台上的所有内容删除。,2.2.5“颜色”面板,使用“颜色”面板，可以更改线条和填充的颜色。,2.2.6 渐变变形工具,渐变变形工具用于调整填充的大小、方向或者中心，从而可以改变渐变填充或位图填充。,2.2.6 渐变变形工具,拖动具有相应功能的手柄，可以改变渐变或位图填充的形状。,2.3 处理图形对象,在Flash中创建好各种图形对象后，可以对这些图形对象进行进一步的加工。例如可以通过移动、复制、删除、变形、层叠、对齐和分组等操作来编辑处理图形对象，使其达到预期的效果。利用Flash提供的相应工具和创作面板，可以方便快捷的完成对各种图形对象进行处理的工作。,2.3.1 选择和修饰对象,在修改某一图形对象之前，需要先选择该对象。,2.3.1 选择和修饰对象,1选择工具,2.3.1 选择和修饰对象,2部分选取工具使用部分选取工具，可以显示并调整图形对象中的路径点,2.3.1 选择和修饰对象,3套索工具使用套索工具，可以创建不规则的选框轮廓线，用于选择特殊形状的图形对象。其选择模式包括不规则选择模式和直边选择模式两种。,2.3.2 变形对象,在Flash中，使用任意变形工具、“变形”面板或者单击“修改”|“变形”菜单命令，可以对图形对象、组、文本块和实例进行变形操作。根据所选元素的类型，可以变形、旋转、倾斜、缩放或扭曲该元素。1任意变形工具使用任意变形工具可以单独执行某个变形操作，也可以将诸如移动、旋转、缩放、倾斜和扭曲等多个变形操作组合在一起执行。,2.3.2 变形对象,2“变形”面板对选定对象的变形操作也可以通过“变形”面板来实现。,2.3.2 变形对象,3“修改”|“变形”菜单命令通过选择“修改”|“变形”菜单中的命令，除了可以对选定对象进行缩放、旋转、扭曲等各种操作外，还可以将对象翻转。,2.3.3 移动、复制和删除对象,在制作Flash影片时，常常需要移动对象。对于需要重复创建的图形对象，可以通过复制功能来创建该对象的副本。而对于不需要的图形对象，则可以将其删除。1移动对象：如果需要移动对象，可以通过多种方式实现。2复制、粘贴对象：使用按住Alt键拖动对象的方式可以快速地复制对象。另外，选取某一对象后，按下快捷键Ctrl+D也可以直接复制出对象的副本。但是这两种复制只能在同一图层同一帧的舞台上进行。3删除对象：如果需要将对象从文件中删除，,2.3.4 排列对象,在制作Flash影片时，有时需要将多个对象按照一定的上下顺序层叠，或者按照一定位置对齐。在对这些对象进行层叠或对齐时，也需要先将其中一些对象组成一个整体，再与其他对象层叠或对齐。可以通过使用“对齐”面板以及执行相应的菜单命令来实现这些操作。,2.3.4 排列对象,1层叠对象,2.3.4 排列对象,2对齐对象使用“对齐”面板可以沿水平或垂直轴对齐所选对象。,2.3.4 排列对象,3组合对象如果需要要将多个元素作为一个对象来处理，可以将这些元素组合为一个整体。,2.4 使用元件,对于创建好的图形对象，可以将其转换为元件，以便在制作Flash动画时使用。第1章已经涉及了关于元件的一些基本知识，本节将对其进行补充，具体讲解一下关于元件的创建及编辑方法。,2.4.1 元件的类型,根据使用目的和用途的不同，元件可分为三种不同的类型：图形元件、按钮元件和影片剪辑元件。1图形元件：图形元件是最基础的元件类型，用于静态图像。2影片剪辑元件：影片剪辑元件用于创建可重复使用的动画片段。3按钮元件：按钮元件用于创建可响应鼠标单击、滑过或其他动作的交互式按钮，从而实现动画的交互性。,2.4.2 创建元件,Flash创建元件的方法有两种：一种是可以通过舞台上选定的对象来创建元件；另一种是可以创建一个空元件，然后为该元件添加相应的内容。1将选定对象转换为元件,2.4.2 创建元件,2创建空元件,2.4.2 创建元件,3直接复制元件,2.4.3 编辑元件和实例,创建元件后，可以随时对元件进行编辑修改操作。一个元件被修改后，其在舞台上的实例也将相应地发生改变。也可以对元件的各个实例进行某些编辑，但对实例的编辑不会影响元件本身。1编辑元件在元件的各种编辑模式中，舞台上元件的注册中心点显示为一个十字光标。,2.4.3 编辑元件和实例,2修改实例属性每个元件实例都各有独立于该元件的属性，如实例的色调、透明度和亮度等。,2.5 创建动画,在Flash中，动画的创建方式主要有两种：逐帧动画和补间动画。补间动画又包括两种类型，即动画补间和形状补间。通过结合使用这些动画创建方法，可以制作出丰富多彩的动画效果。,2.5.1 逐帧动画,逐帧动画就是对每一帧的内容都逐个进行绘制，然后将这些帧按照一定的速度顺序进行播放而形成的动画。这种动画方式最适合于创建图像在每一帧中都在变化而不是在舞台上移动的复杂动画。使用逐帧动画生成的文件要比补间动画大得多。,2.5.1 逐帧动画,在创建逐帧动画时，需要将动画中的每个帧都定义为关键帧，然后为每个帧创建不同的图像。,2.5.2 补间动画,创建随时间移动或更改的动画，可以选择采用Flash提供的补间动画方法。,2.5.2 补间动画,1动画补间动画：动画补间动画主要用于创建使实例、组或文本对象发生位移、大小改变、旋转等与运动相关的动画，以及颜色、亮度、透明度等发生变化的动画。,2.5.2 补间动画,2形状补间动画形状补间动画可用于创建动画对象形状发生变化的动画。,2.5.2 补间动画,3使用形状提示如果需要制作更加复杂或罕见的形状变化，可以使用Flash的形状提示功能。,2.5.3 运动引导动画,在Flash中，除了可以使对象沿直线运动外，还能够使其沿某种特定的轨迹运动，,2.5.3 运动引导动画,这种使对象沿指定路径运动的动画可以通过添加运动引导层来实现。,2.5.4 遮罩动画,对于一些特殊的动画效果，如聚光灯、淡入淡出效果、水波等，都可以通过Flash的遮罩功能来实现。,
