第2章-使用Flash绘制图形

Flash平面动画制作第2章使用Flash绘制图形教学目标教学重点、难点本章小结教学内容教学目标通过这章的学习，使学生掌握使用Flash工具箱中的工具绘制图形的方法和技巧。第2章使用Flash绘制图形教学重点与难点使用Flash工具箱中的各种工具绘制逼真的图形，设置工具箱中各种工具的属性，制作特殊效果的漂亮文字。第2章使用Flash绘制图形教学内容本章小结第2章使用Flash绘制图形本章计划授课10学时３.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“H