flash基础制作.doc

第二章 基础制作在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置.颜色等。因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是放大了16倍的矢量图效果。图2-0-1矢量图放大到16倍时依然清晰图2-0-2位图放大16倍时模糊不清图2-1-1 绘图工具面板位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是象素点，位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。在Flash动画制作过程中，会大量的运用到矢量图形。虽然有一系列的功能强大的专门矢量图制作软件，如Corel公司的CorelDRAW 软件.Macromedia公司的FreeHand软件和 Adobe公司的 Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过FLASH基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单操作，它还是能够胜任的。 Flash 提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色，本章将通过实例的制作来学习这些工具的使用方法。2.1绘制气球今天我们来学习制作一个简单的气球动画“飘动的气球”。“飘动的气球”动画播放后，我们会看到在蓝天白云下一只气球在慢慢飘动。通过该例的学习我们可以对绘图工具做一个初步的认识，同时了解flash的一些基本操作方法，了解简单的flash动画的制作方法和播放flash动画的的方法。该动画制作方法如下：1、 新建flash文档和设置文档的属性（1）新建 Flash 文档：单击“文件”“新建”菜单命令，调出“新建文档” （常规） 对话框。单击选中“新建文档” （常规）对话框中的“Flash 文档”选项， 再单击该对话框内的“确定”按钮，即可创建一个新的 Flash 空文档。 单击主要工具栏内的“新建”按钮 ，可以直接创建一个空的 Flash 文档。 （2）设置文档属性：单击“修改”“文档”菜单命令，调出“文档属性”对话框。在 “标题”文本框中输入“绘制气球”文字，在“描述”列表框中输入简单气球东画的制作，在“宽”文本框内输入 400px（像素），在“高”文本框内输入 300px（像素），设置舞台工作区宽 400 像素，高 300 像素， 设置完 Flash 文档属性后，单击“确定”按钮，即可完成 Flash 文档的设置，关闭“文 档属性”对话框。可以看到 Flash 舞台工作区大小已经改变了。2、 绘制蓝天图层在时间轴上将“图层1”重命名为“蓝天”；执行“窗口混色器”，打开混色器窗口；在该窗口中，设置填充色为蓝色到白色的线性渐变，笔触颜色为无色；然后用“矩形工具”在舞台上绘制一个矩形；再用“填充变形工具”调整其渐变方向为从上到下的蓝到白。这样，就绘制出了蓝天效果，如图26所示。在该图层的第50帧处单击鼠标右键，执行“插入帧”；最后锁定“蓝天”图层。3、 绘制白云图层（1）绘制白云1：在时间轴上新建一个图层，命名为“白云1”；将“笔触颜色”设成纯黑色，将“填充色”设成纯白色，用“椭圆工具”在屏幕上绘制一个椭圆；用“选择工具”选中整个椭圆，然后按住Ctrl键拖动，以复制出多个椭圆，并使它们相交，然后删除内部的黑线条，以得到白云效果（如图所示）；用“选择工具”选中整朵白云，按Ctrl+G将其组合。如下图所示：（2）绘制白云2：在时间轴上新建一个图层，命名为“白云2”；用复制、粘贴的方法，把“白云1”图层中的白云复制一份到“白云2”图层中。4、 绘制气球图层在时间轴上新建一个图层，命名为“气球”；在混色器窗口中，设置填充色为黄色到红色的放射状渐变，笔触颜色为黑色；选择“椭圆工具”，并使“对象绘制”按钮处于选中状态，在舞台上绘制一个椭圆，作为气球；用“填充变形工具”调整气球的渐变效果；然后用“铅笔工具”为气球绘制一条线；用“选择工具”选中气球的所有组成部件，按Ctrl+G将其组合。如图所示。5、为气球创建动画补间在“气球”图层的的第1帧处单击鼠标右键，执行“创建补间动画”；单击选中第50帧；然后用“选择工具”将该图层第1帧中的气球移到屏幕的最右上角。这样就创造出了气球从屏幕底部上升到屏幕右上角的动画效果。6、保存和播放单击“文件”“另存为”菜单命令，调出“保存为”对话框。在“保存类型” 下拉列表框中选择“Flash 8 文档”选项，选择文件夹，输入文件名称“气球飘动” ，单击“保存”按钮，将该实例保存为 Flash 8 文档。按 Ctrl+Enter 键，在播放窗口内播 放动画。单击播放窗口右上角的关闭按钮，可以关闭播放窗口。2.2 绘制花朵这节课我们进一步学习绘图工具的使用，这次我们来花一朵完整的花朵。制作步骤如下：步骤1 新建影片文档，使用默认文档属性。保存影片文件，取名为“花朵”。步骤2 新建“花瓣”图形元件 执行【插入】|【新建元件】命令，弹出【创建新元件】对话框，输入元件【名称】为“花瓣”，选择【行为】为【图形】，单击【确定】按纽，如图2-3-1所示。图2-3-1 创建图形元件设置步骤3 画花瓣 在“花瓣”图形元件的编辑场景中，选择【椭圆工具】，设置【笔触颜色】为红色，【填充颜色】为无，如图2-3-2所示。图2-3-2 颜色设置在场景中绘制出一个圆形，用【选择工具】将圆形调整成花瓣形状，如图2-3-3所示。图2-3-3 花瓣造型说明：注意要让图形下端靠近场景中心的十字符号。因为我们下一步要做的旋转将以十字符号为中心。步骤4 给花瓣填充颜色 执行【窗口】|【设计面板】|【混色器】命令，在【混色器】面板中选择填充类型为【放射状】，设定颜色为由大红到浅红渐变，如图2-3-4所示。设定填充颜色时凭感觉就好，不用太拘泥于具体的数值。图2-3-4 填充色设置在工具箱中选择【颜料桶工具】，给场景中的花瓣图像填充颜色，然后删除外框线条，如图2-3-5所示。图2-3-5 填充颜色步骤5 创建“花朵”图形元件 新建图形元件，元件名称为“花朵”。在这个元件的编辑场景中，将刚刚绘制好的“花瓣”元件从【库】面板中拖放到场景中，然后用【任意变形工具】将这个图形实例的中心点移动到花瓣图形的下端，如图2-3-6所示。图2-3-6 “花瓣”图形元件实例保持场景中的“花瓣”实例处于被选中状态，执行【窗口】|【设计面板】|【变形】命令，弹出【变形】面板，如图2-3-7所示。图2-3-7 变形面板在【变形】面板中，设置【旋转】为72度，单击【复制并应用变形】按纽，如图2-3-7所示。这时你会发现原来的花瓣旁边出现了一个同样的花瓣图形，接着再单击【复制并应用变形】按纽3次后，一朵花就画好了，如图2-3-8所示。图2-3-8 完整的花朵如果你觉得花瓣形状不太满意，可以随时打开“花瓣”元件进行调整，花朵形状会随之而发生变化2.3制作七彩文字文字是flash中必不可少的元素，学会制作不同的flash文字特效，将其运用在自己的作品中，会让自己的作品更加精彩。今天我们就来学习制作一种文字效果七彩文字特效。实例效果：通过打散文字，填充七彩文字，并利用变形动画，让色彩不断变化教学目标：学会变形动画的制作。会调整渐变色。1、 新建一个文档，用选择工具单击舞台空白处，然后在属性面板上设置舞台大小是500*200，背景是黑色2、 选择文本工具，输入文字“Flash 2004”,字体Arial Black,大小是70，颜色为白色，并选中“自动调整字距”复选框。在“对齐面板”中设置文字为舞台居中对齐。如下图：3、 选中文字，选菜单“修改分离”或按CTRLB两次，把图形变成填充图形。4、 在文字外单击，取消对文字的选择，选颜料桶工具，选七彩色，按ctrl+a把文字全选中，单击文字填充成七彩渐变。如下图：5、 在20帧插入关键帧，用填充变形工具把文字的渐变色顺时针旋转90度。如下图：6、 在40帧插入关键帧，用填充变形工具把文字的渐变色顺时针再旋转90。7、 在60帧、80帧插入关键帧，把图形渐变色再分别旋转90度。8、 选中图层1，在属性面板中创建“形状”补间动画。测试可看到效果。说明：变形动画一定要分离对象成填充图形才能进行。2.4制作立体文字本节将介绍立体文字效果的制作技巧。本实例将制作一个文字处理过程中使用的一种立体文字特效。【操作步骤】： 一新建文件 1. 打开flash软件；单击创建新项目下面的“flash文档”；2. 按“Ctrl+F3”打开属性面板；单击大小后面的按钮，打开文档属性对话框；修改尺寸为“400300”，然后单击背景颜色后面的方框，从弹出的颜色面板中选择绿色；二添加文本并设置文本属性 1. 单击工具箱中的文本工具；然后在舞台的编辑区单击一下，会出现一个方框，方框中闪烁的光标表示文字输入的位置。2. 在文本框中输入“ABC”；然后用工具栏中的选择工具将文字选取；按“Ctrl+F3”打开属性面板，调整文字属性；选择文本类型为 “静态文本”、字体为“黑体”、字体大小为“120”、文本颜色为红色；如下图: 1. 选中“ABC”；按“Ctrl+B”两次打散文字；将工具栏中的笔触颜色设为蓝色；选择工具栏中的“墨水瓶工具”；依次单击“ABC”字的边缘，使其边缘出现蓝色边框即可；然后逐步单击每个字的中间的红色部分；按“BackSpace”键删除掉即可。如下图:1. 选中“图层1”的第1帧的全部图形；按F8键打开“转换为元件”对话框；名称中输入“红”，单击“图形”单选项；单击“确定”按钮；2. 按“Ctrl+L”打开库面板；选中“蓝”图形元件；右击；单击“直接复制”命令；名称中输入“红”；单击“确定”按钮；双击“红”图形元件在预览框中的图形，进入其编辑区；选中编辑区中的全部文字；将工具栏中的笔触颜色改为红色；3. 单击“场景1”按钮返回到主场景中；从库中将“红”图形元件拖放到舞台上；适当调整该图形元件与“蓝”图形元件的位置；如下图：4. 单击“场景1”按钮返回到主场景中；从库中将“红”图形元件拖放到舞台上；适当调整该图形元件与“蓝”图形元件的位置；如下图：1. 选中第1帧中的全部图形元件；单击“修改/组合”命令，将两个图形元件组合在一起；按“Ctrl+B”两次打散文字；然后选中红色线内部的蓝色线条，按“BackSpace”键删除掉即可。注意要用选择工具一点点的选取并删除。删除后的效果如下图：1. 再选用工具栏中的线条工具，将上图中的断点处连接起来；连接后的效果如下：1. 最后再单击工具栏颜料桶工具；将填充颜色修改为线性黑白渐变色；然后用颜料桶工具依次单击上图中的空白部分。填充后的效果如下：1. 再选择工具栏中的选择工具依次选中上图中的边缘线条；将它们全部删除。删除线条后的效果如下：1. 选中上面的全部图形；按F8键