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