Flash动画设计—软件基础+元件群组

03.1 Flash-绘画基础
课程简介：本段课时的内容是无纸动画的软件基础，主要是如何用Flash来绘画。

通过本段课时的学习，同学们将能够充分了解到最易用也是功能最完善的无纸动画软件FLASH制图的使用基础，以及提高工作效率的一些窍门。

阶段要点：A.掌握Flash绘画方面的各种工具。

B.能够使用群组来丰富画面。

C.能够使用元件（元件、电影剪辑、按钮）制作动画。

D.熟悉FLASH软件的其他功能。

无纸动画软件基础
传统的纸上动画是直接在纸（塞路洛）上画，电脑出现后，相当一段时间内，是先在纸上画线，再扫到电脑里转成矢量图，再上色、剪辑等。

无纸动画最根本的特点就是在做动画的过程中没有实物纸的存在，完全依靠动画制作软件来完成全部的绘画过程。

无纸动画的制作软件有很多。

大致可分为三类：逐帧绘制，图片编辑，综合制作。

逐帧绘制类
特点：软件有简单实用的绘画功能，动画原理简单易学，只需要按照固定的帧率一帧帧画面的绘制下去就行了。

软件：Easytoon、Painter
图片编辑
特点：软件本身不具备绘画功能，动画是将预先准备好的素材编辑到一起而成的，通常能对每帧画面单独设定时间。

软件：ImageReady、Firework
综合制作
特点：软件本身有很强的绘画工具，而且有完善的动画编辑、库文件管理、导入输出多种格式的功能。

软件：Flash、ToonBoomStudio、Animo（适合大规模团队合作及整合）
其它还有3D动画软件如3D MAX、MAY A和界乎于2D与3D之间的Moho
前两种制作软件，掌握起来比较简单，但是功能相对也比较单一，只能适合某一领域，而不能制作效果更加全面的动画。

对于想制作专业动画的人来说，综合性的动画制作软件无疑是最适合的。

Flash和ToonBoomStudio是两款很优秀的2D动画制作软件，但是通过我们长期的使用比较，目前还是Flash更适合做无纸动画。

热爱动画的人都想追求更高的品质，所以还需要更其它的专业软件来辅助，比如绘景时用Photoshop、Painter；做后期时用After Effects；声音处理用CoolEdit。

有必要的时候还可以将2D3D结合起来，甚至实拍的内容也可以作为动画的素材，不过那已经上升到纯粹创作的境界，而使用什么样的工艺和工具来做动画，己经不是在这个层面上主要考虑的问题了。

矢量与位图的区别及应用：
位图，即点阵图
位图图形使用在网格内排列的称作像素的彩色点来描述图像。

例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，这是用非常类似于镶嵌（马赛克）的方式来创建图像。

以像素点为单位描述，画面看上去十分的精致
但位图放大后画面的马塞克状况就严重了。

构成位图图像的像素点的数量是固定的，位图放大后像素点是不会自动增加来补充细节的
在编辑位图图形时，你修改的是像素，而不是直线和曲线。

位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。

编辑位图图形可以更改它的外观品质。

特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。

在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的品质。

常用位图格式
bmp，jpg，gif，png……
矢量图（矢量图形）
矢量图形使用称作矢量的直线和曲线描述图像，矢量还包括颜色和位置属性。

例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。

树叶的颜色由轮廓的颜色和轮廓所包围区域的颜色决定。

矢量图可以通过更复杂的轮廓和色块以及渐变色和层次的描述比上面的例子精致得多的图像
矢量图记录的轮廓颜色和位置等信息在放大后还会毫无损失的展现出来
矢量图记录的轮廓颜色和位置等信息
在编辑矢量图形时，你可以修改描述图形形状的线条和曲线的属性。

您可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。

矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。

常用矢量格式
cdr，ai，swf，eps……
所谓动画，就是由一帧帧稍有不同的画面连续的播放，图像的残像形成错觉，使人觉得画面里的东西真的动了起来，但实际上这些组成动画的基本元素都是静止的图像，而我们创造这些图像的最直接的办法就是――拍摄或者画出来。

所以好的无纸动画软件必需要有强大的绘画功能并且操作方便，能让人随心所欲的创作，Flash正是目前在这方面做得最好的。

下面详细介绍Flash的绘画
目前最新的Flash版本是Professional 8
（介绍界面）下面这个是flash面板的基本布局，如果打开flash之后看到的和这个稍有不同，那可能是个人根据习惯改变了布局。

（主菜单）下面是主菜单，所有的功能都集中在此，大概地用法跟一般软件没什么区别，所以详细的用法放到后面再叙述。

所以此时可以马上进入Flash绘画功能的讲解。

首先是绘画工具面板，简单自由神奇的创作工具!
在详细讲解绘画工具之前，要了解的是，Flash的面板都是可移动再组合的。

例如，在绘画面板的任何空白区域点下左键不放，就可以拖动面板到任何其它位置(如与其它纵向布局和面板相叠，松开左键后会在新的位置形成组合)。

Flash的自由创作是从面板开始的\ (^o^)/
铅笔工具，Flash无纸绘画最重要的工具之一。

好的矢量制图软件都会把线和面区别成两种元素，这样的好处是在绘制过程中互不影响，方便编辑。

但是
没有其它软件能把线条绘画做到Flash这样简单好用。

铅笔工具的线形模式（子选项中的）：包含有三种模式。

由于矢量线条是由节点和弧线构成的，是模拟出来的笔迹。

所以程序可以对线条采取有倾向性的调节。

伸直，线条倾向直线化；
平滑，线条倾向平滑的曲线；
墨水，线条接近手绘效果；
当画线的时候可能有人会发现，线条很容易“粘”在一起，并且不太好控制，这是因为
贴紧至对象功能被打开了。

铅笔工具被激活的同时，属性面板里出显示出线条的属性。

这里选定线条的颜色，右边的色块的右下角有个小三角，说明里面有隐藏面
板。

点击色格调出色板，中间的区域是固定的颜色样本。

在这里可以精确输入颜色代码。

这里可以调节颜色透明度。

从这里，可以进入高极颜色面板，如下图。

看起来很眼熟吧。

颜色样本左下的这一块是几个渐变色样本。

这里
是最新的Flash8版本在线条色彩方面做到的一个重要改进，从此Flash的线条也可以用渐变色的样式了，在旧版本要做出这样的效果只能先将线形转换成面形再应用上渐变色，十分麻烦且不实用。

这个新功能又能极大的激发创作灵感。

下面继续介绍线条的属性面板
在这里可以选择线条的样式。

点击右边的
下拉框按钮，可以看到有这么几种。

极细，这种样式是使线条的粗细不受显示比例的影响始终都只有一点象素的宽度。

实线，实线就是标准线条，会随着显示比例而变化。

就是在已有的线条样子的基础上通过自己定义一些参数来创造新的线条样式。

这是两项是Flash8新增的，端点指的是线条两端顶点的形状；接合是指两条线接合在一起（实际上是折角）的形状。

这两个新增的可调项在线条比较细的时候效果不明显的，那么为什么要增加这两项呢，原因在于Flash8将线条的宽度值从旧版本的（0.25~10）扩大到（0.25~200），那么新增项的样式变化在极粗的线条上就很明显了。

铅笔工具本身的应用并不多，只有按快捷键Shift的时候方便画出竖直和水平的直线。

但是，当按下快捷键Ctrl时，铅笔工具马上就会切换成选择工具（在任何工具下，只要按Ctrl都会切换成选择工具）。

刷子工具，摹仿笔刷效果的绘画工具，Flash中真正到体现数位板压力感应的工具。

在Flash中想画出自由“线条”就靠它了，但实际上刷子工具刷出来的并不是真正的“线条”，而是面形。

刷子刷出来的面和铅笔的线条是两种图形元素。

这样就会形成线条与面形：面形与面形这间的多种关系。

刷子模式就是调整这些关系的。

标准绘画模式，就是刷子新刷出来的面会打断己有的线和面。

颜料填充模式，刷子新刷出来的面会绕过线条而只对面起作用。

后面绘画模式，刷子新刷出来的面会从己有的线和面的后面绕过。

颜料选择模式，刷子新刷出来的面只能显示在己选择出来的面形里。

内部绘画模式，刷子只会画在下笔时所处的内部空间里。

锁定填充子项，前面讲过，刷子刷出来的实际上是面形，那么面形里面有这么几种填充方式，
如下图中显示出来的效果。

那么锁定填充的真正功能就是将之前设定好的填充样式锁定下来，使之后刷子刷出来的面都使用同一样式。

使用"锁定填充"功能键可以创建应用于舞台上独立对象的单个渐变或者位图填充的外观，如下图。

上面的长条是原始的渐变，下面的色块是虽然是分开的，但是锁定填充功能能让它们应用上同一种样式。

这里设定刷子大小
这里设定刷子形状
这里激活后刷子会打开压力感应
这里激活后刷子还能支持WCAOM高端的intuos数位板才有的笔倾斜功能。

墨水瓶工具，要更改线条或者形状轮廓的笔触颜色、宽度和样式，可以使用墨水瓶工具
颜料桶工具，可以用颜色填充封闭区域。

此工具使你既可以填充空的区域也可以更改已涂色区域的颜色。

你可用纯色、渐变填充以及位图填充进行涂色。

可以使用颜料桶工具填充未完全封闭的区域，并且可以让Flash 在你使用颜料桶工具时闭合形状轮廓中的空隙。

间隙大小，间隙大小的意思就是程序会自动闭合形状轮廓中的空隙为线圈填上颜色。

这个子选项右下角也有隐藏三角标，占击展开之后还有其它几个选项，
不封闭空隙，指程序不会自动封闭形状轮廓中的空隙，也就是说只要线圈中有一点空隙那么填色就填不上。

封闭空隙，封闭中等空隙，封闭大空隙中空隙的大小都是模糊的概念，实际试试就能掌握了。

而且Flash里的所谓空隙还是一个动态的概念，空隙判断与画面的显示比例也有关。

比方说在100%显示下线圈中有个小空隙，放大到400%的时候就是很大的缺口了！
如下图。

所以100%显示下不能自动闭合的空隙，只要将画面显示比例缩小就能够自动闭合并填上颜色了。

滴管工具，可以一个对象复制填充和笔触属性，然后立即将它们应用到其它对象。

滴管工具还允许你从位图图像取样用作填充。

当你单击一个笔触时，该工具自动变成墨水瓶工具。

当你单击已填充的区域时，该工具自动变成颜料桶工具，并且打开"锁定填充"功能键。

当你单击已有的文字对象时，该工具自动变成文字工具，并且已经具有之前选定对象文字的属性了。

橡皮擦工具，使用橡皮擦工具进行擦除可删除笔触和填充。

可以快速擦除舞台上的任何内容，擦除个别笔触段或填充区域，或者通过拖动进行擦除。

擦除模式子选项，可以自定义橡皮擦工具以便只擦除笔触、只擦除数个填充区域或单个填充区域。

这里定义橡皮擦工具可以是圆的或方的，它可以有五种尺寸。

下面讲解颜色面板，颜色面板位于Flash8整个界面的右边，如下图。

Flash8把混色器和颜色样本放在起变成了一个面板组，缺省状态是混色器面板在前。

混色器面板：
线条颜色，点击右边的色块就会调出颜色样本面板。

这里是调色区
这是三个调节色彩快速功能项，
左击这个按钮能马上将线条和面的颜色恢复成“线黑面白”的状态；
左击这个按钮设定色彩为“空”就是“没有颜色”，目前这个按钮是灰色显示，
说明这个功能暂时不可用，必须是在画圆形或者矩形的情况下，线条和面同时被激活，并且要设线条或面二者其一为“空”，那么这个功能才可用。

左击这个按钮交换线和面的颜色。

下面继续介绍混色器其他功能项。

这里是调色区，现在使用的是RGB调色模式，R指rde_红色，G 指green_绿色，B指blue_蓝色。

Alpha是指色彩的透明度。

前面输入筐可以用数值精确调节，后面向下箭头按钮左击之后是以滑动条的方式快速调节。

注意：RGB调色模式是软件默认调色模式，这个模式以调配色相为长，所以以RGB 模式容易调配出色彩丰富的画面。

然而，在做动画时，动画脚色并不需要十分丰富的色彩，而更注重色彩的层次变化。

所以在此推荐使用HSB调色模式
H指hue_色相, S指saturation _饱和度，B 指brightness_亮度。

Alpha 是指色彩的透明度。

点击面板标题栏右端的按钮展开选项菜单，调换自己想要的调色模式，这里推荐
用HSB模式。

下面继续介绍混色器其他功能项。

混色器的下半部分其实实现的是和上半部相同的功能。

但是采取了类似调色板更直观的方式。

左边表示当前选定的颜色，可以在这里输入来精确调整，中间是选色筐，右边
亮度滑动条。

面板下部宽大的颜色框只是色菜的预览窗口。

做动画时使线条柔和的方法：
色线：一般人会常识性的认为线条是只能黑色的，但在做动画的过程中，角色的整体色彩往往需要有不同的倾向来体现不同的性格和特征，但是浓重黑线并不能很好的各种色向搭配。

所以用有色彩线条来与之配合效果会很不错，不过这样一来，每个角色都在需用这样的规格去做，那么动画的制作成本会增加很多。

半透明线：前面说过动画中用色线，效果虽好，成本却比较高。

所以半透明的线条也是个效果不错成本折中的办法。

前面讲的只是混色器的纯色类型，也是做动画时最常用的色类型。

下面接着介绍其它色类型。

由于色块的面积显然要比线条大，所以其它色类型都转到填充颜色里讲解。

填充颜色，它的参数和选择与线条颜色完全相同，纯色再前面线条颜色里已经讲过了。

接下来讲线性渐变色
线性渐变色沿一个轴更改颜色，如水平轴或垂直轴，你可以调整渐变的方向、颜色、焦点的位置和渐变的许多其它属性。

下面通过一个例子来了解如何调整渐变。

首先要创建一个渐变，在混色器中，填色类型，选中线性渐变。

然后点矩形工具，拉出一个带渐变色的矩形，如下。

然后要用到的是之前略过没有讲到的填充变形工具。

切到填充变形工具后，点一下已有的渐变矩形，会出渐变调节手柄，如下。

控制渐变方向，控制渐变宽度，渐变中心点可以整体移动渐变。

在改变了渐变方向，缩小了宽度和移动子中心点这后呈现出如下样子。

（按下Shift 键可以将线性渐变填充的方向限制为 45 度的倍数。

）
要更改渐变中的颜色，就选择渐变定义栏
下面的某个颜色指针，然后在直接出现在渐变栏正下方的颜色空间中双击，显示颜色选择器。

Flash最多可以添加15 个颜色指针，从而使你可以创建多达15 种颜色转变的渐变。

接下来试做一放射状渐变。

放射状渐变的调节基本与线性渐变类似，稍有不同，如下。

需要特别注明的是：焦点选择焦点手柄可以改变放射状渐变的焦点。

仅当选择放射状渐变时，才显示焦点手柄；焦点手柄的变换图标是一个倒三角形。

填充工具还可以填充位图，只要是导入到flash中的位图都可以作为位图填充的图源。

所以，把位图做成网点的样子，这样就可以做出有漫画风格的动画来!
选择工具，用来选择和编辑图形和元件。

下面是Flash中几种元素被选择的状态
选择工具的扩展应用：
编辑形状
选择工具还可以编辑形状，当选择工具箭头靠近线形或者面形的轮廓时，光标右下会出现一条弧线或者是一个折角。

这都表示光标已经可以改变对象的形状。

只不过是拉出一道钝角，是拉出锐角，如下图。

钝角
锐角
在选择工具编辑形状采用钝角/锐角方式是根据轮廓相邻节点的间距来判断的，如下图。

如果在程序认为应采用钝角变形的情况下想拉出锐角，那么只要按下快捷键Ctrl/Alt 就行了。

复制元素
选中一个元素之后，按快捷键Ctrl/Alt ，拖动就能复制出另一个同样的元素来。

如下图。

光标右下有十字箭头表示元素已被选中
按快捷键Ctrl 或Alt ，同时拖动鼠标
这样复制出另一个同样的元素
如果想要沿着纵轴或横轴复制，那就在选中一个元素之后，按快捷键Ctrl/Alt＋
Shift，再拖动复制。

快速选择
一条自由曲线，实际上是由数段弧线组成的，如下图。

所以用选择工具选择的时候往往只能选中曲线中的一段，如下图。

这是因为程序会根据节点的分布自动判断哪些节点是属于同一段弧线的，前面讲到的“编辑形状”功能也是根据同样的原理。

所以程序还提供了其它一些快快速选择的方法：
方法一：最直接的办法就是拉矩形匡选择，所有软件都有的功能，但是此法不能有所区别的选择。

方法二：按快捷键Shift进行多选，点一下是选上，再在同处点一下就是选消。

方法三：双击选择，双击线条中任意一处，程序会将具有相同属性的线条一同选中。

同理，可将一条红线从一堆绿线中“挑出来”，如下图。

这个方法在做动画加工时特别有用。

不论多复杂的分色，只要分色线属性相同，那么这些分色线也就可以很容易的被选出来“处理掉”，如下图。

这是选择工具的子选项，工具面板的选项栏是动态变化的，选项栏里的选项会随各种不同工具变化。

贴紧至对象，这个功能在多个工具下都有用，在选择工具下打开贴紧，可以在移动对象时网格对齐或与其它对象靠齐。

平滑，平滑和伸直两项功能只对图形元素有，图形元素就是线形和面形，平滑就是使线条变得平滑，可以反复使用，使线形越来越平滑。

伸直，与平滑类似，不过是使线形越来越平直。

部分选取工具，用来选择节点和编辑节点。

这个工具在矢量绘画软件中十分常见，但是对需要自由创作的动画来说并不实用。

不过在精确分析线条的时候还是很有作用，在Flash
中只有部分选取工具才能察看到线条的节点分布和曲率，如下图。

右边的就是被选取之后的效果。

部分选取工具就是节点控制的工具。

这个人物的脚画短了，现在要把它拉长，最直接的方法就是用节点工具：
先选中下部的脚，再按键盘上的“下”键，节点就往下移动了。

要拉长图形，用任意变形工具也可以，不过它只能使整个图形拉长，不能部分拉长，会变形；如下：
变形工具拉长（变形）节点拉长（不变形）
任意变形工具，任意变形改变图像元素的形状，具体能做到缩放，旋转斜切，
扭曲，封套。

但是对于不同的元素类型，有部分变形功能是不可用的。

任意变形工具的缩放，旋转斜切平时都是可用的，但扭曲和封套功能需要到子选项中激活才能用，如下图。

不过当已经激活，此时再按下快捷键Ctrl，就相当于激活了扭曲子选项。

封套功能则只能到子选项中激活才能使用
下面是Flash中几种元素被变形的状态
通过图例比较可以看出只有扭曲和封套两个属于特殊功能，下面再给出图例来让大家体验这个工能的特殊效果。

填充变形工具，这个工具通常和渐变填充一同使用，所以放到混色器填充/渐变填充一起，稍后再讲。

线条工具，专画直线的工具，下笔到提笔间形成直线，没有特殊的扩展应用，需要了解的是：当配合快捷键Shift使用时线条走向是呈180度/90度/45度/135度的；当配合快捷键Alt时，线条是以下笔为心点向两边扩展的。

套索工具，框选元素（包括线，面，组等所有可选元素）的工具。

缺省状态是自由套索，自由套索可任意画弧线圈套想要选中的元素，下笔开始圈套提笔结束，套索头尾并不需要完全闭合，提笔后头尾自动直线连接。

套索工具还有多边形套索子项。

这个多边形套索是连接下笔各点间的直线来确定套索区域。

须要注意的是多边形套索即使看上去首尾相连也不自动闭合，要点击右键来结束选择。

魔术棒子项是，针对位图图形元素的，可以方便提取相近颜色区域。

具体方法如下。

首先按快捷键Ctrl+R导入位图，
如果些时候就着急用魔术棒选取，那肯定是失败的，因为位图元素是一个整体，不能被部分选取。

所以在用魔术棒之前要将之（Ctrl+B）打散成图形，从其被选中后的状态就看得出来。

此时是全选状态
先取消全选，然后点击激活魔术棒子项。

点击想要选出的颜色，再清除掉或者移开，如下图所示。

此法是编辑位图素材的加上Flash自动动画来做剪刀线风格动画的第一步。

魔术棒设置子项，是对魔术棒套索的具体参数设置。

钢笔工具，各大绘图软件中都有的线条工具，通过新建节点和调节弧线曲度来给制图形，如下图。

头尾闭合后程序自动填充颜色
文本工具，创建和编辑文字的工具。

Flash文字输入很简单，只要用文本工具在舞台上任意一处点左键就会出现输入框，这样就可以创建文本了，但是字体、大小、对齐等样式就必须到属性面板里调。

Flash的属性面析一块动态内容的面板，其中显示的属性取决于当前选定的内容，"属性"检查器可以显示当前文档、文本、元件、形状、位图、视频、组、帧或工具的信息和设置。

当选定了两个或多个不同类型的对象时，"属性"检查器会显示选定对象的总数。

椭圆工具，用来画正圆和椭圆，在下笔开始到提笔时形成的矩形中生成椭圆。

按快捷键
Shift时画出来的是正圆；按Al键画圆时，是以下笔点为圆心向四周扩展；也可以将Shift 和Alt结合起来用。

心形的绘画，学会的东西活学活用。

矩形工具，其本应用与椭圆工具相同，只不过画出的肯定都是矩形。

注意的是矩形工具右下角有个黑色的小三角，凡有小三角的地方都不胜表示此处还隐藏有其它同类工具。

在矩形工具图标上按下左键超过一秒钟，就会弹出矩形工具与多角星形工具的选择面板，如下图。

多角星形工具一系列参数设置，也是在属性面板中调节。

在还可以选择画星形或多边形，点开后如下。