第2章 基本设计工具,教学目标 课堂讲解,教学目标, 知道Flash提供的基本设计工具的种类 理解各种设计工具的功能和用途 掌握绘图工具、图形填充工具、图形编辑工具的使用方法 了解在基本图形绘制工具的使用过程中绘制复杂图形,返回,课堂讲解,2.1 绘图工具 2.2 图形填充工具 2.3 图形编辑工具 2.4 特效文字的制作,返回,2.1 绘图工具,基本知识 案例2.1 山水图,返回,基本知识,Flash提供的绘图工具包括线条工具、钢笔工具、文本工具、椭圆工具、矩形工具、铅笔工具和刷子工具,返回,案例2.1 山水图,返回,练习目的 练习要求 操作步骤 案例小结 知识回顾与延伸,练习目的,掌握直线工具的简单用法 掌握矩形工具的简单用法 掌握椭圆工具的简单用法 掌握铅笔工具的简单用法 掌握笔触与填充色的设置,返回,练习要求,1新建一个Flash文档，保存在D盘LX文件夹下，取名为Fa2-1.fla。 2绘制如图2-1所示的简单山水图。 3保存文件，退出Flash。,返回,图2-1 山水图,返回,操作步骤,第一步：新建一个Flash 文档 第二步：道路和树的绘制 第三步：小山和太阳的绘制 第四步：保存并退出Flash,返回,第一步：新建一个Flash 文档,（1）选择【开始】【程序】【Macromedia Flash MX 2004】菜单命令，启动Flash。 （2）单击【文件】【保存】菜单命令，在弹出的“另存为”对话框中选择“保存在”D:LX文件夹，文件名为Fa2-1，单击“保存”按钮。,返回,第二步：道路和树的绘制,（1）单击工具栏中的直线工具按钮，单击颜色按钮，设置笔触色为深褐色，将鼠标移动舞台中，鼠标变为“十”字。按住鼠标左键并拖动，绘制如图2-2所示的“道路”。 （2）单击工具栏中的矩形工具按钮，单击颜色按钮，设置笔触色为深褐色。然后单击颜色按钮，设置填充色为无色。将鼠标移至舞台中的适当位置后，按住鼠标左键并拖动，绘制出树的“树干”。用同样的方法，多绘制几个树干。如图2-3所示。 （3）单击工具栏中的椭圆工具按钮，单击颜色按钮，设置笔触色为绿色。然后单击颜色按钮，设置填充色为无色。将鼠标移至舞台上树干的位置，按住鼠标左键拖动出“树冠”，如图2-4所示。,返回,图 2-2 用直线工具绘制“道路”,返回,图 2-3 用矩形工具绘制“树干”,返回,图 2-4 用椭圆工具绘制“树冠”,返回,第三步：小山和太阳的绘制,（1）单击工具栏中的铅笔工具按钮，单击颜色按钮，设置笔触色为深褐色。单击选项栏中按钮，在弹出的下拉列表中选择按钮，这样画出的线条会自动变得比较平滑。在“属性”面板中，设置粗细：3，线条类型为：实线。如图2-5所示。 （2）然后将鼠标移到舞台中，鼠标变成为铅笔的形状，按住鼠标左键在舞台中画出“小山”。如图2-6所示。 （3）单击工具栏中的椭圆工具按钮，单击颜色按钮，设置笔触色为金黄色。然后单击颜色按钮，设置填充色为金黄色。将鼠标移到舞台中，按住鼠标左键，并同时按住Shift键，在舞台中合适的位置画一个正圆，画出“太阳”。如图2-7所示。,返回,图 2-5 设置铅笔工具的属性,返回,图 2-6 用铅笔工具绘制“小山”,返回,图 2-7 用椭圆工具绘制“太阳”,返回,第四步：保存并退出Flash,（1）选择【文件】【保存】菜单命令，再次保存文件。 （2）单击“关闭”按钮退出Flash。,返回,案例小结,1用铅笔工具在舞台上拖动进行绘画。按住Shift键拖动鼠标可将线条限制为垂直、水平或与水平方向成45的直线。 2用椭圆工具在舞台上拖动进行绘画。按住Shift键拖动鼠标可绘制出正圆。 3用矩形工具在舞台上拖动进行绘画。按住Shift键拖动鼠标可绘制出正方形。 4用铅笔工具进行绘图时应注意： （1）如果哪一笔没画好，可以用橡皮擦工具将没画好的部分擦掉，然后再重新画。也可按【Ctrl+Z】组合键撤消刚才的操作。或者用箭头工具单击，选中没画好的线条再按Del键将它删掉。 （2）每画一笔，其产生的线条单独存在。用箭头工具单击，只会选中一次性操作画出的部分，尽管该线条看上去跟其他线条是连在一起的。双击线条则会选中尽量多的几条连在一起的线条。,返回,知识回顾与延伸,1线条工具 2铅笔工具 3椭圆工具 4矩形工具 5刷子工具 6钢笔工具,返回,1线条工具,线条工具用于绘制任意的矢量线段。在“属性”面板中，可设置线条的颜色、粗细、线型等。单击“自定义”按钮，可弹出如图2-8所示的“笔触样式”对话框。在其中可根据需要对线段进行设置。,返回,图 2-8 “笔触样式”对话框,返回,2铅笔工具,铅笔工具用于绘制矢量线和任意形状的图形。在选择铅笔工具后，在“绘图”工具栏下方的“选项”栏中单击鼠标，将出现如图2-9所示的列表。下面分别铅笔的三种绘图模式的含义。 伸直：可以绘制直线并将接近三角形、椭圆、矩形和正方形的形状转换为这些常见的几何形状。 平滑：可以绘制平滑的曲线。 墨水：可以绘制任意而又不用修改的线条，这种模式绘制出的图形与绘制时的笔迹更接近。,返回,图 2-9 选项列表,返回,3椭圆工具,椭圆工具用于绘制实心或空心的椭圆或圆。 椭圆的绘制分为两个部分：一是设置笔触颜色，单击工具栏按钮，弹出如图2-10所示的颜色选择面板，在该面板中可选择椭圆的边线颜色。若单击按钮，可设置无笔触色。 二是设置填充颜色。单击工具栏按钮，弹出如图2-11所示的颜色选择面板。在该面板中不仅可以设置填充色为纯色，还可以设置渐变色。若单击按钮，可设置无填充色。 几种不同笔触色和填充色的椭圆和圆如图2-12所示。,返回,图 2-10 笔触色的“颜色”选择面板,返回,图 2-11 填充色的“颜色”选择面板,返回,图 2-12 几种不同的椭圆和圆,返回,4矩形工具,矩形工具用于绘制实心或空心的矩形或正方形。矩形工具的笔触色和填充色的设置方法与椭圆工具的使用相同。单击选项栏中的圆角矩形半径按钮，可弹出如图2-13所示的“矩形设置”对话框，在该对话框中可设置矩形的边角半径，数值越大，矩形的边角越圆滑。 几种不同的矩形和正方形如图2-14所示。,返回,图 2-13 “矩形设置”对话框,返回,图 2-14 几种不同的矩形和正方形,返回,5刷子工具,刷子工具用来绘制封闭的填充色构成的图形，并可产生用刷子粉刷出的线条图形效果。 单击工具栏中的刷子工具按钮，在颜色栏中可用与椭圆工具相同的方法设置填充色。还可以在选项栏中设置刷子工具的附加属性选项，如图2-15所示。包括刷子的模式、刷子的大小以及刷子的形状。锁定填充按钮用于在使用刷子时锁定填充。 （1）刷子的模式设置 单击选项栏中的刷子模式按钮，弹出如图2-16所示的刷子模式列表框。 标准绘画：标准绘画模式可以对同一图层的线条或填充区域进行涂抹，涂抹后刷子刷过的区域被覆盖。 颜料填充：颜料填充模式可以对填充区域或空白区域进行涂抹，但不会覆盖线条。 后面绘画：后面绘画模式可以对同一图层的空白区域进行涂抹，但不会影响线条及填充区域。,返回,5刷子工具,颜料选择：颜料选择模式可以对选择的图形区域进行涂抹，但不会影响线条和未被选择的区域。 内部绘画：内部绘画模式只对涂抹操作开始时所接触到的区域进行涂抹，而不影响其它区域、线条及同一区域刷子未刷过的区域。 几种刷子模式的涂抹示例如图2-17所示。 （2）刷子大小设置 单击选项栏中的刷子大小按钮，弹出刷子大小设置列表。在该列表中，可设置不同大小的刷子。 （3）刷子形状设置 单击选项栏中的刷子形状按钮，弹出刷子形状设置列表。在该列表中，可设置不同形状的刷子。,返回,图 2-15 选项栏,返回,图 2-16 刷子模式列表框,返回,图 2-17 不同的刷子模式,返回,6钢笔工具,钢笔工具可以绘制出精确的直线或曲线，还可以绘制出多结点的曲线，并能增删曲线上的结点。单击工具栏上的钢笔工具按钮，在“属性”面板中可设置钢笔的属性。 （1）画直线 单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区中单击鼠标左键定义直线的起点，然后在需要的位置单击鼠标定义直线的终点，Flash MX自动将两点连成一条直线。如图2-18所示。 （2）画曲线 单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区中单击鼠标左键定义曲线的起点，在定义终点时按住鼠标的左键不放，会出现一条切线，移动鼠标改变曲线的斜率，放开鼠标后，曲线的形状便确定了。如图2-19所示。,返回,图 2-18 使用钢笔工具绘制直线,返回,图 2-19 使用钢笔工具绘制曲线,返回,2.2 图形填充工具,基本知识 案例2.2 绘制五角星 案例2.3 按钮制作,返回,基本知识,在Flash MX中，图形填充工具主要有墨水瓶工具、颜料桶工具、滴管工具和填充变形工具,返回,案例2.2 绘制五角星,返回,练习目的 练习要求 操作步骤,练习目的,掌握矩形工具、箭头工具、直线工具、颜料桶工具、墨水瓶工具的用法和功能 掌握笔触色和填充色的设置 掌握舞台工作区中网格的显示与隐藏,返回,练习要求,1启动Flash，将文档保存在D盘LX文件夹中，取文件名为Fa2-2.fla。 2设置舞台工作区为网格状。 3制作五角星。 4填充颜色。 5保存文件，退出Flash。,返回,操作步骤,第一步：新建Flash文档 第二步：画五角星 第三步：添充内部颜色 第四步：保存并退出Flash,返回,第一步：新建Flash文档,（1）双击桌面上Flash快捷图标，打开Flash工作界面。 （2）单击【文件】【保存】菜单命令，在弹出的“另存为”对话框中选择“保存在”D:LX文件夹，文件名为Fa2-2，单击“保存”按钮。 （3）单击【视图】【网格】【显示网格】菜单命令，使舞台工作区中显示如图2-22的网格。,返回,图 2-22 五角星,返回,第二步：画五角星,（1）单击工具栏中的矩形工具按钮，单击颜色按钮，设置笔触色为红色，粗细为2个点。然后单击颜色按钮，设置填充色为无色。将鼠标移至舞台中的适当位置后，按住鼠标左键并拖动，绘制出如图2-23所示的矩形，它的宽占10个网格，高占16个网格。 （2）单击工具栏中的箭头工具按钮，用鼠标拖曳所画矩形的左上角到矩形顶边的中心位置；用鼠标拖曳所画矩形的右上角到矩形顶边的中心位置，使矩形变成三角形，如图2-24所示。 （3）单击工具栏中的直线工具按钮，用鼠标在三角形内画三条直线，使之变成五角星形。如图2-25所示。注意水平线的长度为16个网格。 （4）单击工具栏中的箭头工具按钮，选中五角星形的底线，按Del键将其删除。用同样的方法，删除五角星内部的线条。如图2-26所示。,返回,图2-23绘制一个矩形 图2-24矩形变换成三角形,返回,图2-25绘制五角星形,图2-26删除五角星的多余线条,返回,第三步：添充内部颜色,（1）单击工具栏中的直线工具按钮，设置笔触颜色为浅灰色，线条粗细为2个点，在五角星内画五条直线。如图2-27所示。 （2）单击工具栏上的颜料桶工具按钮，打开“混色器”面板，在填充色中设置线性，最左边的关键点为白色，中间的关键点为浅红色（#FF6666），最右边的关键点为红色(#FF0000)，如图2-28所示。 （3）然后用颜料桶工具填充五角星的内部区域。注意五角星左上角区域的颜色要浅一些，以产生光照效果。如图2-29所示。 （4）单击工具栏上的墨水瓶工具按钮，设置笔触颜色为浅红色，单击五角星的左上角两条直线和五角星内部左上角的两条直线，使左上角的线条为浅红色。再设置笔触颜色为灰色，单击五角星的右下角的直线，使五角星呈现光照的效果。如图2-30所示。,返回,图2-27 在五角星内画直线,图2-28混色器面板设置填充色的线性渐变,返回,图2-29用颜料桶填充五角星 图2-30 完成的五角星,返回,第四步：保存并退出Flash,（1）选择【文件】【保存】菜单命令，再次保存文件。 （2）单击“关闭”按钮退出Flash。,返回,案例2.3 按钮制