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