第2章 FLASH

第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返回第一步：绘