flashcs教程ppt课件.ppt

第2章经典实例：绘制树林间的小松鼠,2.1要点分析2.2绘制树木和松鼠2.2.1使用线条工具绘制树干2.2.2使用铅笔工具绘制枝叶2.2.3给枝叶填充颜色2.2.4使用钢笔工具绘制小松鼠2.2.5组合树木成林2.2.6设置树林背景2.2.7给树林添加草和花2.2.8让松鼠在树林中活动,1,2.2绘制树木和松鼠,工具箱中的绘图工具包括绘制线条的线条工具、铅笔工具、钢笔工具，绘制图形的椭圆工具和矩形工具等，使用这些工具可以很方便地绘制出栩栩如生的矢量图形。,本节将以绘制树身为例，介绍线条工具的使用方法，具体操作步骤如下。步骤1在Flash窗口中选择“文件”|“新建”命令，打开“新建文档”对话框，然后在“常规”选项卡下的“类型”列表框中选择文件类型，接着设置高、宽、帧频、背景颜色等参数，再单击“确定”按钮，如图2-1所示。步骤2这时将新建一个FLA文件，按Ctrl+S组合键进行保存，然后在工具箱中单击“线条工具”图标，如图2-2所示。,2.2.1使用线条工具绘制树干,图2-1“新建文档”对话框,图2-2单击“线条工具”图标,2.1要点分析,2,步骤3在“属性”面板中单击“笔触颜色”，从弹出的列表中选择要使用的颜色，如图2-3所示。步骤4在“属性”面板中设置笔触高度为20，在“样式”下拉列表中选择“实线”选项，如图2-4所示。,图2-3设置笔触颜色,图2-4设置笔触高度和样式,步骤5继续在“属性”面板中设置“缩放”为“一般”，“端点”为“无”，“接合”为“尖角”，如图2-5所示。步骤6将鼠标指针移到舞台中，当指针变为十字形状时，在舞台中按住鼠标左键不放并垂直拖动，如图2-6所示，拖动到需要的位置后释放鼠标左键。步骤7这时即可在舞台中看到绘制的树干了，如图2-7所示。将鼠标指针移到第一条直线顶端中间位置，按住鼠标左键向右下方拖动，绘制与第一直线相叠的直线。步骤8使用类似方法在第一条直线左侧绘制第三条直线，如图2-8所示。最终使三条直线相叠在一起，形成上细下粗的树身形状，如图2-9所示。,3,图2-6绘制第一条直线,图2-7绘制第二条直线,图2-5设置缩放、站点和接合等参数,图2-8绘制第三条直线,图2-9三条直线的最终效果,接下来使用铅笔工具绘制树的枝叶轮廓，具体操作步骤如下。步骤1在工具箱中单击“铅笔工具”图标，如图2-10所示。步骤2在“属性”面板中设置笔触高度为10，其余各项参数保持不变，如图2-11所示。,2.2.2使用铅笔工具绘制枝叶,4,步骤3在舞台中绘制树的枝干，如图2-12所示。,图2-11设置笔触大小,图2-10单击“铅笔工具”图标,图2-12绘制树的枝干,5,步骤4在“时间轴”面板中单击“新建图层”图标，新建图层2，如图2-13所示。步骤5在“属性”面板中单击“笔触颜色”方块，从弹出的调色板中单击“绿色”图标(#66FF99)，如图2-14所示。步骤6接着在舞台中绘制松树的“叶”，如图2-15所示。,图2-14设置笔触颜色,图2-15绘制松树“叶”,图2-13单击“新建图层”图标,松树的叶子一年四季都是常青的，因此可以使用颜料桶工具进行填充，具体操作步骤如下。步骤1在工具箱中单击“颜料桶工具”图标，如图2-16所示。步骤2在菜单栏中选择“窗口”|“颜色”命令，如图2-17所示。步骤3弹出“颜色”面板，设置填充颜色类型为“径向渐变”，并设置填充的绿色由浅至深渐变，如图2-18所示。,2.2.3给枝叶填充颜色,6,图2-16单击“颜料桶工具”图标,图2-17选择“颜色”命令,图2-18“颜色”面版,图2-19填充树叶,步骤4在舞台中单击树叶，填充效果如图2-19所示。,7,下面使用钢笔工具绘制简易松鼠轮廓，然后使用选择工具调整线条，具体操作步骤如下。步骤1在“时间轴”面板中单击“锁定或解除锁定所有图层”图标，锁定图层1和图层2，如图2-20所示。步骤2在“时间轴”面板中单击“显示或隐藏所有图层”图标，隐藏图层1和图层2中的内容，如图2-21所示。,2.2.4使用钢笔工具绘制小松鼠,步骤3在“时间轴”面板中单击图层2，然后在菜单栏中选择“插入”|“时间轴”|“图层”命令，在图层2上方新建图层3，如图2-22所示。步骤4在工具箱中单击“钢笔工具”图标，如图2-23所示。步骤5在“属性”面板中设置笔触颜色为“黑色”，填充颜色为“无”，笔触大小为1，如图2-24所示。,图2-20锁定图层1和图层2,图2-21隐藏图层1和图层2中的内容,8,步骤6使用钢笔工具在舞台中绘制松鼠轮廓，如图2-25所示。,图2-22选择“图层”命令,图2-23单击“钢笔工具”图标,图2-24设置钢笔工具参数,图2-25使用钢笔工具绘制松鼠轮廓,步骤7在工具箱中单击“选择工具”图标，然后将鼠标光标移到绘制的轮廓线附近，按住鼠标左键拖动，调整轮廓，如图2-26所示。调整后的效果如图2-27所示。,9,图2-26调整轮廓,图2-27调整轮廓后的效果,步骤8继续使用钢笔工具和选择工具，绘制松鼠的其余部分，如图2-28所示。步骤9新建图层4，然后在工具箱中单击“椭圆工具”图标，设置其笔触颜色为“无”，填充颜色为“黑色”，接着在舞台中绘制松鼠的眼睛，如图2-29所示。,图2-28继续绘制松鼠,图2-29绘制松鼠眼睛,10,步骤10按Alt+Shift+F9组合键打开“颜色”面板，设置填充类型为“线性填充”，“流”为“扩张颜色”；接着单击左侧的颜色模块，从弹出的面板中选择“灰色”(#C7C7C7)，再单击右侧的颜色模块，从弹出的面板中选择“棕色”(#996633)，如图2-30所示。步骤11在舞台中单击松鼠，填充颜色，效果如图2-31所示。,图2-30“颜色”面版,图2-31给松鼠上色,下面将绘制的松树组合一体，复制成林，具体操作步骤如下。步骤1隐藏并锁定图层3和图层4，并解除图层1和图层2的锁定，然后使用选择工具选中舞台中的树木，如图2-32所示。步骤2在菜单栏中选择“修改”|“组合”命令，如图2-33所示。步骤3右击选中的图形，从弹出的快捷菜单中选择“复制”命令，如图2-34所示。,2.2.5组合树木成林,11,图2-32选择图形,图2-33选择“组合”命令,步骤5在工具箱中单击“任意变形工具”图标，等比例缩放图形，如图2-36所示。,步骤4在舞台中按Ctrl+V组合键粘贴图形，如图2-35所示。,图2-35粘贴图形,图2-34选择“复制”命令,12,步骤6继续粘贴图形，并使用任意变形工具缩放图形，接着使用选择工具移动图形位置，形成松树林，再按Ctrl+S组合键保存文件，效果如图2-37所示。,图2-36使用任意变形工具缩放图形,图2-37制作松树林,在树林底下一般长满了小草，因此可以把树林下面的地面看成是绿色的。下面就来设置树林下的地面和后面的蓝色天空背景，具体操作步骤如下。步骤1在“时间轴”面板中右击图层2(所有的树木都在该图层中)，从弹出的快捷菜单中选择“属性”命令，如图2-38所示。步骤2弹出“图层属性”对话框，然后在“名称”文本框中输入图层新名称，再单击“确定”按钮，重命名图层2，如图2-39所示。按Alt+A组合键选中场景中的所有树木图形，将其剪切复制到“树木”图层中。,2.2.6设置树林背景,13,步骤3在“时间轴”面板中双击图层1，这时图层名称会处于可编辑状态，如图2-40所示，接着输入新名称“草地”，再按Enter键确认即可。步骤4单击工具箱中的“矩形工具”图标，然后在“属性”面板中设置笔触颜色为“无”，填充颜色为“绿色”(#009900)。接着在舞台中绘制矩形，如图2-41所示。步骤5使用选择工具选中绿色矩形图像，然后在“属性”面板中展开“位置和大小”选项卡，设置矩形宽为“800像素”(与舞台同宽)、高为“200像素”、X轴坐标为0、Y轴坐标为400，效果如图2-42所示。步骤6在“草地”图层下方新建“背景”图层，单击工具箱中的“矩形工具”图标，接着在菜单栏中选择“窗口”|“颜色”命令，如图2-43所示。,图2-38选择“属性”命令,图2-39“图层属性”对话框,14,图2-40重命名图层1,图2-41绘制矩形,图2-42调整矩形图形的大小和位置,图2-43选择“颜色”命令,15,图2-44“颜色”面版,图2-45选择“变形”命令,步骤9打开“变形”面板，选中“旋转”单选按钮，设置旋转角度为90，如图2-46所示。步骤10单击蓝色渐变矩形，然后在“属性”面板中调整图形的大小和位置，最终效果如图2-47所示。,步骤7打开“颜色”面板，设置“颜色类型”为“线性渐变”，然后单击左侧的颜色模块，从弹出的面板中选择“蓝色”(#0099FF)，接着单击右侧的颜色模块，从弹出的面板中选择“白色”(#FFFFFF)，再在“流”选项中单击“扩展颜色”图标，如图2-44所示。步骤8在舞台中绘制矩形图形，然后在菜单栏中选择“窗口”|“变形”命令，如图2-45所示。,16,图2-46旋转矩形图形,图2-47调整蓝色渐变矩形的大小和位置,前面我们只是制作了绿色的树林地面，这使得树下的地面看起来非常单调。现在我们给地面添加一些草和花，具体操作步骤如下。步骤1在“树林”图层上方新建“草”图层，然后单击工具箱中的“钢笔工具”图标，接着在“属性”面板中设置笔触颜色为“绿色”(#339900)，笔触高度为1，再在舞台中绘制如图2-48所示的封闭三角形。步骤2使用选择工具调整三角形的边缘形状，效果如图2-49所示。步骤3在工具箱中单击“颜料桶工具”图标，然后按Alt+Shift+F9组合键打开“颜色”面板，在此设置由“绿色”到“浅绿色”的线性渐变，如图2-50所示。步骤4在舞台中三角形的内部靠近顶端单击并向下拖动指针，填充图形，这会使得图形上端颜色为浅绿色，下端颜色为绿色，效果如图2-51所示。,2.2.7给树林添加草和花,17,图2-48绘制三角形,图2-49调整三角形的边缘形状,图2-50设置由绿色到浅绿色的线性渐变,图2-51填充图形,18,步骤5选中图形及边缘线条，按Ctrl+G组合键组合图形，然后将其复制粘贴5次，并使用任意变形工具将其分别变形，组成如图2-52所示的形状。选中图形，按Ctrl+G组合键组合图形。步骤6在“时间轴”面板中将“树林”、“草地”和“背景”等图层显示出来并锁定。步骤7在舞台中选中绘制的“草”图形，按住Alt键拖动鼠标，复制图形，如图2-53所示，接着调整新复制图形的大小和位置。,步骤8使用类似的方法，继续在树林中添加小草，最终效果如图2-54所示。步骤9在“时间轴”面板中新建“花”图层，然后在工具箱中单击“椭圆工具”图标，接着在“属性”面板中设置其笔触颜色为“红色”(#FF3366)，填充颜色为“无”，笔触大小为1，再在舞台中绘制椭圆，如图2-55所示。,图2-52制作“草”图形,图2-53复制“草”图形,19,图2-54继续在树林添加小草,图2-55绘制椭圆,步骤10使用选择工具调整椭圆边缘，最终效果如图2-56所示。步骤11按Alt+Shift+F9组合键打开“颜色”面板，在此设置由“红色”到“浅红色”的线性渐变，如图2-57所示。步骤12在舞台中单击图形填充颜色，效果如图2-58所示。步骤13选中图形及边缘线条，按Ctrl+G组合键组合图形，然后将其复制粘贴5次，并借助“变形”面板按72的倍数旋转另外4个图形，最终形成如图2-59所示的花朵图形，按Ctrl+G组合键将图形组合在一起。步骤14在“时间轴”面板中将“树林”、“草地”、“背景”和“草”等图层显示出来并锁定。步骤15在舞台中使用任意变形工具调整花朵图形，效果如图2-60所示，再复制两次图形，将其移动到其他位置。,20,图2-56调整椭圆边缘形状,图2-57设置线性渐变参数,图2-58填充图形颜色,图2-59制作花朵图形,图2-60在树林中添加花朵图形,下面让制作的松鼠在树林中活动，具体操作步骤如下。,2.2.8让松鼠在树林中活动,21,步骤3在“松鼠”图层中右击第100帧，从弹出的快捷菜单中选择“插入关键帧”命令，如图2-63所示。步骤4这时会发现舞台中除了松鼠图形外，其他图形都不见了，这就需要在其他图层第100帧中插入帧。首先按住Shift键依次单击其他图层的第100帧，选中多帧，如图2-64所示。步骤5右击选中的多帧，从弹出的快捷菜单中选择“插入帧”命令，如图2-65所示。这时即可在舞台中看到所有的内容了，如图2-66所示。,步骤1将绘制的“松鼠”图形剪切复制到图层3中，然后重命名图层3为“松鼠”，接着用选择工具将舞台中的松鼠图形移动到舞台右下角，如图2-61所示。步骤2在“时间轴”面板中单击图层4，然后在图层区域单击“删除”图标，删除图层4，如图2-62所示。,图2-61移动松鼠图形,图2-62删除图层4,22,图2-63选择“插入关键帧”命令,图2-64选中多帧,图2-65选择“插入帧”命令,图2-66查看插入帧后的效果,步骤