资源简介

项目2 图形的绘制与编辑
一、教学目标
1.理解矢量图与位图的概念；
2.能使用各种工具绘制图形；
3.会对图形进行编辑和使用。
二、课时分配
本项目共5个任务，安排4课时。
三、教学重点
本项目介绍了Flash CS5绘制图形的功能和编辑图形的技巧，讲解多种选择图形的方法和技巧。通过本章的学习，学生将掌握绘制图形、编辑图形的方法和技巧，能独立绘制出所需的各种图形效果并对其进行编辑，为进一步学习Flash CS5打下坚实的基础。
四、教学难点
1.掌握图形基本绘制方法，可以进一步制作编辑。
2.选择合适的绘图工具，设置合适的绘制模式、颜色、线形等参数。
3.会使用任意变形工具、填充变形工具、橡皮擦工具等进行图形修改。
五、教学内容
任务一 矢量图与位图
（一）矢量图
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小。它的特点是放大后图像不会失真，和分辨率无关，占用空间较小，适用于图形设计、文字设计、标志设计和版式设计等。
(二)位图
位图图像，亦称为点阵图像或绘制图像，是由称作像素的单个点组成的，如图2-2所示。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。
（三）导入图片
Flash中可以导入各种在其他应用程序中创建的矢量图和位图。
对于位图和矢量图，执行“文件”→“导入”→“导入到舞台”命令，可以将位图和矢量图以组对象的形式导入到舞台中央。执行“文件”→“导入”→“导入到库”命令，可以将其导入到“库”面板中作为图形元件使用，再根据需要将“库”面板中的图形元件拖动到舞台上。
在舞台上使用的位图实际是“库”面板中的对应位图项目的实例，当删除“库”面板中的位图项目时，舞台上的位图实例将一同删除。选中舞台上的位图实例，执行“修改”→“分离”命令，可以将位图实例与其库项目分离，将其转换作为形状。转换后，可以使用Flash绘图工具修改位图，还可以使用“滴管工具”将其设置为填充图案。
分离后的位图仍然是一个完整的图形对象，可以使用“套索工具”中的魔术棒功能选择颜色相同或近似的区域进行编辑修改。
任务二 图形的绘制
绘制模式
在Flash中绘制图形时，可以采用选择合并绘制模式或对象绘制模式，两种绘制模式各有特点，必须根据需要选择最合适的绘制模式。
1.合并绘制模式
选择绘图工具后，如果工具箱下方的“对象绘制”按钮处于弹起状态，表示当前是合并绘制模式。在合并绘制模式中绘制形状的笔触和填充将作为独立的图形元素，可以单独选择和移动，如图2-3所示。
2.对象绘制模式
选择绘图工具后，按下工具箱下方的“对象绘制”按钮，可以进入对象绘制模式。在对象绘制模式下绘制的形状周围用矩形框来标示，此时绘制的形状是单独的图形对象，形状的笔触和填充是对象内部元素，移动图形对象时，笔触和填充将一同移动，而这些图形对象重叠时也不会自动合并或截去，如图2-6所示。
（二）绘制线条
在Flash中，可以使用“线条工具”、“铅笔工具”、“刷子工具”和“钢笔工具”在舞台上绘制各种线条。
1.线条工具
在工具箱中单击线条工具,然后将光标移动到舞台中,将鼠标拖动到另一位置松开（确定终点），就会画出一条直线来。此时线条的属性是系统默认的，可在“属性”面板中设置线条的笔触颜色、笔触高度和笔触样式等，如图2-7所示。
2.铅笔工具
“铅笔工具”用于绘制任意线条，使用铅笔工具，绘画的方式与使用真实铅笔大致相同。选择铅笔工具，在舞台上按住鼠标左键不放，在舞台上随意绘制出线条，松开鼠标，得到线条效果。在铅笔工具的“属性”面板中可以设置不同的线条颜色、线条粗细、线条类型，如图2-10所示。
3.刷子工具
“刷子工具”可使用类似于刷子的笔触绘制线条。它可以创建特殊效果，包括书法效果。使用刷子工具功能键可以选择刷子大小和形状。在使用刷子工具涂色时，可以使用导入的位图作为填充。选择刷子工具后，在工具箱的下方提供了5种刷子的模式可供选择，如图2-14所示。
（１）“标准绘画”模式：会在同一层的线条和填充上以覆盖的方式涂色。
（2）“颜料填充”模式：对填充和空白区涂色，其他部分不受影响。
（3）“后面绘画”模式：在舞台上同一层空白区涂色。
（4）“颜料选择”模式：在选定的区域内进行涂色。
（5）“内部绘画”模式：在内部填充上绘图，但不影响线条。
4.钢笔工具
(1）利用钢笔工具绘制线段
在“工具”面板中单击“钢笔工具”按钮，选择钢笔工具，在“属性”面板中设置合适笔触高度、样式和填充色等属性。设置好之后开始进行线段的绘制。首先将光标移动到舞台中某一位置，按住鼠标左键确定第一个锚点，以这个点作为线段的起点，然后将光标移动到舞台另一个位置，按住鼠标左键确定第二个锚点，依次进行操作，即可绘制出所要的图形。要封闭路径，可以将鼠标放置在第一个锚点然后单击即可。要结束开放的路径，可以在最后的锚点处双击或者按住Ctrl键在工作区的任意位置单击即可。
(2）利用钢笔工具绘制贝塞尔曲线
用钢笔工具绘制曲线需要在曲线改变方向的地方增加锚点然后拖曳控制曲线的方向线即可。方向线的长度和斜度决定曲线的形状。需要注意的是，如果使用较少的锚点来绘制曲线则会比较容易编辑而且系统也能较快的显示该曲线。
(三) 绘制形状
在Flash CS5中，可以使用下图所示的工具绘制各种形状，如图2-21所示。
1.绘制椭圆或矩形
选择椭圆工具，在舞台上按住鼠标左键不放，向需要的位置拖动鼠标，绘制出椭圆图形，松开鼠标。按住Shift键的同时绘制图形，可以绘制出正圆。矩形工具的绘制方法是一样的。可以根据需要选择“合并绘制”或“对象绘制”模式。
2.绘制基本矩形
使用基本矩形工具或基本椭圆工具创建矩形或椭圆时，与使用对象绘制模式创建的形状不同，Flash会将形状绘制为独立的对象，也就是“图元对象绘制”模式。基本矩形的“属性”面板中的控件，指定矩形的角半径及椭圆的起始角度、结束角度和内径。创建基本形状后，可以选择舞台上的形状，然后调整属性检查器中的控件来更改半径和尺寸。
3.绘制基本椭圆
在矩形工具上单击并按住鼠标左键，选择基本椭圆工具。绘制方法与基本矩形一样。若要将形状限制为圆形，按住Shift键拖动。
4.绘制多边形和星形
在矩形工具上单击并按住鼠标左键，从弹出的菜单中选择多角星形工具。选择“窗口”→“属性”命令，然后选择填充和笔触属性。
（四）绘制特殊图案
使用Flash的装饰性绘图工具，可以制作一些特殊图案效果或将创建的图形转变为复杂的几何图案。
1.喷涂刷工具
“喷涂刷工具”用于在舞台上喷涂子点或指定图案。
2.Deco工具
选择工具箱中的“Deco工具”，这时“属性”面板会出现相应的显示，在默认情况下，“属性”面板中会显示“藤蔓式填充”的属性设置。从中可以看到Deco工具的“绘制效果”提供了多种的笔刷填充效果，图2-30所示是分别使用火焰动画、花刷子、树刷子绘制出来的效果。
任务三 颜色填充
一般情况下，图案是由基本形状和颜色组成的。颜色处理是图像处理的一个重要组成部分。本任务主要介绍颜色面板、颜料桶、墨水瓶、滴管等工具的使用。
（一）颜色面板
单击“窗口”→“颜色”命令，即可打开“颜色”面板，如图2-31所示。“颜色”面板上显示了两种颜色模式，即RGB颜色模式和HSB颜色模式。
颜色面板中按钮表示的是笔触颜色设置，当单击该按钮时，可以进行笔触颜色设置。按钮表示颜料桶颜色设置，当单击该按钮时，可进行相应的颜色设置。
渐变填充有两种类型，一种是“线性渐变”模式，在这种模式下，颜色按直线方向渐变；另一种是“径向”模式，在这种模式下，颜色以圆心为中心沿半径方向渐变。在Flash CS5中，用户可以根据自己的需求通过选择“类型”下拉列表中的各选项来设置渐变填充模式，分为以下几种类型：
1.纯色类型
2.线性渐变类型
3.径向渐变类型
4.位图类型
（二）颜料桶工具
在Flash CS5中，“颜料桶工具”可以对封闭的区域填充颜色，也可对已有的填充区域进行颜色修改。选择工具箱中的“颜料桶工具”或按K键，即可选定。
再单击工具箱下方的“空隙大小”按钮，弹出下拉菜单，可以看到该菜单中有4个不同的选项，可设置对封闭或带缝隙的区域进行填充。
（1）“不封闭空隙”：默认情况下选择的是“不封闭空隙”选项，表示只能对完全封闭的区域填充颜色。
（2）“封闭小空隙”：该选项表示可以对有绩效空隙的未封闭区填充颜色。
（3）“封闭中等空隙”：该选项表示可对有中等空隙的未封闭区填充颜色。
(4)“封闭大空隙”：该选项表示可以对有较大空隙的未封闭区域填充颜色。
（三）墨水瓶工具
墨水瓶工具可以为形状图形添加边框，也可以改变边框的颜色、笔触高度、轮廓线及边框线条的样式，但是只能用纯色填充不能应用渐变色和位图填充。
选择“工具箱”中的“墨水瓶工具”或按S键即可选定墨水瓶工具。
（四）滴管工具
“滴管工具”可以吸取线条的笔触颜色、笔触高度以及笔触样式等基本属性，并可以将其效果应用到其他图形上。换句话说，“滴管工具”可以复制舞台区域中已经存在的图形的颜色、填充颜色或填充样式等。该工具没有与其相对应的“属性”面板和功能选项。单击工具箱中的“滴管工具”按钮或按I键，就可以调用该工具了。
（五）橡皮擦工具
“橡皮擦工具”用于擦除舞台上已绘制图形的线条和填充。
选择“橡皮擦工具”，在工具箱下方设置好擦除状态和橡皮擦形状，在舞台上要擦除的对象上单击或拖动，即可擦除线条或填充。
“橡皮擦工具”包含5种擦除模式，分别是标准擦除、擦除填色、擦除线条、擦除所选填充和内部擦除模式，如图2-40所示。
任务四 图形的编辑
通过绘图工具绘制的图形很难一次到位，有时并不能尽人意，往往需要用到各种编辑工具对绘制的图形进行编辑修改，使得图形更加完美。本任务主要介绍对象的选择、排列、变形等操作。
（一）选择对象
要编辑一个对象，必须先选择它。Flash CS5中使用“选择工具”、“部分选择工具”和“套索工具”选择对象。
1.选择工具：“选择工具”用于选择全部对象。
2.部分选择工具:“部分选择工具”用于选择图形轮廓上的节点，通过改变节点位置来改变图形轮廓。
3.套索工具:“套索工具”用于选择图形的不规则区域。选择“套索工具”，在工具箱下方可以设置套索工具是使用魔术棒模式和多边形模式。
（二）排列对象
在舞台上绘制的图形、元件实例、文本、位图等对象可以通过排列对象命令、对齐对象命令改变对象的位置和所在层次，对象和对象之间可以根据需要进行组合和分离。
1.层叠对象
在Flash同一图层内部绘制图形或创建对象时，最新绘制的图形和创建的对象始终放置在上方，图形和对象的创建顺序就是它们的层叠次序，如图2-42所示。使用对象绘制模式的图形对象、创建的元件实例和文本对象则可以通过“修改”→“排列”菜单中的“移至顶层”、“移至底层”、“上移一层”、“下移一层”等命令改变层叠次序。
2.对齐对象
要调整舞台上对象的位置，可以使用“修改”→“对齐”菜单中的系列命令，也可以执行“窗口”→“对齐”命令，打开“对齐”面板，如图2-43所示，单击其中的“对齐”、“分布”、“匹配大小”等选项中的按钮，对对象进行设置。
在Flash中，还可以使用贴紧功能，使对象在移动时自动对齐。贴紧功能包括对象贴紧、像素贴紧、网格贴紧和辅助线贴紧4种贴紧方式。
3.组对象
在Flash绘图过程中，为了方便地将多个对象作为一个对象来处理，可以将这些对象组合，如图2-45所示。
（二）变形
1.任意变形工具
使用“任意变形工具”或“修改”→“变形”菜单，可以将图形、元件实例、文本对象、组对象等变形。
2.变形面板
执行“窗口”→“变形”命令，打开“变形”面板，可以精确对对象进行缩放、旋转、倾斜和3D旋转等操作。
任务五 3D工具
Flash CS5中的3D工具包括“3D移动工具”和“3D旋转工具”。这些工具可以对影片剪辑元件实例在3D空间中进行移动和旋转，产生3D透视效果。3D工具只能对影片剪辑元件实例进行操作，如果要对图形、文本和组对象进行3D移动或3D旋转，需要先将这些对象转换为影片剪辑元件。此工具可以在3D空间中移动和旋转影片剪辑元件实例。
六、上机实战
【例2-1】篮球
（1）新建一个Flash文档，命名为“篮球.fla”，在“属性”面板中设置文档背景颜色为白色。
（2）在工具箱上选择“椭圆工具”，设置笔触颜色为黑色，笔触高度为1，填充颜色为无色，在舞台上按住Shift键画一个正圆。
（3）在“颜色”面板设置“红色”→“黄色”的径向渐变，然后选择“颜料桶”工具对篮球图形进行填充。
（4）单击时间轴上的“新建图层”按钮，新建图层2，选择工具箱上的“线条工具”，设置笔触颜色为黑色，笔触粗细为2，绘制三条垂直的线段。
（5）选择工具箱上的选择工具，调整线段的形状。
（6）单击时间轴上的“新建图层”按钮，新建图层3，重复步骤（4）和（5），绘制一条水平线段，并调整线段形状。
（7）保存并测试动画，效果如图2-52所示。
【例2-2】生日贺卡
（1）新建一个Flash文档，命名为“生日贺卡.fla”，在“属性”面板中设置文档背景颜色为黑色。
（2）执行“插入”→“新建元件”命令，新建名为“生日蛋糕”的图形元件。
（3）使用“矩形工具”和“铅笔工具”绘制生日蛋糕轮廓，并使用“颜料桶工具”给蛋糕填充适当的颜色。
（4）执行“插入”→“新建元件”命令，新建一个名为“蜡烛”的图形元件。
（5）选择“矩形工具”，设置笔触粗细为1，笔触颜色为黑色，使用对象绘制模式在舞台上绘制一个矩形。
（6）在“色彩”面板中设置填充颜色为红色再到白色再到红色的线性渐变，使用“颜料桶工具”在矩形上填充，完成蜡烛烛身。
（7）执行“插入”→“新建元件”命令，新建名为“火焰”的影片剪辑元件。
（8）使用“椭圆工具”绘制一个椭圆，选择“选择工具”，将鼠标指针置于椭圆轮廓线的附近，当其呈现形状时，按住鼠标左键拖动，调整椭圆的形状，使其成为火焰的轮廓。
（9）在“颜色”面板中设置填充颜色类型为径向渐变，渐变颜色指针从左到右依次为白色、黄色、红色。
（10）使用“颜料桶”工具在火焰轮廓中间单击，进行填充。使用“渐变变形工具”将填充形状修改为与火焰大小相近的椭圆形，填充中心位于火焰中下部。
（11）在第10帧和第20帧处分别插入关键帧，选择“选择工具”，对第10帧和第20帧的火焰形状进行调整。
（12）在第10帧上右击，在弹出的快捷菜单上选择“复制帧”命令，然后在第30帧上右击，在弹出的快捷菜单中执行“粘贴帧”命令。
（13）在第1帧上右击，在弹出的快捷菜单上选择“复制帧”命令，然后在第40帧上右击，在弹出的快捷菜单中执行“粘贴帧”命令。
(14)单击第1、10、20、30帧，在弹出的快捷菜单中选择“创建补间形状”动画。
（15）返回场景1，把图层1命名为蛋糕，打开库面板，将“生日蛋糕”图形元件拖入舞台，适当的调整大小和位置。
（16）新建图层2，命名为“蜡烛”，打开库面板，将“蜡烛”图形元件拖入舞台，通过缩放、复制、粘贴、移动等操作，将蜡烛摆放在蛋糕上。
（17）新建图层3，命名为“火焰”，打开库面板，将“火焰”影片剪辑元件拖入舞台，通过缩放、复制、粘贴、移动等操作，将火焰摆放在每一支蜡烛上。
（18）新建图层4，命名为“文字”，选择文本工具，打开“属性”面板，设置系列为“隶书”，大小为80，颜色为“红色”，在舞台上输入“生日快乐”。
（19）保存并测试动画，动画效果如图2-63所示。
PAGE

展开更多......

收起↑