第3章混色器与文字对象.docx
《第3章混色器与文字对象.docx》由会员分享，可在线阅读，更多相关《第3章混色器与文字对象.docx（16页珍藏版）》请在冰豆网上搜索。
第3章混色器与文字对象
第1课
3.1混色器
教学目的:
了解颜色及混色器
教学重点:
混色器
教学难点:
混色器各个参数
教学过程：
讲授新课:
介绍一下关于颜色的内容:
色的调配是动画中重要组成部分，Flash为颜色的使用、生成及修改提供了多种方法。
在Windows中所有的颜色都是用红（Red）、绿（Green）、蓝（Blue）三种基本颜色混合而成的，所以这种颜色系统又称为RGB三基色系统，它的每一种基本颜色用两位十六进制数表示，因此用RGB三基色表示的颜色用6位十六进制数表示。
每一种颜色最大值为十六进制数FFH（即十进制的255），最小值为0H，将每一种基本颜色分为256等级，每一等级用一个数值表示。
以红色为例，FFH表示红色最深，80H表示红色的浓度降低了一半，而0则表示该颜色中没有红的成份。
因此，纯红色的代码为“FF0000”（即红色最深，没有绿色和蓝色），纯绿色的代码为“00FF00”，纯蓝色的代码为“0000FF”。
将三种基色按某种比例混合即可获得自然界中的任意一种颜色，如：
5B5FEC表示这种颜色中红色的成份为5B，绿色的成份为5F，蓝色的成份为EC，混合后整个颜色偏蓝色，为浅蓝色。
有时颜色用十进制表示，如十六进制数FF0080也可用十进制255-0-128表示。
Flash8中可以在三个位置上设置颜色：
绘图工具的颜色栏、属性面板、混色器。
其中如果要在属性面板上设置颜色，必须先选中某一种绘图工具。
图3-1所示为选中椭圆工具后三种设置颜色的面板。
混色器
绘图工具的颜
色栏
属性面板
图3-1设置颜色的三种工具
用任意一种方法设置颜色，其效果都是一样的。
用一种方法设置了颜色之后，其它两个面板的颜色也随之改变，在这三种方法中，混色器的功能最全，下面以混色器为例讲解颜色的设置。
通常情况下混色器就在Flash面板上，如果面板上没有混色器，可以单击菜单“窗口”|“混色器”命令，弹出混色器面板。
1.笔触颜色
a）该按钮的作用是设定线条的颜色。
单击按钮左边的铅笔图形，可以通过在颜色文本框中输入颜色代码，或在颜色渐变区选择颜色，设定笔触的颜色。
b）如果单击按钮右端的方框，将弹出颜色选择面板，同时鼠标变为点滴器形状。
颜色选择面板主体部分是样本色标签，可以在样本色标签中选择一种颜色为笔触颜色；也可以在样本色标签上方的颜色文本框中直接输入6位十六进制的颜色值，为线条确定颜色。
c）如果系统所给出的基本样本色不能满足用户要求，用户也可以自己定义颜色。
单击样本色标签右上角的“自定义颜色”按钮，弹出颜色选择器面板。
d）此面板为Windows内置的颜色选择器面板。
其左侧上部分有48种基本颜色，中间为颜色渐变区，右边为亮度的设置。
用户可以在48种基本颜色中选择一种基本颜色，在颜色渐变区内通过十字准星调整颜色，然后拖动亮度滑块调整颜色的亮度，自定义一种颜色。
也可以直接在面板右下角的色调、饱和度、亮度、红、绿、蓝文本框内输入相应数值自定义一种颜色。
自定义颜色后，单击“添加到自定义颜色”按钮，在“自定义颜色”色块区中则存储了此颜色，以后便可以直接引用存储了的颜色。
2.填充颜色
该按钮用于设置对象的填充色，与笔触颜色的设置方法类似，先单击左边的颜料桶图形按钮，然后在颜色文本框中输入颜色代码，或在颜色渐变区选择颜色，设定填充的颜色。
如果鼠标单击按钮右边的方框，将弹出填充色选择面板，如图3-5所示，具体设置方法与“笔触颜色”的设置基本相同，不同之处在左下角有渐变色设置。
渐变色的设置我们将在后面介绍。
颜色渐变区
图3-5设定填充色
3.黑白颜色和交换颜色
单击混色器的黑白颜色按钮，Flash自动将线条颜色设置为纯黑色#000000H，将填充颜色设置为纯白色#FFFFFFH。
单击交换按钮，将使边线颜色与填充色颜色互换。
4.颜色值
a）在混色器左边的红、绿、蓝文本框和右边的文本框均为颜色代码输入文本框，这两个文本框只是表现形式不同，效果是相同的。
b）当其中一个改变时，另一个也随之改变。
c）左边的三个文本框要求输入十进制，红、绿、蓝三种颜色分别输入；右边的文本框要求输入十六进制，红、绿、蓝三种颜色组合输入。
d）当在文本框中输入颜色代码并回车确定后，渐变色面板的十字准星和亮度滑块也随之改变。
5.渐变色面板和亮度
用户还可以通过渐变色面板和亮度滑块来设定颜色。
a）先用鼠标按住渐变色面板的十字准星拖动，选择一种颜色类型，再调整亮度滑块设置当前颜色的明亮程度。
b）滑块在上端时亮度最高，在下端时亮度最低。
c）当改变渐变色面板的十字准星或亮度滑块时，颜色文本框中的颜色代码也随之改变。
6.Alpha
混色器的Alpha用于设定颜色的不透明程度，Alpha值为100％时表示完全不透明，Alpha值为0％时表示完全透明。
图3-7所示的四个圆，它们的颜色相同，只是透明度程度由左向右依次增加，即设置的Alpha数值依次减小。
7.预览框
预览框中显示当前设置颜色的样例。
除此以外，当鼠标拖动面板上的某一个滑块而没有松开时，预览框就分为上下两部分，下部分为原来的颜色设置，上部分为滑块在当前位置的颜色设置，供用户参考，如果松开鼠标，预览框中的颜色就会按新设置显示颜色，即显示为上部分的颜色。
8.颜色类型
Flash8中提供的绘图颜色，除了单一的颜色以外还可以是多种颜色过渡的渐变色。
通过渐变颜色的设置，创建出很多特殊效果。
渐变色填充是通过设置填充方式完成的，在颜色类型的下拉列表框中有五个可选项。
（1）无
a）该选项表示将颜色设为无色。
b）如果鼠标单击笔触颜色，再选择颜色类型为“无”，即将笔触颜色设为“无”，绘出的图形
（例如椭圆）只有填充色没有线条；
c）反之如果鼠标单击填充颜色，再选择颜色类型为无，绘出的图形只有线条没有填充部分。
d）如果笔触颜色和填充颜色的类型均选择为无，则无法使用椭圆工具或矩形工具绘制图形。
e）将笔触颜色设为无对线条工具、钢笔工具、铅笔工具无效，将填充颜色设为无对刷子工具无效。
（2）纯色
即单一颜色，使用选定的单一颜色绘制图形或给指定的图形着色。
（3）线性
a）选择线性渐变后，混色器中多出了一条渐变颜色条，颜色条的底部有两个锥形滑块，每个滑块代表着一种颜色，两个滑块之间的颜色在这两个滑块颜色之间做渐变。
b）滑块被选中时尖端变成黑色，成为当前滑块，可通过各种方法设置当前滑块的颜色值。
c）拖动滑块还可以改变颜色渐变的分布情况，在预览框中可以看到当前设置的效果。
d）如果当前渐变色不能满足用户要求，用户可以添加或移动滑块，进一步细化颜色渐变。
将鼠标移到渐变颜色条的底部，光标的右下侧会出现“＋”标记（），单击鼠标就可以添加一个颜色滑块。
在预览框中可以看到当前设置的效果。
e）用鼠标拖动滑块左右移动改变滑块的位置，可以调节颜色渐变的程度；
f）用鼠标将滑块拖出颜色面板即可删除此滑块。
g）Flash8比较以前的版本增加了对渐变色的控制，滑块的最大数量由原来的8个增加到15个。
（4）放射状
其设置方法与线性渐变的方法相同，只不过它的颜色渐变是从中心向外进行渐变。
如图3-12所示为放射状填充的效果图。
（5）位图
位图选项表示要用位图对图形进行填充。
选中“位图”选项后，如果元件库中没有位图文件，则弹出“导入到库”对话框，要求用户导入一个位图文件到元件库中。
用户也可以单击菜单中“文件”|“导入”|“导入到库”命令向元件库导入一个位图文件。
元件库中如果存在位图文件，则在混色器的列表框中列出符号库中的位图缩略图，然后可以选择一个位图图像作为填充材料填充图形。
使用位图填充图形，能够得到意想不到的效果。
小结:
混色器中的填充类型:
纯色,渐变色,位图
作业:
掌握颜色及混色器面板的使用
第2课
3.2调整渐变效果
教学目的:
让大家会使用放射状和树形渐变色
教学重点:
渐变色的调整
教学难点:
巧秒的应用渐变色画图
教学过程：
复习：
混色器中颜色的类型
什么叫线性渐变色
什么叫放射状渐变色
讲授新课:
3.2.1填充变形工具
绘图工具框中的填充变形工具
（）用来调整颜色的渐变属性，修改渐变的填充效果。
选择填充变形工具按钮后，用鼠标单击渐变色填充的区域，放射状填充和线性填充分别出现两种不同的控点，如图3-15所示。
通过这几个控点可以更改填充的中心点、旋转/缩放填充色等，下面逐项介绍使用方法。
图3-15线性和放射状填充显示不同的控制点
1.更改渐变中心
用鼠标拖动渐变的中心圆点，放至新位置，即改变了填充中心，如图3-16所示。
图3-16更改渐变中心
2.改变渐变填充的宽度
用鼠标拖动边线上的方形控点，即可改变渐变填充的宽度。
如图3-17所示。
图3-17改变渐变填充的宽度
3.旋转渐变填充
用鼠标拖动边线上的小圆形手柄逆时针或顺时针转动，即可改变填充方向，如图3-18所示。
图3-18旋转渐变填充
4.改变填充半径
只有放射状填充才有此选项，拖动近邻方形控点的小圆形控点，可以改变填充半径，如图3-19所示。
图3-19改变填充半径
3.2.2溢出
溢出Flash8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一部分或全部超出渐变的控制范围，如图3-16所示。
溢出选项用于设定超出渐变控制的这一部分图形如何应用渐变。
当选定线性填充或放射状填充后，混色器面板中增加一个溢出选项，鼠标单击其右边的下拉箭头，弹出3种溢出选项。
（1）选择第1个溢出选项，改变渐变中心或缩小渐变宽度，溢出部分按其临近的颜色填充为纯色。
如图3-21所示，a图为原填充图形，没有溢出；b图时的渐变中心向右移动，左边部分的图形溢出，溢出部分填充为临近的深色；c图的渐变中心向左移动，右边部分的图形溢出，溢出部分填充为临近的浅色；d图的渐变宽度减小，左右两边的图形均溢出，左边部分填充为深色，右边部分填充为浅色。
（a）原图（b）渐变中心向右移动（c）渐变中心向左移动（d）渐变宽度减小
图3-21溢出部分按其临近的颜色填充为纯色
（2）选择第2个溢出选项，溢出部分按相反方向的渐变效果进行填充。
如图3-22所示，a图为原填充图形，填充颜色从左向右以此为深色-浅色-深色-浅色，b图的渐变中心向右移动，
左边溢出部分按相反方向的渐变效果从右向左填充深色-浅色……，c图的渐变中心向左移动，右边溢出部分填充相反方向的渐变，d图的渐变宽度减小，左右两边的溢出部分填充各自相反方向的渐变。
（a）原图（b）渐变中心向右移动（c）渐变中心向左移动（d）渐变宽度减小
图3-22溢出部分按相反方向的渐变效果进行填充
（3）选择第3个溢出选项，用相同的渐变色填充溢出部分，它的填充效果与第2个溢出选项相反，如图3-23所示。
（a）原图（b）渐变中心向右移动（c）渐变中心向左移动（d）渐变宽度减小
图3-23用相同的渐变色填充溢出部分
前面讲解的溢出填充效果均以线性填充为例，放射状溢出的填充与线性填充类似，读者可以自己验证。
3.2.3锁定填充
在颜料桶工具和刷子工具的辅助选项里，有一个“锁定填充”的按钮，它的作用是锁定渐变填充的区域。
如果不锁定，颜料桶填充颜色将在被分开的区域分别产生渐变；锁定后，则在整个区域产生渐变，如图3-24所示。
（a）不锁定填充（b）锁定填充
图3-24不锁定与锁定渐变填充区域的比较
小结:
混色器中两种渐变色的调整方法
作业:
用自己调整的渐变色绘制一支铅笔
第3课
3.3文字对象
教学目的:
文字对象的输入方法属性面板分解文本
教学重点:
分解文本文字对象的属性的理解
教学难点:
文字的属性
教学过程：
一．复习：
文字输入工具的简单介绍:
文字对象是Flash中非常重要的一种对象。
单击绘图工具中的文本工具（A），光标变为（），在工作区中适当的位置单击鼠标，即会出现一个文本框，其中有闪烁的光标,用户可以在其中输入文字。
操作过程：
3.3.1文字的输入
文本内容输入完毕，在文本框外任意处单击鼠标，文本框的边框和光标消失。
单击文字部分，边框将重新出现，可以继续修改文字。
在工作区中单击鼠标或短距离的拖动鼠标时，将会出现带有圆形手柄的文本框。
这种输入下，文本框的长度是可变的。
用户输入文字时，文本框的边界会随着输入的文字进行不断向前扩大。
如果要换行，可以按回车键。
在工作区中用鼠标拖出一个文本区域时，将会出现带方形手柄的文本框。
它表示文本框的长度是固定不变的。
文本输入至每一行末尾时会自动换行，如图3-25所示为两种类型的文本框示意图。
图3-25可变长度和固定长度的文本框
固定长度和可变长度文本框相互之间可以转换。
如果用鼠标拖动可变长度文本框的圆形手柄，则将可变文本框改变为固定长度文本框；在固定长度文本框的方形手柄上双击鼠标，也可把固定长度文本框变为可变长的文本框。
通过“首选参数”中的“文本”选项，可以将文本输入方式设置为垂直输入，且可以设置成从左向右输入或从右向左输入。
文本输入框手柄的位置根据文本输入方向和文本类型的不同而不同。
3.3.2文字对象的属性
当用户选择绘图工具栏中的文本工具后，“属性”面板上将显示与文本对象编辑相关的选项，如图3-26所示。
由图中可以看出，它包含了对文本的常规设置如字间距、字体、字号、字体颜色、对齐方式等，设置方法与通用文字处理软件类似，这里不再介绍，下面主要介绍Flash的特有部分。
文本类型字间距字体字号
字体颜色对齐方式改变文本方向
行类型行类型栏URL链接
图3-26文字对象的属性面板
1.文本类型
鼠标单击文本类型下拉列表框，弹出Flash所支持的三种文本类型。
静态文本：
此类文本的内容在动画运行时不可修改，它是一种普通文本。
动态文本：
在动画运行过程可以通过ActionScript脚本程序对其内容或属性进行编辑修改，但用户不能直接输入文本。
输入文本：
动画运行时允许用户在输入文本框内直接输入文字，增加了动画的交互性。
2.行类型
行类型下拉列表框只有在动态文本和输入文本类型中有效，它用于设定当文字的宽度大于文本框的宽度时，文字的显示方式。
单击行类型下拉列表框，弹出下拉列表。
单行：
文本框中的文字只在一行内输入或显示，如果输入的文字到达右边界，文字将自动向左卷动，此时按回车键不能使光标移到下一行。
多行：
文本框中的文字可以在多行内输入或显示，如果输入的文字到达右边界，文本会自动换行。
多行不换行：
也是多行模式，但输入的文字到达右边界，不会自动换行，文字将自动向左卷动，需按回车键才能使光标移到下一行。
密码：
只有在输入文本中有“密码”选项，用于创建密码文本框。
当将文本框设定为密码类型后，用户在文本框中输入的字符将显示为星形。
3.超链接栏
超链接栏只有在静态文本和动态文本中有效，它的作用是为文字添加超链接。
动画运行时鼠标指向此文本时，光标变为手形，单击此文字，将自动链接到指定的链接地址。
4改变文本方向
改变文本方向只有在静态文本框中有效，它用于设置文本文字的排列方向。
单击“改变文本方向”按钮，弹出三个选项。
“水平”表示文字从左向右水平排列；“垂直，从左向右”表示文字垂直排列，第一列在最左边，依次向右排列后面各列；“垂直，从右向左”
表示文
字垂直排列，列排顺序为从右向左。
3.3.3分解文本
文本对象不能实现一些特殊的效果。
为文字添加特殊效果时，需要将文本转化为矢量图形，即分解文本。
需要注意的是，一旦文本被分解，就不能再返回到文本状态，不能再作为文本进行字体、段落等编辑。
所以在分解文本之前须确保完成了文本内容、格式等。
分解文本的方法为：
用选择工具选中要分解的文字，单击菜单“修改”|“分解组件”设置命令，将一个含有多个文字的文本框变为单字的文本框，如图3-28所示。
图3-28
这些单字的文本框仍然是文字对象，再次单击菜单“修改”|“分解组件”命令，这几个字就被分解成一般的矢量图形对象，此时用户可以对它们按矢量图形的方法进行修饰，图3-29所示为将单个文字分解为矢量图形后再进行修饰的过程。
图3-29
小结:
文本的输入方法,方本的类型,文本两次分离的原理
作业:
用分离的方法给文字填充七彩色
第4课
阴影小球及阴影文字
教学目的:
熟练应用各种知识点来完成实例
教学重点:
理解阴影的制作原理
教学难点:
阴影的制作和渐变色的调整
教学过程：
复习：
阴影的颜色
渐变色的调整
文字的输入
二．操作过程：
例1带阴影的小球
如图3-30所示为带阴影小球的图形，它由立体小球和阴影两部分组成，绘制步骤如下：
图3-30带阴影的小球
（1）绘制阴影：
新建一个文件，选择椭圆工具，在混色器中将边框色设置为没有颜色，即不加边框，将填充颜色设为淡灰色，然后在工作区绘制一个椭圆。
再使用自由转换工具将椭圆转动一定角度，如图3-31所示。
图3-31阴影
（2）选择椭圆工具，在混色器中将边框色设置为没有颜色，填充颜色随意，在工作区中画一个圆。
（3）选择颜料桶工具，在混色器中将填充颜色设置为放射状渐变，调整颜色渐变条两端的颜色，使预览框中的图像为中间亮、四周暗，混色器的设置如图3-32所示。
图3-32混色器的设置
（4）用设置好的颜料桶在所画的圆上单击，由于有颜色渐变，所画的圆有了光照小球的效果，如图3-33所示。
颜料桶在不同的位置填充渐变颜色，会产生光从不同方向照射的效果。
改变填充位置，选择理想的填充效果。
图3-33小球
（5）用鼠标拖动小球移到阴影的上方，放在适当位置，也可以使用键盘上的方向键进行微调。
（4）选择填充变形工具，单击小球，出现颜色调整控点，用鼠标拖动控点调整光照方向，如图3-34（a）所示；也可以选择自由转换工具，单击阴影，调整阴影的倾斜角度，如图3-31（b）所示，达到最佳效果。
（a）（b）
图3-34调整光照和阴影的倾斜角度
例2制作阴影字
阴影字的制作方法较简单，如图3-35所示为阴影字的效果图。
图3-35阴影字
（1）新建一个文件，选择文字工具，在属性面板上设定好文字的字体和字号，将文字颜色设为浅灰色，在工作区中单击鼠标，在出现的文本框中键入“FLASH”。
这部分文字将作为阴
影部分。
（2）使用箭头工具选中刚键入的文字，使用“复制”和“粘贴”命令制作此文字的一个拷贝。
用工具选中新复制的文字，单击属性面板中的填充颜色，在弹出的“颜色”面板中选择黑色，将新复制的文字颜色改为黑色，如图3-36所示。
图3-36将新文本颜色改为黑色
（3）拖动黑色文本向上移动，使之位于灰色文本的左上方，仔细地调整它们之间的相对位置，即可产生阴影效果。
小结:
阴影实际上就是原图副本填充灰色
渐变色中的放射状渐变色可以绘制一些现实中的物体
文字的输入两种输入方法:
点击式和拖动式
作业:
重新完成上课的实例体会各个知识点的重要性
第5课
空心字和五彩字
教学目的:
渐变工具和文字工具及颜色的配合使用
教学重点:
理解和应用分离的原理
教学难点:
分离理解和渐变色的调整
教学过程：
复习：
文字工具的使用
渐变色的调整
文字的分离方法
黑水瓶工具的使用
操作过程：
例3制作空心字
在各类艺术文字中，空心字是最基本的一类，FLASH8中许多其它形式的艺术字都是以空心字为基础的。
空心字的效果如图3-37所示。
图3-37空心字
（1）新建一个文件，选择文本工具，在属性面板上设定好文字的字体和字号，在工作区中单击鼠标，然后键入“FLASH”5个文字。
（2）选择箭头工具，单击菜单中“修改”|“分解组件”命令，将文字进行一次分解，如图3-38所示。
再执行一次菜单“修改”|“分解组件”命令，将文字分解为形状对象。
图3-38第一次分解文字
（3）选择墨水瓶工具，在颜色面板中将线条颜色设为黑色，用墨水瓶依次单击“FLASH”文字，对文字添加边缘线条，如图3-39所示。
图3-39添加边缘线条
（4）选择箭头工具，单击每个字母内部的填充部分，按Delete键将填充部分删除，只留下线条部分，形成空心字，如图3-40所示。
图3-40删除填充部分
例4制作五彩字
在网页设计中，各种样式的五彩字十分醒目，受到网页设计者的喜爱，图3-41给出了五彩字的一种样式。
图3-41五彩字
（1）新建一个文件，在工作区中输入“FLASH”几个字，然后将其做成空心字。
（2）选择矩形工具，设置为无填充色，画一个矩形边框，使矩形的大小刚好可容纳“FLASH”几个字。
（3）选择颜料桶工具，在混色器中设定填充色为线性渐变色，调整渐变色，然后按住鼠标在矩形框中从下向上拖动，将矩形区域填充为由下向上的渐变色，如图3-42所示。
图3-42矩形框比文字略大，颜料桶由下向上拖动填充渐变色
（4）用箭头工具选中“FLASH”空心字，将空心字拖到矩形框中，如图3-43所示。
图3-43将空心字拖到矩形框
（5）箭头工具在空余位置单击，取消文字的选择。
再单击文字周围的填充色块，按Delete键删除填充色块，注意字母“A”内部的色块也要删除掉。
（6）选择填充变形工具，单击文字，出现填充变形的调整控点，用鼠标拖动控点对填充调整，产生倾斜的光影效果，如图3-44所示。
图3-44旋转填充
小结:
滴管工具是负责改变线条的颜色
分离是把线条分离成了图形
作业:
用同样的方法制作一些彩虹文字或者是立体文字
升级会员 