第2章 使用Flash绘制图形

Flash平面动画制作 第2章使用Flash绘制图形 教学目标 教学重点 难点 本章小结 教学内容 教学目标 通过这章的学习 使学生掌握使用Flash工具箱中的工具绘制图形的方法和技巧 第2章使用Flash绘制图形 教学重点与难点 使用Flash工具箱中的各种工具绘制逼真的图形 设置工具箱中各种工具的属性 制作特殊效果的漂亮文字 第2章使用Flash绘制图形 教学内容 本章小结 第2章使用Flash绘制图形 2 5 绘制小青蛙 案例 2 6 春天来了 案例 2 7 特效文字 案例 2 8 动态山水画 案例 本章计划授课10学时 2 2 绘制树叶 案例 2 3 绘制雪房子 案例 2 4 绘制易拉罐 案例 2 1Flash绘制图形概述 1Flash平面动画制作的概述 一 Flash绘图工具的种类 徒手绘制工具 基本绘图工具 几何形状绘制工具 选择工具 变形工具 图形修改工具 填充工具 文本工具 2 1Flash绘制图形概述 本节内容 案例效果 操作步骤 技术要点 练习 2 2 绘制树叶 案例 一 案例效果 重点与难点 钢笔工具 线条工具 铅笔工具 的使用 三类工具的 属性 面板的设置比较 2 2 绘制树叶 案例 二 操作步骤 1 设置 文档属性 并把文件保存为 树叶 2 设置 钢笔工具 的属性 绘制一片树叶 过程如下图 2 2 绘制树叶 案例 二 操作步骤 3 复制5片树叶 调整树叶位置及大小如下图4 使用 铅笔工具 绘制树干 效果如下图 2 2 绘制树叶 案例 三 技术要点 1 钢笔工具 的使用 钢笔工具擅长绘制直线和曲线 1 钢笔工具下拉菜单不同图标的含义如下图 2 在使用 钢笔工具 绘制图形的过程中 光标也会出现不同的三种样式 表示单击可以创建一个锚点 表示单击该锚点并拖动可以绘制出一条直线 还可以将原来弧线的锚点变成直线的连接点 表示单击锚点可以形成一个封闭的图形 2 2 绘制树叶 案例 2 线条工具 的使用在使用 线条工具 绘制直线时 按住Shift键可以绘制水平 竖直方向上的直线 也可以绘制出45 角的直线 3 铅笔工具 的使用 铅笔工具有三种绘图模式 直线化 平滑和墨水 在使用 铅笔工具 的过程中按住Shift键 则线的延伸方向将被限制在水平 竖直方向上 三 技术要点 2 2 绘制树叶 案例 1 在使用 钢笔工具 时 光标的不同形状 各代表什么含义 2 请使用 线条工具 绘制下面的小船 3 请说出 铅笔工具 的几种绘图模式 各有什么特点 四 练习 2 2 绘制树叶 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 3 绘制雪房子 案例 一 案例效果 重点与难点 矩形工具 椭圆工具 多角星形工具 刷子工具 橡皮擦工具 的使用 五类工具的 属性 面板的设置 2 3 绘制雪房子 案例 二 操作步骤 1 设置 文档属性 把文档大小修改为400 300 并把文件保存为 雪房子 2 使用 矩形工具 和 选择工具 绘制房子的外观轮廓如下图 2 3 绘制雪房子 案例 二 操作步骤 3 使用 多角星形工具 绘制屋沿 线条工具 绘制房屋线条 如下图4 绘制门窗 烟囱 台阶和瓦片 效果如下图 2 3 绘制雪房子 案例 二 操作步骤 5 修改某些线条的颜色和粗细等属性 并使用 颜料桶 对房子进行颜色填充 效果如下图 2 3 绘制雪房子 案例 1 矩形工具 的使用 矩形工具 擅长绘制矩形 正方形和圆角矩形 矩形工具 的属性面板如下图注意 Shift键可以画正方形 三 技术要点 2 3 绘制雪房子 案例 2 椭圆工具 的使用 椭圆工具 擅长绘制椭圆和正圆 还可绘制扇形 空心椭圆或空心扇形 基本椭圆工具 的属性面板如下图 注意 Shift键可以画正圆 三 技术要点 2 3 绘制雪房子 案例 3 多角星形工具 的使用 多角星形工具 擅长绘制多边形和星形 多角星形工具 的属性面板如下图 三 技术要点 2 3 绘制雪房子 案例 4 刷子工具 的使用 刷子可以设置其形状和大小 共有5中模式可供选择 三 技术要点 2 3 绘制雪房子 案例 5 橡皮擦工具 的使用 橡皮擦可以设置其形状和大小 共有5中模式可供选择注意 双击 橡皮擦 可以擦除舞台上的所有对象 三 技术要点 2 3 绘制雪房子 案例 4 使用 矩形工具 椭圆工具 和 多角星形工具 绘制一座别墅 样式自己设计 5 刷子工具 有几种绘画模式 它们各有什么特点 6 橡皮擦工具 有几种擦除模式 它们各有什么特点 四 练习 2 3 绘制雪房子 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 4 绘制易拉罐 案例 一 案例效果 重点与难点 颜料桶工具 渐变变形工具 墨水瓶工具 与 颜色 面板的使用 及三类工具的 属性 面板及 选项区 的设置 2 4 绘制易拉罐 案例 二 操作步骤 1 设置 文档属性 并把文件保存为 易拉罐 2 使用 矩形工具 椭圆工具 和 线条工具 来绘制易拉罐的外观轮廓如下图 2 4 绘制易拉罐 案例 二 操作步骤 3 在 颜色 面板中调制好颜色 使用 颜料桶工具 为易拉罐进行填充 效果如下图 2 4 绘制易拉罐 案例 二 操作步骤 4 使用 文本工具 属性 面板设置如下图 为易拉罐添加文字 最终效果如本节的案例效果图 2 4 绘制易拉罐 案例 1 颜料桶工具 的使用 颜料桶工具 可以进行纯色填充 渐变色填充 分为线性渐变色和放射性渐变色 和位图填充 使用 颜色 面板来设置填充的纯色时 又有三种方法 是通过输入RGB的值及透明度来选择具体颜色 是通过输入十六进制数来选择颜色 是先选择色块 再选择明暗度来设置颜色 三 技术要点 2 4 绘制易拉罐 案例 颜料桶工具 有四种填充模式 具体如下图 三 技术要点 2 4 绘制易拉罐 案例 2 渐变变形工具 的使用 用来调整渐变色填充和位图填充 下图为线性填充和放射性填充的变形控制柄和中心点 三 技术要点 2 4 绘制易拉罐 案例 3 墨水瓶工具 主要是修改矢量图形的线条的 如改变线条的粗细和颜色 也可以为没有轮廓线的填充区添加边线 另外 墨水瓶工具除了可以使用纯色填充线条 还可以使用渐变色或者位图来填充线条 三 技术要点 2 4 绘制易拉罐 案例 7 Flash中有几种填充 它们各有什么特色 四 练习 2 4 绘制易拉罐 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 5 绘制小青蛙 案例 一 案例效果 重点与难点 选择工具 的使用技巧 图形的排列操作和图形的组合与打散 2 5 绘制小青蛙 案例 二 操作步骤 1 修改 文档属性 设置舞台大小为720 576 并把文件保存为 小青蛙 2 绘制小青蛙 第一步 使用 线条工具 绘制小青蛙的头部 利用 选择工具 调整线条 使其成为头部轮廓线 过程如下图 2 5 绘制小青蛙 案例 二 操作步骤 第二步 使用 线条工具 绘制小青蛙的头部分界线并进行颜色填充 最后组合为群组 过程如下图第三步 绘制青蛙的眼睛和嘴巴 最后效果如下图注意 在绘制过程中可在 绘图 图层绘制每一个群组 再把群组粘贴到 卡通人物 图层 2 5 绘制小青蛙 案例 二 操作步骤 第四步 参照上面的方法绘制青蛙的身体 并调整头部和身体的前后位置 过程如下图注意 不同图层之间对象的前后位置可以调整 同一图层中的不同群组的前后位置也可以调整 2 5 绘制小青蛙 案例 二 操作步骤 第五步 参照上面的方法绘制青蛙的左右手和左右脚 过程如下图 2 5 绘制小青蛙 案例 二 操作步骤 第六步 调整小青蛙身体不同部位的前后位置 并删除多余的线条 注意 群组中的线条要双击进入群组内部后方可删除 2 5 绘制小青蛙 案例 1 选择工具 的使用 该工具可以选择 移动舞台上的对象 还可以调整图形的形状 进入或退出整体对象内部进行操作 2 排列同一图层上的对象 在同一图层上 Flash会根据对象绘制的先后顺序层叠放置 先绘制的放在最下面 最后绘制的放置在最上面 对于群组 绘制对象 元件实例和文本 可以改变它们在舞台上的叠放次序 3 图形的组合与打散 快捷键为Ctrl G和Ctrl B 图形打散后相交的部分融合为一体 组合的群组是相互独立的 三 技术要点 2 5 绘制小青蛙 案例 8 根据青蛙的侧面 分别绘制出青蛙的正面和背面 如下图所示 四 练习 2 5 绘制小青蛙 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 6 春天来了 案例 一 案例效果 重点与难点 图形 元件的建立和编辑 实例的编辑 任意变形工具 的使用和图形的平滑 伸直和优化 2 6 春天来了 案例 二 操作步骤 1 设置 文档属性 并把文件保存为 春天来了 2 绘制树干 第一步 使用 铅笔工具 的 平滑 模式绘制大树的树干轮廓 利用 选择工具 调整线条 使其如下图 2 6 春天来了 案例 二 操作步骤 第二步 使用 颜料桶工具 填充树干 渐变变形工具 调整填充效果 过程如下图第三步 选中整棵大树 把其转换为 大树 元件3 绘制树叶 打开2 2 树叶 源文件 复制其中的树叶粘贴到舞台上 并将其转换为 树叶 元件 2 6 春天来了 案例 二 操作步骤 4 绘制 小草 元件 并 平滑 小草 过程如下图 5 绘制 小鸟 元件 并进行颜色填充 过程如下图 2 6 春天来了 案例 二 操作步骤 6 绘制草地 并把绘制好的各个元件 拖放到舞台的适当位置进行调整 最后效果如下图 2 6 春天来了 案例 1 元件 的使用 1 使用 元件 的好处 一是可以重复使用 库 中已存在的元件 二是想改变实例的效果不用一个一个来修改 只要修改 库 中的元件 三是同个元件的实例还可以通过 属性 面板来修改它的 位置 颜色 透明度 等 使每个实例都有所不同 四是舞台上每个元件的实例是一个整体 图形之间不会相互影响 2 元件 的建立 编辑和修改方法 3 元件 实例的编辑方法 三 技术要点 2 6 春天来了 案例 2 任意变形工具 的使用使用 任意变形工具 不仅可以对矢量图形进行缩放 旋转 倾斜 扭曲封套等 还可以对元件实例 群组 文本和位图等执行这些操作 3 图形的平滑 伸直和优化注意 由于平滑和优化的区别 某些时候对图形优化后图形变化不明显 但是图形的线条数却是减少了很多 Flash文件的尺寸变化比较明显 三 技术要点 2 6 春天来了 案例 9 使用元件有什么好处 10 平滑图形和优化图形有什么区别 各有什么作用 四 练习 2 6 春天来了 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 7 Happytime特效文字 案例 一 案例效果 重点与难点 导入位图的方法 套索工具 的使用和选项的设置 将位图转换为矢量图形和 文本工具 的使用技巧 2 7 Happytime特效文字 案例 二 操作步骤 1 设置 文档属性 并把文件保存为 happytime 2 制作背景 第一步 将舞台的显示比例设为50 绘制一个矩形 并进行线性填充 使用 渐变变形工具 调整填充效果 效果如下图 2 7 Happytime特效文字 案例 二 操作步骤 第二步 新建一个 图层2 在该图层导入图片 花与蝴蝶 将该位图转换为矢量图形 选中其中的花朵和蝴蝶 粘贴到 图层1 并将其转换为元件 调整元件在舞台中的位置 设置其透明度为45 并删除图层2及库中的位图 花与蝴蝶 背景图片的效果如下图 2 7 Happytime特效文字 案例 二 操作步骤 3 制作文字 第一步 新建一个 文本 图层 在该图层上使用 文本工具 书写 happytime 并将文字打散 变形 扩充 最后效果如右图 第二步 借助 墨水瓶工具 刷子工具 颜料桶工具 对文字进行加工 并为字母 a 和 i 设置动画效果 保存为影片剪辑 效果如下图 2 7 Happytime特效文字 案例 二 操作步骤 4 新建一个图层 导入位图 女孩和小狗 借助 套索工具 将其中的小狗和女孩裁出 放在 happytime 文字的下方 最后效果如本节效果图 2 7 Happytime特效文字 案例 1 图像的导入 2 套索工具 的使用 套索工具用于选择图形中的不规则形状区域 被选定区域可以作为一个单独的对象进行移动 旋转或变形 共有3种功能按钮 魔术棒 魔术棒设置 和 多边形模式 3 将位图转换为矢量图形 4 文本工具 的使用 要创建漂亮的文字 第一步要选择合适的字体 第二步是对文字进行变形 如压缩 倾斜 旋转等 还可将文字打散后使用图形绘制工具来调整文字形状 三 技术要点 2 7 Happytime特效文字 案例 12 请制作图2 174所示的效果文字 四 练习 2 7 Happytime特效文字 案例 本节内容 案例效果 操作步骤 技术要点 练习 2 8 绘制动态山水画 案例 一 案例效果 重点与难点 设计 面板的使用 对图层的基本操作和对图形进行编辑的一些辅助菜单 如扩展填充和柔化填充边界 将线条转化为填充 水平和垂直翻转等 的使用 2 8 绘制动态山水画 案例 二 操作步骤 1 设置 文档属性 并把文件保存为 动态山水画 2 绘制花朵 第一步 绘制 花瓣 图形元件 使用 椭圆工具 和 铅笔工具 绘制花瓣 并进行填充 效果如下图 2 8 绘制动态山水画 案例 二 操作步骤 第二步 绘制 花朵1 图形元件 从库面板中拖出 花瓣 图形元件 调整变形中心后 进行变形和复制 过程如下图 第三步 绘制 花朵2 图形元件 从库面板中两次拖出 花朵1 元件 分别放在不同图层 分别对其到舞台中央 并重新设置透明度 并把其中一个适当旋转 然后在第3个图层上绘制花心 最后效果如下图 2 8 绘制动态山水画 案例 二 操作步骤 3 绘制 小鸭 图形元件 绘制计填充过程如下图 注意 小鸭的身体 头 嘴和尾巴分别放在3个不同的图层 2 8 绘制动态山水画 案例 二 操作步骤 4 绘制图形元件 白云1 和 白云2 绘制过程要使用 柔化填充边界 的功能 最后效果如下图 2 8 绘制动态山水画 案例 二 操作步骤 5 绘制 山峰 与其 倒影 使用 铅笔工具 的 平滑 模式绘制山峰轮廓线 然后进行颜色填充 然后将山峰转换为图形元件 新建一个图层 在该图层放置 山峰 元件 并使其 垂直翻转 调整其透明度 最后效果如下图 2 8 绘制动态山水画 案例 二 操作步骤 6 绘制 天空 与 波浪 绘制 天空 时使用的是 矩形工具 进行线性填充 绘制 波浪 时 要借助网格 并对绘制的线条进行 平滑 处理 最后效果如下图 2 8 绘制动态山水画 案例 二 操作步骤 7 调整各图层的关系如下图 并在 白云 小鸭 和 花朵 图层设置补间动画 并调整 花朵 图层每片花朵的透明度 2 8 绘制动态山水画 案例 1 设计 面板的使用 设计 面板包括 对齐 变形 和 信息 面板 三 技术要点 2 8 绘制动态山水画 案例 2 对图层的基本操作使用图层并不会增加动画文件的大小 相反它可以更好帮助我们安排和组织图形 文字和动画 1 图层的种类 普通图层 引导图层 遮罩图层 2 图层的建立方法 3 选择图