Flash动画设计之元件和绘图.ppt

Flash动画设计之元件和绘图,主讲:柴阳丽 Cyl_0114163.com,Flash动画设计的三大基本功能,Flash动画设计知识体系中最核心、也是最基础的三大基本功能是：绘图和编辑图形、补间动画、遮罩，三大基本功能的结合使用便可以创作出千变万花的flash动画效果。,Flash动画的根本,Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。,组织图形使用元件和实例,影片剪辑元件、按钮元件、图形元件是flash中最重要的3个概念。元件是构成交互式影片不可缺少的组成部分。 在影像中运用元件可以显著地减小文件的尺寸；保存一个元件比保存每个出现的元素要节省好多空间。例如，把静态的图形（如背景图像）转换成元件，就可以减小影像文件的大小。 利用元件还可以加快影像的播放，因为一个符号在浏览器上只需下载一次就够了。,实例,实例 是指出现在舞台上的元件，或者嵌套在其它元件中的元件。元件的运用可以使得影像的编辑更加容易，因为当我们需要对许多重复的元素进行修改时，只要对元件做出修改， Flash 会自动根据修改的内容对所有该元件的实例进行更新。,创建元件,在Flash中可以直接创建一个新的空白元件，然后在元件编辑模式中创建、编辑元件的内容；也可以将工作区中已有的一个或几个元素变为图形元件号，再进行元件编辑。,新建图形元件,打开Insert菜单，选择New Symbol命令。 弹出Symbol Properties面板后，在Name栏输入符号的名称，在Behavior栏选Graphic，然后单击OK按钮。 工作区自动进入元件编辑模式。,把工作区中的元素变成图形元件选取要变为元件的元素，可以根据自己需要选取一个或多个元素。打开Insert菜单，选择Convert to Symbol命令。 在弹出Symbol Properties面板中的Name栏输入名称，并在Behavior栏选择Graphic，然后单击OK按钮。就变为所选类型元件了。,新建图形元件,打开Insert菜单，选择New Symbol命令。 弹出Symbol Properties面板后，在Name栏输入符号的名称，在Behavior栏选Graphic，然后单击OK按钮。 工作区自动进入符号编辑模式。,转换为元件,把工作区中的元素变成图形元件 选取要变为元件的元素，可以根据自己需要选取一个或多个元素。打开Insert菜单，选择Convert to Symbol命令。 在弹出Symbol Properties面板中的Name栏输入名称，并在Behavior栏选择Graphic，然后单击OK按钮。就变为所选类型元件了。,元件“库”,元件库面板是用来存储和组织创建的Flash元件和导入的文件，包括声音、位图等。可以在元件“库”中组织管理其中的元素，查看某一对象在影片中的使用情况，将对象按类型排列。 每个flash文档都有它自己的库，并且可以再不同的FLA文件之间共享库。 可以在文档所在的库中找到创建的元件。,图形元件与影片剪辑的区别,在主时间轴上的影片剪辑会脱离时间轴的帧数限制而播放，图形元件没有这个功能 影片剪辑可以添加AS动作语句，而图形元件不可以添加。,按钮（Button）,按钮Button,就是按下后可实现一定功能的一种符号。它和前面介绍的图形符号和影片剪辑有些不同。 首先，它可以产生互动功能。可以再按钮中加入ActionScript语句，可以赋予按钮在影片内部的控制、调转、外部的超级链接等。 其次，它的时间线不同于图形符号和影片剪辑符号，它的时间线只有4帧，分别是：一般、鼠标经过、鼠标按下、反应区。,实体的操作,拖动到工作区中的符号内容我们称之为实体。是动画组成的基础。实体可以进行选取、移动、复制、删除、旋转、缩放、拉伸、并组、排列、打散以及改变引用对象等各种操作。,改变实体的颜色和透明度,在工作区中选择一个实体。 打开Modify菜单，选择Instance命令。 单击Color Effect选项卡，Color下拉列表中，有5个选项。 None：不设置颜色效果。 Brightness：调整图像亮度。 Tint：改变颜色 Alpha：调整透明度。 Specia：做一些特效选。可同时调节透明度，亮度、色度，并在预览窗口中可以预览其效果。,对实体进行缩放、扭曲和旋转,在工作区中选择一个实体。 打开Modify菜单，选Transform子菜单各命令可分别实现各类操作： Scale：对实体的外框进行拉动，可以对实体进行缩放、扭曲操作。 Rotate：可以对实体进行旋转操作。 Rotate Right或Rotate Left：向右旋转90度或向左旋转90度。 Flip Vertical、Flip Horizontal：对实体进行垂直、水平镜像。 emove Transform：撤消对实体进行的变换。 Edit Center：对实体的中心进行移动。,绘图和编辑图形,绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作的基本功。它是Flash动画创作的三大基本功的第一位，在绘图的过程中要学习怎样使用元件来组织图形元素，这也是flash动画的一个巨大特点。在flash动画设计中，元件可以重复使用图形元素。,熟悉工具栏,在工作区的左边是工具箱，里面有许多的绘图和修改工具，跟Windows中的画图差不多。 黑“箭头”工具：用于选择图形； 工具箱里面还有两个瓶子，要区分开。左边的“墨水瓶”工具是用来给铅笔和直线喷颜色，右边的“油漆桶”工具用来给圆和框内部填充颜色（封闭图形），也可以给刷子喷色，注意区别。 工具下边还有放大镜和手形，双击手可以自动调整工作区。,Flash基础知识 对象的绘制与编辑,1使用线条工具 方法：在工具箱单击“线条工具”打开属性面板在属性面板中设置线型、颜色、粗细在工作区中画线。绘制时按下shift键可沿水平、垂直或45度方向画线。 2使用铅笔工具 方法：单击“铅笔工具”属性面板中设置线型、颜色、粗细在工作区中画线。绘制时按下shift键可沿水平、垂直方向画线条。 3使用刷子工具 刷子工具又称为笔刷工具，绘制的对象实际上是没有边线的填充区域。它可以更改工作区中任意区域的颜色，可以制作书法效果，可以将导入的位图作为笔刷来绘画，还可以调整刷子的压力来控制线条的粗细和效果。,Flash基础知识 对象的绘制与编辑,4使用椭圆工具和矩形工具 单击“椭圆工具或矩形工具”在属性面板中设置边线的线型、颜色、粗细设置填充颜色在场景中拖动鼠标画出一个单色圆或矩形。 5使用墨水瓶工具 墨水瓶工具 用来更改线条的颜色和样式，不管线条是否处于选中状态，都可以用墨水瓶工具改变线条的颜色和类型。 6使用油漆桶工具 油漆桶工具 用来更改或填充区域颜色，能自动使颜料按照闭合方式填充。,Flash基础知识 对象的绘制与编辑,7使用橡皮工具 橡皮工具用来擦除对象，有5种模式。 8使用滴管工具 滴管工具又称为滴管，使用滴管工具时鼠标变为一个滴管形状，用滴管单击对象，能从已有的图形或字符中获取颜色、图案、字符大小等属性，并将这些属性通过绘图工具赋予其他处理对象。,Flash基础知识 对象的绘制与编辑,9使用选择工具 选择工具按钮 在工具箱左上角，用于选取对象，也用来改变图形形状，拉长或缩短线条长度。 10使用“部分选取工具” “部分选取工具”按钮 位于工具箱右上角，以贝赛尔曲线方式编辑图形。拖动轮廓的节点或节点切线可改变轮廓形状，拖动整个轮廓可移动图形。 11使用套索工具 使用套索工具 可以选取任意形状的区域。在场景中拖动鼠标画出一个区域，区域内的对象即被选中。双击鼠标可闭合选择区域。,12使用钢笔工具 钢笔工具 的作用是：让轮廓显示节点、给轮廓增加一个节点、删除一个节点、使平滑点变为角点。可以用钢笔工具绘制曲线，方法为：单击起始点，在每个所需位置单击可绘出折线，拖动鼠标经过所需位置可绘出曲线。 13使用文本工具 文本工具用于在场景中输入文字。方法： 选取“文本工具”按钮在属性面板中定义字体、字号、颜色等在场景中拖出一个区域输入文字用“选