搜索
第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）选择【开始】→【程序】→【MacromediaFlashMX2004】菜单命令，启动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）画直线单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区中单击鼠标左键定义直线的起点，然后在需要的位置单击鼠标定义直线的终点，FlashMX自动将两点连成一条直线。如图2-18所示。（2）画曲线单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区中单击鼠标左键定义曲线的起点，在定义终点时按住鼠标的左键不放，会出现一条切线，移动鼠标改变曲线的斜率，放开鼠标后，曲线的形状便确定了。如图2-19所示。返回图2-18使用钢笔工具绘制直线返回图2-19使用钢笔工具绘制曲线返回2.2图形填充工具基本知识案例2.2绘制五角星案例2.3按钮制作返回基本知识在FlashMX中，图形填充工具主要有墨水瓶工具、颜料桶工具、滴管工具和填充变形工具返回案例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按钮制作返回练习目的练习要求操作步骤知识回顾与延伸练习目的掌握利用椭圆工具绘制正圆掌握填充变形工具、任意变形工具的功能和用法熟练进行填充色的设置返回练习要求1．启动Flash，将文件保存在D盘LX文件夹下，文件名为Fa2-3.fla。2．在舞台上制作如图2-31的图形，其中左边的按钮为弹起状态，按钮的亮点在左上部，红色偏亮。右边的按钮为按下状态，按钮的亮点在右下部，红色偏暗。3．保存文件，退出Flash。返回图2-31按钮的两个状态返回操作步骤第一步：绘制按钮外部圆形第二步：绘制内部红色小圆第三步：保存并退出Flash返回第一步：绘