flash动画制作基础-第2章

第一模块第一模块第一模块第一模块：：：：Flash绘图基础与技巧绘图基础与技巧绘图基础与技巧绘图基础与技巧第2章Flash绘图本章主要内容本章主要内容本章主要内容本章主要内容
绘制线条--实例：线条构图
绘制简单图形—实例：草原夜色
设计图形色彩--实例：水晶球
绘制复杂图形--实例：秋水孤鹜
图形变形--实例：装饰图案
多图层绘图图形是制作Flash动画的基础，要想创作出专业的Flash动画作品，必须先掌握图形的绘制方法。Flash提供了很多实用的矢量绘图工具，这些工具功能强大而且使用简单，对于Flash入门者来说，不需要太多的绘图专业技能，就能绘制出既美观又专业的图形。2.1实例——线条构图线条是图形设计中的基本视觉元素，它是构造复杂图形的基础。本小节通过一些简单范例介绍利用线条构造基本图形的方法。预备知识：1.线条工具2.自定义笔触样式3.用选择工具改变线条形状4.线条的端点和结合2.1.6实例——线条构图线条是图形设计中的基本视觉元素，它是构造复杂图形的基础。本小节通过一些简单范例介绍利用线条构造基本图形的方法。1．绘制直角三角形2．绘制锐角和钝角三角形3．绘制花瓣轮廓实例讲解2.1实例——线条构图线条是图形设计中的基本视觉元素，它是构造复杂图形的基础。本小节通过一些简单范例介绍利用线条构造基本图形的方法。1．绘制直角三角形（1）线条工具属性：颜色=蓝色；笔触高度=10；笔触样式=实线；端点=方型；接合=尖角；尖角=20。（2）按住Shift键拖动画线。（3）“紧贴至对象”按钮为选中状态。2.12.12.12.1支撑知识支撑知识支撑知识支撑知识----1111线条工具线条工具是绘制各种直线最常用的工具，它的使用非常广泛。在其属性面板中可以设置线条的笔触颜色、笔触高度和笔触样式等，从而可以画出风格各异的线条来。在使用线条工具绘制直线时，按住ShiftShiftShiftShift键键键键拖动，可以将线条的角度限制为45度的倍数，可方便地画出水平、垂直等方向上的直线，同时便于绘制线条间成直角关系图形。按住Alt键拖动,可以从拖动点中心向两边绘制直线。笔触颜色笔触高度笔触样式2.1支撑知识-2自定义笔触样式在属性面板中单击“自定义”按钮打开“笔触样式”对话框。根据需要在其中进行相应的设置，设置完成后单击“确定”按钮，然后在舞台上拖动即可绘制自定义笔触样式的线条。对于初学者来说，在“笔触样式”对话框多试试改变线条的各项参数，对各种线条的理解和绘图能力的提高会有很大帮助。2.1支撑知识-3用滴管工具和墨水瓶工具快速套用线条属性使用“滴管工具”和“墨水瓶工具”可以很快地将任意线条的属性套用到其它的线条上。（1）用“滴管工具”单击要套用属性的线条，查看“属性”面板，它显示的就是该线条的属性，此时，所选工具自动变成了“墨水瓶工具”。（2）使用“墨水瓶工具”单击其他线条，可以看到，被单击线条的属性变成了第一个线条的属性了。2.1支撑知识-4用选择工具改变线条形状“选择工具”主要用于选择对象、移动对象和改变对象轮廓。如果需要更改线条的方向和长短，可以用“选择工具”来实现。1．更改线条的方向和长短2．更改线条的轮廓2.1支撑知识-5线条的端点和结合1．线条的端点端点设置功能可以自由地绘制各种端点形状的线条。端点就是独立笔触的末端。2．线条的接合线条的结合是指两条线段相接处，也就是拐角的端点形状。2.2绘制简单图形
动画作品中的视觉元素大都是基本图形的有机组合。
预备知识1.矩形工具组2.椭圆工具组3.多角星形工具2.2实例实例实例实例——草原夜色本节利用矩形工具、椭圆工具和多角星形工具绘制一个草原夜色的范例。1．绘制草原2．绘制小河3．绘制毡房4．绘制月牙5．绘制星星范例效果实例实例实例实例—草原夜色操作步骤
绘制草原1.新建Flash影片，设置舞台背景色=#1E4564。2.绘制矩形，笔触颜色=无，填充颜色=#0B2604。3.使用“选择工具”，调整矩形右上角。操作步骤2
绘制小河1.选择”基本椭圆工具”，笔触颜色=无色，填充色=#A2AAC0.2.用“选择工具”将椭圆改变为圆环和弧形。3.选择图形，ctrl+B打散对象。4.调整对象成小河形状，并放至合适的位置放至合适的位置放至合适的位置放至合适的位置。操作步骤3
绘制毡房1.选择“矩形工具”，笔触颜色=无，填充色=#3C2B33.2.用“选择工具”将矩形调整为梯形毛毡房顶。3.绘制小梯形，笔触颜色=无，填充色=#FFFF80.4.绘制矩形房屋，笔触颜色=无，填充色=#2B1E24.5.绘制矩形房屋上的线条，笔触颜色==#3C2B33。6.锁定宽高比例，复制小毡房。到草地合适位置。7.移动毡房到合适位置。操作步骤4
绘制月牙1.用形状切割法，绘制月牙。2.“柔化填充边缘”，增加月牙的朦胧效果。
绘制星星2.2.1知识扩展--矩形工具组矩形工具可以绘制矩形、圆角矩形、正方形这些基本图形。在绘图工具箱中选择“矩形工具”，展开“属性”面板。1．矩形工具各种矩形在绘制矩形时，如果按下Shift键拖动鼠标，那么可以绘制出正方形。精确绘制矩形，2．基本矩形工具选择“基本矩形工具”，在舞台上拖动鼠标即可绘制出“图元”矩形。用“选择工具”单击“图元”矩形，会出现一个矩形线框，上面有8个控制点，拖动控制点可以改变矩形的边角半径。另外，在“属性”面板中可以对“图元”矩形的各种属性重新进行设置，这样可以得到各种各样的图形。在用基本矩形工具绘制图元矩形时，要想更改矩形的边角半径，请按向上箭头键或向下箭头键。当圆角达到所需圆度时，松开键即可。2.2.2知识扩展--椭圆工具组1111．．．．椭圆工具椭圆工具绘制的各种图形在绘制椭圆时，如果按下Shift键拖动鼠标，那么可以绘制出圆形。精确绘制椭圆椭圆工具可以绘制椭圆、圆、扇形、圆环等基本图形。在绘图工具箱中选择“椭圆工具”，展开“属性”面板。2222．．．．基本椭圆工具选择“基本椭圆工具”，在舞台上拖动鼠标即可绘制出“图元”椭圆。用“选择工具”单击“图元”椭圆，会出现一个矩形线框，上面有2个控制点，拖动控制点可以改变椭圆的起始角度、结束角度、内径等属性，这样可以得到各种各样的图形。2.2.3知识扩展--多角星形工具“多角星形工具”是一个复合工具，可以利用它绘制规则的多边形和星形。在绘图工具箱中选择“多角星形工具”，展开“属性”面板。各种多边形选项按钮单击“选项”按钮，弹出“工具设置”对话框。在“样式”下拉列表框中，可以设置为“多边形”或“星形”，以及“边数”。各种星形绘制多边形时，星形顶点大小不影响绘制的形状，应保持数值不变。2.3设计图形色彩
恰当地运用渐变色图形可以极好地表现立体感和空间感。
预备知识1.椭圆工具、颜料桶工具2.颜色面板3.渐变填充4.渐变变形工具2.3实例——水晶球恰当地运用渐变色图形可以极好地表现立体感和空间感，本节通过一个水晶球的制作介绍绘制渐变图形的方法和技巧。实例讲解1．绘制放射状渐变的圆2．调整圆形的渐变色3.绘制线性渐变的椭圆4.调整椭圆的渐变色范例效果2.3.1知识扩展--颜色面板“颜色”面板可以方便地对线条和形状的填充颜色进行创建编辑。2.3.2知识扩展--渐变填充渐变填充：线性渐变填充和放射状渐变填充。1．线性渐变填充选择“线性渐变”溢出：扩展、镜像和重复3种模式线性渐变填充的应用添加渐变色块线性渐变填充的矩形渐变填充：线性渐变填充和放射状渐变填充。2．放射状渐变选择放射状渐变溢出：扩展、镜像和重复3种模式放射状渐变填充的应用放射状渐变填充的圆形1232.3.2知识扩展--渐变填充2.3.3知识扩展--渐变变形工具“渐变变形工具”通过调整填充的大小、方向或者中心位置，可以使渐变填充的颜色或填充的位图变形。“渐变变形工具”对线性渐变图形填充色的调整：焦点手柄中心点手柄宽度手柄大小手柄旋转手柄“渐变变形工具”对放射状渐变图形填充色的调整：2.4绘制复杂图形
前面所学到的线条、矩形、椭圆等工具绘制了比较规则的形状，如要绘制比较复杂的不规则图形，将要用到以下工具。
预备知识1.钢笔工具2.铅笔工具3.刷子工具4.橡皮擦工具2.4实例实例实例实例—秋水孤鹜Flash动画作品主张以形象营造意境，运用挥洒自如的钢笔工具，加之以自由灵活的刷子和铅笔工具就能很完美地实现这种效果，本节使用钢笔、铅笔和刷子工具等创设一个“落霞与孤鹜齐飞，秋水共长天一色”的优美意境。范例效果1．用矩形工具绘制大海2．用铅笔工具绘制云朵3．用刷子工具绘制飞鸟4．用铅笔工具绘制苇叶5．用刷子工具绘制苇秆6．用钢笔工具绘制苇花组合对象是一种非常好的绘制习惯，它可以有效地保护绘制的形状。本范例在制作过程中要绘制很多不同的形状，为了避免不同形状之间互相影响，可以将绘制完成的形状组合成群组对象。实例讲解实例实例实例实例—秋水孤鹜操作步骤1
用矩形工具绘制大海1.新建Flash文档，设置舞台背景颜色=#00CCFF。2.用矩形工具绘制大海，并填充渐变色=#0276C1、#2EAAFC。操作步骤2
用铅笔工具绘制云朵1.铅笔模式=平滑，绘制云朵的形状。2.填充云朵的渐变色，左边=白色，右边=#CCCCCC、Alpha为80%，删除云朵轮廓线。3.调整云朵渐变色。4.“修改”-“形状”-“柔滑填充边缘”。操作步骤3
用刷子工具绘制飞鸟1.选择刷子工具，并选择较小的矩形笔刷，笔刷颜色=白色，绘制小鸟的身体，可使用橡皮擦修改已达到满意的效果。2.用较小的圆形笔刷绘制飞鸟的翅膀，并修改小鸟翅膀为尖角形。3.将翅尖的颜色改为黑色。操作步骤4
用铅笔工具绘制苇叶1.铅笔模式=平滑。2.填充苇叶颜色=#225E22.3.按Alt键，复制多个苇叶副本。
用刷子工具绘制苇秆操作步骤6
用钢笔工具绘制苇花1.钢笔工具绘制苇花轮廓。2.设置填充色为从灰到白的渐变色，为苇花填充颜色。3.组合苇杆和苇花，Ctrl+G。2.4.1知识扩展--钢笔工具FlashCS3中钢笔工具组包括钢笔工具、添加锚点工具、删除锚点工具和转换锚点工具4种，钢笔工具用来绘制任意直线、折线或曲线。选择“钢笔工具”，展开“属性”面板，可以设置笔触颜色、笔触样式等。1．用钢笔工具绘制直线2．添加和删除锚点2.4.1知识扩展--钢笔工具3．用钢笔工具绘制曲线4．调整路径上的锚点2.4.2知识扩展--铅笔工具“铅笔工具”用来自由手绘线条。“铅笔工具”选项：图2-71不同铅笔模式画的山峰2.4.3知识扩展--刷子工具刷子工具的大小和样式：单击“刷子模式”按钮，弹出刷子填充模式下拉菜单，在其中可以选择“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”5种填充模式。2.4.4知识扩展--橡皮擦工具橡皮擦工具单击“橡皮擦模式”按钮，在弹出的菜单中有5个选项：标准擦除、擦除填色、擦除线条、擦除所选填充。双击橡皮擦工具，可以删除舞台上的全部内容。2.5图形变形
绘制好的图形对象常需要进行变形操作，如缩放大小、扭曲形状等。
预备知识1.变形面板2.任意变形工具2.5实例——装饰图案变形操作为绘图带来了便利，只要和其他工具配合使用，就能创作出别致的效果。本节将使用基本绘图工具加以变形操作绘制一个装饰图案效果。1．绘制花瓣2．绘制花朵3．布局图案实例讲解2.5.1知识扩展--变形面板“变形”面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。“缩放”：可以在相应的文本框中输入“垂直”和“水平”缩放的百分比值，选中“约束”复选框，可以使对象按原来的长宽比例进行缩放。“旋转”：在相应的文本框中输入旋转角度，可以使对象旋转。“倾斜”：在相应的文本框中输入“水平”和“垂直”角度可以倾斜对象。“复制并应用变形”按钮：可以复制出新对象并且执行变形操作。“重置”按钮：用来恢复上一步的变形操作。2.5.2知识扩展--任意变形工具任意变形工具用来对绘制的对象进行缩放、扭曲和旋转等变形操作。1．旋转和倾斜2．缩放2.7多图层绘图1.新建图层图层就像透明的玻璃纸一样，可以在舞台上一层层叠加。每个图层上都可以放置不同的图形，而且在一个图层上绘