资源简介

项目8 滤镜与混合模式
一、教学目标
1.掌握滤镜的种类；
2.熟悉对各种滤镜进行操作；
3.会制作混合模式动画。
二、课时分配
本项目共2个任务，安排2课时。
三、教学重点
本章介绍了Flash中滤镜和混合模式的功能、各项设置参数的含义及使用方法。使用滤镜的混合模式可以制作出以前只能在Photoshop或Fireworks等软件中才能完成的图像合成效果，如阴影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等。滤镜和混合模式还可应用到动画中，可快速制作各种动态特效。
四、教学难点
1.熟悉滤镜的种类及操作。
2.运用混合模式制作各种动态特效。
五、教学内容
任务一 滤镜
滤镜主要是用来实现图像的各种特殊效果。滤镜的操作是非常简单的，但是真正用起来却很难恰到好处。本任务重点介绍滤镜的种类以及滤镜的相关操作。
（一）Flash滤镜的种类
滤镜是扩展图像处理能力的一种主要手段，通过滤镜对图像进行处理，可以生成新的图像。在Flash中，使用滤镜可以为文本、按钮和影片剪辑元件实例添加各种有趣的视觉效果。
Flash CS5提供7种滤镜，包括投影、模糊、发光、斜角、渐变发光、渐变斜角、调整颜色等。
1.投影滤镜
投影滤镜实现将选中对象背景表面进行投影的效果，如图8-1所示。
投影滤镜的参数选项如图8-2所示，其中各数值框选项的含义如下：
（1）模糊X和模糊Y：设置投影在X轴或Y方向的模糊程度，用于连接X轴和Y轴的属性值，使两个属性值同时修改。单击使之变为，此时可以单独调整X轴或Y轴属性。
（2）强度：设置阴影的强度。数值越大，阴影颜色越深。
（3）品质：设置投影的质量级别，有“高”、“中”、“低”三个级别。质量越高，过度越流畅，反之越粗糙。当设置为“高”时，效果近似于高斯模糊。应注意，阴影质量过高是以牺牲执行效率为代价的，因此一般将级别设置为“低”，实现最佳的回放性能。
（4）角度：设置阴影的角度，即阴影相对于对象的方向。
（5）距离：设置阴影与对象之间的距离。
（6）挖空：挖空源对象，将对象隐藏，只显示投影。
（7）内阴影：选中该复选框，实现在对象边界内应用阴影。
（8）隐藏对象：选中该复选框，可以隐藏对象，只是显示阴影。选择本复选框可以创建逼真的阴影。
（9）颜色：设置阴影的颜色。
2.模糊滤镜
模糊滤镜用于模糊对象的边缘和细节。在对象上设置模糊滤镜，可以在舞台上制作景深效果，也可以使用对象产生运动时的模糊效果。其参数选项含义如下。
（1）模糊X和模糊Y：设置模糊的宽度和高度。
（2）品质：设置模糊的质量。有高、中、低三个级别，质量越高，模糊过度效果越流畅：反之越粗糙。
3.发光滤镜
发光滤镜为对象的整个边缘应用颜色，使对象周边产生光芒，如图8-5所示。
发光滤镜参数选项含义如下：
（1）模糊X和模糊Y：设置发光的高度和宽度。
（2）强度：设置发光的清晰度。
（3）品质设置发光的质量级别。
（4）颜色：在颜色选择列表框中设置发光的颜色。
（5）挖空：选中该复选框将隐藏源对象，在挖空图像上只显示光芒。
（6）内测发光：在对象边界内侧应用的发光效果。
4.斜角滤镜
斜角滤镜向对象边角实现加亮效果，使对象凸出显示背景画面，制造出三维效果。斜角滤镜包括内斜角、外斜角和全部斜角，根据参数设置产生各种不同的立体效果如图8-7所示。
斜角滤镜参数选项含义如下。
（1）模糊X和模糊Y：设置斜角的宽度和高度。
（2）强度：设置斜角的不透明度。
（3）品质：设置斜角的质量级别。
（4）阴影：设置斜角的阴影颜色。
（5）加亮显示：设置斜角的加亮颜色。
（6）角度：设置斜边投下的阴影角度。
（7）距离：设置斜角的宽度。
（8）挖空：选中该复选框将隐藏源对象，只显示斜角。
（9）类型：选择要应用到对象的斜角类型，包括内斜角，外斜角和全部三种选项。
5.渐变发光滤镜
渐变发光滤镜能制作在发光表面产生的带渐变颜色的光芒，如图8-9所示。
渐变发光滤镜参数选项含义如下：
（1）模糊X和模糊Y：设置发光的宽度和高度。
（2）强度：设置光的清晰度。
（3）品质：设置渐变发光的质量级别。
（4）角度：设置发光投影的阴影角度。
（5）距离：设置斜角的宽度。
（6）挖空：选中该复选框将隐藏源对象，只显示斜角。
（7）类型：选择要用到的对象的发光类型，包括内发光、外发光和全部三种。
（8）渐变：设置渐变发光的颜色。渐变发光设置中要求选择一种颜色为渐变开始的颜色，其Alpha值为0，而且该颜色的位置无法移动但可以改变颜色。在渐变中最多可以设置15种渐变颜色。
6.渐变斜角滤镜
渐变斜角滤镜是对象产生从背景上凸起、带斜角表面和渐变颜色的三维效果，如图8-11所示。
渐变斜角滤镜参数选项含义如下：
（1）模糊X和模糊Y：设置斜角的宽度和高度。
（2）强度：设置渐变斜角的不透明度。
（3）品质：设置渐变斜角的质量级别。
（4）角度：设置斜边投下的阴影角度。
（5）距离：设置渐变斜角的宽度。
（6）挖空：选中该复选框将隐藏源对象，只显示斜角。
（7）类型：选择要用到对象的斜角类型，包括内斜角、外斜角和全部三种。
（8）渐变：设置渐变斜角的颜色。渐变斜角设置中要求渐变的中间有一个颜色，该颜色的Alpha值为0，位置无法移动，但可以改变其颜色，在渐变中最多可以设置15种渐变颜色。
7.调整颜色滤镜
调整颜色滤镜用于调整选定影片剪辑元件实例、按钮或文本对象的亮度、对比度、色相和饱和度。调整颜色滤镜参数选项含义如下：
（1）亮度：调整图像的亮度。数值范围是-100~100。
（2）对比度：调整图像的加亮、阴影及中调效果。数值范围是-100~100。
（3）饱和度：调整颜色的强度。数值范围是-100~100。
（4）色相：调整颜色的深浅。数值范围是-180~180。
除了系统自带的8个滤镜以外，Flash还支持从PNG文件中导入可修改的滤镜。
（二）滤镜的基本操作
滤镜功能大大增强了Flash的设计能力，但滤镜只能应用在文本、按钮和影片剪辑元件实例上。如果要对图形对象使用滤镜，需要先将图形转换为影片剪辑元件。选定文本、按钮或影片剪辑元件实例等对象后在“属性”面板中将出现“滤镜”选项，基本操作内容如下：
1.添加滤镜
单击“滤镜”选项左下角的“添加滤镜”按钮，在弹出菜单中选择要添加的滤镜，在选定的对象上添加滤镜。添加滤镜后，“滤镜”选项中将显示添加滤镜的各项属性并可以进一步设置。
2.改变滤镜的次序
在同一个对象上允许添加多个滤镜，多个滤镜叠加后将产生一些特殊效果。在对象上叠加多个滤镜后，上下拖动滤镜，即可改变滤镜的次序。如果滤镜的次序不同，产生的视觉效果也不一样，如图8-15所示。
3.启用或禁用滤镜
在对象上添加滤镜后，如果再对对象进行修改，系统会对滤镜进行重绘。如果应用的滤镜较多、比较复杂，修改对象后，重绘操作会占用计算机很多时间，影响系统性能。要解决这个问题，可以先在对象上设置滤镜，然后将滤镜禁用，此时如果对象进行修改，滤镜不进行重绘，对象修改完毕后再重新激活滤镜，得到最后的结果。
在“滤镜”选项中选择滤镜，单击“滤镜”选项左下角的“启用或禁用滤镜”按钮，可以启用或禁用选定滤镜。
4.重置滤镜
在对象上添加滤镜时，滤镜的各项参数将设置为默认并在“滤镜”选项中显示，根据需要对各个属性参数值进行修改。如果对所修改的属性值不满意，单击“滤镜”选项左下角的“重置滤镜”按钮，将恢复各属性值的默认值。
5.复制滤镜
如果在舞台上有多个对象需要设置同样的滤镜，可以在一个对象上设置滤镜后再将滤镜复制到另一个对象上。
选定对象后在“滤镜”选项中选择要复制的滤镜，单击左下角的“剪贴板”按钮，在弹出的快捷菜单中选择“复制所选”命令，将选定的滤镜复制到剪贴板中；在弹出的快键菜单中选择“复制全部”，则将对象上所有的滤镜复制到剪贴板中。选定要粘贴滤镜的对象，单击“滤镜”选项左下角的“剪贴板”按钮，在弹出的快捷菜单中选择“粘贴”命令，可以将剪贴板中的滤镜粘贴到对象上。
6.删除滤镜
在“滤镜”选项的滤镜列表中选中要删除的滤镜，单击“删除滤镜”按钮，可以上传对象上的滤镜。
7.滤镜预设
如果要将对象上使用的滤镜或滤镜组应用于其他多个对象，可以参照滤镜设置预设库，将滤镜或滤镜组保持在预设库中，以备以后应用。
在对象上添加滤镜后，单击“滤镜”选项中间的“预设”按钮，在菜单中选择“另存为”命令，在“将预设另存为”对话框中，输入预设名称，即可保存。
选定要使用的预设滤镜的对象，单击“滤镜”选项中的“预设”按钮，在弹出的菜单中选择要使用的滤镜预设名称，可以将预设滤镜应用于选定对象上。在将预设滤镜应用于对象时，预想滤镜将替换已经在对象上使用的所有滤镜。
单击“预设”按钮，执行菜单中的“重命名”和“删除”命令可以重命名或上传用户定义的预设滤镜，但系统里的标准滤镜不能重命名或删除。
（三）滤镜动画
Flash滤镜的最大特点是滤镜效果可以应用于动画中，在补间动画的属性关键帧中改变滤镜属性值或在传统补间动画的关键帧中改变滤镜属性值，可以使滤镜效果动起来。
【例8-1】光影文字
（1）新建一个Flash文档，在属性中设置舞台大小为300×150像素。
（2）使用“文本工具”在图层1第1帧处创建文本“Flash”，在“属性”面板中设置系列Vani，大小为100点，颜色为红色。
（3）选择文本，在“属性”面板“滤镜”选项中单击“添加滤镜”按钮，添加渐变斜角滤镜。在渐变斜角“滤镜”选项中设置模糊X、模糊Y均为10像素，强度为100%，角度为45°，距离为10像素，类型为内侧，在渐变中设置渐变为白色到红色再到黑色，滤镜效果如图8-16所示。
（4）选择文本，在“属性”面板“滤镜”选项中单击“添加滤镜”按钮，添加渐变斜角投影滤镜。在投影“滤镜”选项中设置模糊X、模糊Y均为10像素，强度为100%，角度为45°，距离为10像素，颜色为黑色，效果如图8-17所示。
（5）选择文本，在“属性”面板“滤镜”选项中单击“添加滤镜”按钮，添加调整颜色滤镜。
（6）在图层1第40帧处插入关键帧，选择第1帧，执行“插入”→“传统补间”命令，在第1~40帧之间建立传统补间动画。
（7）选择第40帧处舞台上的文本，在“属性”面板“滤镜”选项中设置渐变斜角滤镜的角度为135°，投影滤镜的角度为135°，调整颜色滤镜中的色相为150，改变滤镜效果，如图8-18所示。
（8）测试动画，可见文字上的光影和阴影角度在变化，文字由红色变为绿色。
任务二 混合模式
混合模式是指某一层的图像色彩与下层图像的色彩按照特殊的运算方法进行叠加。通常上层图像会盖住下层图像的情况,其实就是属于混合模式的一种,在Flash中称为“一般”混合模式。本任务重点介绍Flash CS5中混合模式的类型及相关操作。
（一）混合模式类型
在Flash中当影片剪辑元件实例或按钮元件实例在舞台上重叠时，可以在对象上使用混合模式，创建复合图像。图像复合是改变两个以上重叠对象的透明度或颜色互相关系的过程。通过混合模式重叠一遍剪辑中的颜色，可以制作出层次丰富、具有独特效果的复合图像和动画。
混合模式包括4种元素：混合颜色、不透明度、基准颜色和结果颜色。混合模式不仅取决于要应用混合的对象的颜色，还要取决于基准颜色。混合模式只能应用于影片剪辑元件实例和按钮元件实例，如果要是为普通状态、位图、文字对象添加混合模式，需要先将其转换为影片剪辑或按钮。Flash提供了14种混合模式，其作用如下。
（1）一般：正常应用颜色，不与基准颜色发生交互。
（2）图层：层叠各个影片剪辑，而不影响其颜色。
（3）变暗：检查对象中的颜色信息，并选择基色或混合色中较暗的颜色作为结果色。比混合色亮的像素被替换，比混合色暗的像素保持不变。
（4）正片叠底：查看每个通道中的颜色信息，并将基色与混合色复合。结果色总是较暗的颜色。任何颜色与黑色复合产生黑色，与白色复合保持不变。
（5）变亮：检查对象中的颜色信息，并选择基色或混合色中较亮的颜色作为结果色。比混合色暗的像素被替换，比混合色亮的像素保持不变。
（6）滤色：用基准颜色乘以混合颜色的反色，产生漂白效果。
（7）叠加：复合或过滤颜色，具体取决于基色。图案或颜色在现有像素上叠加，同时保留基色的明暗对比，不替换基色，但基色与混合色相混以反映原色的亮度或暗度。
（8）强光：复合或过滤颜色，具体取决于混合色。此效果与耀眼的聚光灯照在图像上相似。如果混合色比50%灰色亮，则图像变亮，就像过滤后的效果，这对于向图像添加高光非常有用。如果混合色比50%灰色暗，则图像变暗，就像复合后的效果。这对于向图像添加暗调非常有用。用纯黑或纯白色绘画会产生纯黑色或纯白色。
（9）增加：在基准颜色的基础上增加混合颜色。
（10）减去：从基准颜色中去除混合颜色。
（11）差值：从基准颜色中去除混合颜色或者从混合颜色中去除基准颜色。从亮度较高的颜色中去除亮度较低的颜色，具体取决于哪一个颜色的亮度值更大。与白色混合将反转基色值；与黑色混合则不产生变化。该效果类似于彩色底片。
（12）反相：取基准颜色的反色。
（13）Alpha：透明显示基准色。该模式只能应用于上层对象，不能应用在背景对象上。
（14）擦除：擦除基准颜色像素，包括背景图像中的基准颜色像素。该模式只能应用于上层对象，不能应用在背景对象上。
要在对象上设置混合模式，需要先选定对象，在“属性”面板中的“显示”选项中单击“混合”菜单的下三角箭头，在弹出菜单的混合模式中选择要设定的混合模式即可，如图8-19所示。
（二）混合模式动画
如果在时间轴的不同关键帧中为影片剪辑元件设置不同的混合模式，可以制作出混合模式动画。由于混合模式是对两个对象计算叠加效果，所以在设置动画时无法计算补间值，只能制作逐帧动画。
【例8-2】多彩蝴蝶
（1）新建一个Flash文档，并命名为“多彩蝴蝶.fla”。
（2）将素材文件中的“蝴蝶.jpg”和“风景.jpg”文件导入到库。
（3）将“库”面板中的“风景.jpg”拖动到图层1第1帧中的舞台上，选择图片，在“属性”面板中的“位置和大小”选项中设置X为0，Y为0。
（4）将“库”面板中的“蝴蝶.jpg”拖动到图层1第1帧中的舞台上，将蝴蝶转换为影片剪辑元件。
（5）双击蝴蝶影片剪辑元件，在元件的舞台上，选择图片，执行“修改”→“位图”→“转换位图为矢量图”，将图片转换为矢量图并选择“套索”工具去除蝴蝶图片的原背景色。
（6）在图层1中的第5帧、第10帧、第15帧、第20帧、第25帧、第30帧处分别插入关键帧，在第40帧处插入帧。
（7）分别选择图层1中的第5帧、第10帧、第15帧、第20帧、第25帧、第30帧中的蝴蝶，在“属性”面板“显示”选项中依次设置混合方式为“反相”、“正片叠底”、“减去”、“强光”、“变亮”、“差值”，效果如图8-20所示。
六、上机实战
【例8-3】碧波荡漾
（1）新建一个Flash文档，并命名为“碧波荡漾.fla”。
（2）执行“插入”→“元件”，新建一个名为“波纹”的影片剪辑元件。
（3）选择“刷子”工具，在“属性”面板中设置颜色为蓝色，在舞台上绘制不规则的波纹状图形。
（4）新建一个名为“波纹上”的影片剪辑元件。在这个元件的编辑场景中，将“波纹”元件从“库”中拖放到舞台上。
（5）分别在“波纹上”影片剪辑元件图层1的第20帧、第40帧处插入关键帧，并设置动作补间运动。
（6）在第20帧处，将“波纹”元件向右斜上方向略加移动。制作完毕“波纹”将会作从下向上再向下的运动。打开“绘图纸外观”按钮可看到其移动轨迹。
（7）新建一个名为“波纹下”的影片剪辑元件。在这个元件的编辑场景中，将“波纹”元件从“库”中拖放到舞台上。
（8）分别在“波纹下”影片剪辑元件图层1的第20帧、第40帧处插入关键帧，并设置动作补间运动。
（9）在第20帧处，将“波纹”元件向左斜下方向略加移动。制作完毕“波纹”将会作从上向下再向上的运动。
（10）新建一个名为“重叠波纹”的影片剪辑元件。在这个元件的编辑场景中，将“波纹上”元件从“库”中拖放到舞台上。
（11）新建图层2，在图层2中放入“波纹下”元件。调整实例位置，使“波纹下”的位置比“波纹上”略高。
（12）新建一个名为“模糊”的影片剪辑元件。在这个元件的编辑场景中，将“重叠波纹”元件从“库”中拖放到舞台上。
（13）打开“属性”面板，选择“滤镜”选项，单击“添加滤镜”按钮，添加模糊滤镜，设置模糊滤镜参数选项。
（14）返回到“场景”中，将“图层1”命名为“背景”，选择“矩形”工具，在“属性”面板中设置笔触颜色为无色，填充颜色为深蓝色，绘制一个和舞台一样大小的矩形。
（15）新建图层2，命名为“波纹”，将“模糊”影片剪辑元件拖放到舞台。
（16）新建图层3，命名为“遮罩”，选择“矩形”工具，在“属性”面板中设置笔触颜色为无色，填充颜色为绿色，绘制一个和舞台一样大小的矩形。
（17）选择“遮罩图层”，鼠标右键单击弹出的快捷菜单中选择“遮罩层”，并将“背景”图层拖入遮罩层，称为“被遮罩层”。
（18）新建图层4，命名为“文字”，选择“文本”工具，在“属性”面板中设置系列为“华文行楷”，大小为80，颜色为白色，在舞台上输入“碧波荡漾”。
（19）选择文本，在“属性”面板中选择“滤镜”选项，单击“添加滤镜”按钮，添加投影滤镜，设置投影滤镜参数选项。
（20）执行“文件”→“导入”→“导入到库”，将素材“荷花”导入到库。
（21）新建图层4，打开“库面板”，将荷花拖入舞台，放入合适位置。
（22）保存并测试动画，动画效果如图8-29所示。
PAGE

展开更多......

收起↑