flashcs6教程 第2章 经典实例：绘制树林间的小松鼠.ppt

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