flash第三章混色器教案.doc

上课时间:2012.10.23课题3.1混色器课时1课时+实训1课时教学内容1初识颜色。2Flash 8颜色设置。教学目标知识目标：了解颜色及混色器。能力目标：培养学生举一反三、分析解决问题的能力，逐步提高他们与人合作、讨论问题、探索新知识的能力。情感目标：利用上机分组操作，培养学生的协作精神；并通过开拓思路、激发欲望的过程，培养他们对于本课程以及本专业的热爱。教学重点混色器教学难点混色器各个参数教学活动及主要语言学生活动一、初识颜色： 介绍一下关于颜色的内容:色的调配是动画中重要组成部分，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表示。二、Flash 8颜色设置 Flash 8中可以在三个位置上设置颜色：绘图工具的颜色栏、属性面板、混色器。其中如果要在属性面板上设置颜色，必须先选中某一种绘图工具。图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.颜色类型Flash 8中提供的绘图颜色，除了单一的颜色以外还可以是多种颜色过渡的渐变色。通过渐变颜色的设置，创建出很多特殊效果。渐变色填充是通过设置填充方式完成的，在颜色类型的下拉列表框中有五个可选项。 (1)无a)该选项表示将颜色设为无色。b)如果鼠标单击笔触颜色，再选择颜色类型为“无”，即将笔触颜色设为“无”，绘出的图形（例如椭圆）只有填充色没有线条；c)反之如果鼠标单击填充颜色，再选择颜色类型为无，绘出的图形只有线条没有填充部分。d)如果笔触颜色和填充颜色的类型均选择为无，则无法使用椭圆工具或矩形工具绘制图形。e)将笔触颜色设为无对线条工具、钢笔工具、铅笔工具无效，将填充颜色设为无对刷子工具无效。(2)纯色即单一颜色，使用选定的单一颜色绘制图形或给指定的图形着色。(3)线性a)选择线性渐变后，混色器中多出了一条渐变颜色条，颜色条的底部有两个锥形滑块，每个滑块代表着一种颜色，两个滑块之间的颜色在这两个滑块颜色之间做渐变。b)滑块被选中时尖端变成黑色，成为当前滑块，可通过各种方法设置当前滑块的颜色值。c)拖动滑块还可以改变颜色渐变的分布情况，在预览框中可以看到当前设置的效果。d)如果当前渐变色不能满足用户要求，用户可以添加或移动滑块，进一步细化颜色渐变。将鼠标移到渐变颜色条的底部，光标的右下侧会出现“”标记（），单击鼠标就可以添加一个颜色滑块。在预览框中可以看到当前设置的效果。e)用鼠标拖动滑块左右移动改变滑块的位置，可以调节颜色渐变的程度；f)用鼠标将滑块拖出颜色面板即可删除此滑块。g)Flash 8比较以前的版本增加了对渐变色的控制，滑块的最大数量由原来的8个增加到15个。(4)放射状其设置方法与线性渐变的方法相同，只不过它的颜色渐变是从中心向外进行渐变。如图3-12所示为放射状填充的效果图。 (5)位图位图选项表示要用位图对图形进行填充。选中“位图”选项后，如果元件库中没有位图文件，则弹出 “导入到库”对话框，要求用户导入一个位图文件到元件库中。用户也可以单击菜单中“文件”|“导入”|“导入到库”命令向元件库导入一个位图文件。元件库中如果存在位图文件，则在混色器的列表框中列出符号库中的位图缩略图，然后可以选择一个位图图像作为填充材料填充图形。使用位图填充图形，能够得到意想不到的效果。课堂小结：混色器中的填充类型:纯色,渐变色,位图板书设计：1混色器中的填充类型:纯色,渐变色,位图2笔触颜色3. 填充颜色4. 黑白颜色和交换颜色5. 颜色值6渐变色面板和亮度