计算机图形图像与网页制作第6章.ppt

第6章组合与创意,6.1实例一“乡情”效果图6.2实例二彩色立体字效果图6.3实例三“雾气玻璃窗”效果图6.4实例四“火焰”字效果图6.5实例五“移花接木”效果图6.6实例六“火热的激情”效果图6.7思考与练习,6.1实例一“乡情”效果图,本书第4章曾经提到使用通道(Channel)可以很方便地同时保存多个选区范围，而且，还可以利用各种绘图、编辑工具，或各种操作命令来得到选区工具很难做出的选区范围。更重要的是，我们还可以利用Photoshop所提供的强大的通道运算功能来直接生成多种特殊的选区。图像(Image)运算(Calculations)命令中提供了正常(Normal)、正片叠底(Multiply)、屏幕(Screen)、柔光(SoftLight)、强光(HardLight)、加暗(Darken)、加亮(Lighten)、相加(Add)、减去(Subtract)、差值(Difference)等19种通道运算操作，通过这些运算可以得到各式各样的通道，再回到原图施加不同的操作，会生成无穷无尽的效果，如各种常见的文字特技效果：金属字、浮雕字、水晶字、绣花字、玻璃字、燃烧字等。,下面我们就来在一幅乡村图片(如图6-1所示)上标注“乡情”文字特技效果。如图6-2所示，它的特征是以图片为基础根据文字的轮廓形成一种浮雕字，浮雕字表面是平滑的，其亮度与文字相应位置(笔画)的粗细相关，粗的地方较亮，细的地方较暗。在本例中我们主要使用的是通道功能，如图6-3所示。,图6-1乡村图片,图6-2“乡情”效果图,我们一般使用这一字效在所拥有版权的图片上加上版权信息，而且不破坏图片的整体效果。那么，假如我们有一批图片全部需要加上版权信息，是不是要对每一张图片逐一处理呢？显然不是，我们可以利用第5章学习的“动作”功能将版权制作过程录制成“动作”，如图6-4所示，然后使用“文件”“批处理”将此效果批量应用于所有图片。,图6-3通道,图6-4动作面板,下面介绍制作“乡情”图像效果的具体步骤：(1)建立一个新通道：点击调板右上角的三角形(以下简称“通道调板菜单”)，选择“新通道”命令，弹出“新通道”窗口，选项值如图6-5所示(通道名称可使用默认名“Alpha1”)。也可以直接按“通道”调板中的“新通道”按钮。(以下略)(2)复位色板：单击工具箱中的“默认前景色和背景色”按钮，将前景色设置成“黑色”，背景色设置成“白色”(以下略)。(3)建立文本图层：在“Alpha1”通道上建立白色“乡情”文字，如图6-6所示。,图6-5建立一个新通道,图6-6白色“乡情”文字,(4)复制当前通道：复制“Alpha1”通道为“Alpha1副本”(请使用缺省通道名称)，如图6-7所示。,图6-7复制当前通道,(5)扩展选区：扩展“Alpha1副本”选区，参数如图6-8所示。,图6-8扩展选区,(6)填充颜色：使用前景色(白色)填充当前选区，参数如图6-9所示。,图6-9填充颜色,(7)复制当前通道：复制“Alpha1副本”通道为“Alpha1副本2”(请使用缺省通道名称)，如图6-10所示。,图6-10复制当前通道,(8)取消选区：取消所有选区。(9)高斯模糊：执行菜单命令“滤镜”“模糊”“高斯模糊”，参数设置如图6-11所示。“Alpha1副本2”通道文字(选区)变得模糊。,图6-11高斯模糊效果,(10)浮雕效果：执行菜单命令“滤镜”“风格化”“浮雕效果”，参数设置如图6-12所示。“Alpha1副本2”通道文字(选区)产生浮雕效果(亮度越高浮雕越高)。,图6-12浮雕效果,(11)设置选区：设置选区为通道“Alpha1副本”，参数设置如图6-13所示。,图6-13设置选区,(12)进行反选：选区取反，执行“选区”“反选”命令。(13)设置前景色：使用在选区内部选取一种灰色，将其设置为前景色。(14)填充选区：使用前景色(灰色)填充当前选区，参数设置如图6-14所示。(15)取消选区：取消所有选区。(16)复制通道“Alpha1”：复制“Alpha1”通道为“Alpha1副本3”(请使用缺省通道名称)，如图6-15所示。(17)设置选区：设置选区为通道“Alpha1副本3”，参数设置如图6-16所示。,图6-14填充颜色,图6-15复制通道“Alpha1”,图6-16设置选区,(18)收缩选区：收缩当前选区，参数设置如图6-17所示。,图6-17收缩选区,(20)填充选区：使用前景色(黑色)填充当前选区，如图6-18所示。,图6-18填充选区,(21)设置选区：选区为通道“Alpha1副本3”，参数如图6-19所示。,图6-19设置选区,(22)高斯模糊：执行菜单命令“滤镜”“模糊”“高斯模糊”，参数设置如图6-20所示。“Alpha1副本3”通道文字(选区)变得模糊，笔画粗的地方较亮，笔画细的地方则较暗。,图6-20高斯模糊,(23)取消选区：取消所有选区。(24)建立通道：执行菜单命令“图像”“计算”，弹出计算设置窗口，参数设置如图6-21所示。建立通道(计算)效果如图6-22所示。,图6-21建立通道(计算)参数设置,图6-22建立通道(计算)效果,“计算”命令可以混合两个来自一个或多个源图像的单个通道。然后可以将结果应用到新图像或新通道，或现用图像的选区。不能对复合通道应用“计算”命令。“相加”和“减去”混合模式只在“应用图像”和“计算”命令中可用。增加两个通道中的像素值，这是在两个通道中组合非重叠图像的好方法。因为较高的像素值代表较亮的颜色，所以向通道添加重叠像素将使图像变亮。两个通道中的黑色区域仍然保持黑色(0+0=0)。任一通道中的白色区域仍为白色(255+“任意值”=255或更大值)。,“相加”模式用“缩放”量除像素值的总和，然后将“位移”值添加到此和数中。例如,如果需要查找两个通道中像素的平均值，应先将它们相加，再用2除且不输入“补偿值”。“缩放”因数可以是介于1.000和2.000之间的任何数字。输入较高的“缩放”值将使图像变暗。“补偿值”使您可以通过任何介于?255和+255之间的亮度值使目标通道中的像素变暗或变亮。负值使图像变暗，而正值使图像变亮。,从目标通道中相应的像素上减去源通道中的像素值。在“相加”模式中，此结果将除以“缩放”因数并添加到“补偿值”中。“缩放”因数可以是介于1.000和2.000之间的任何数字。“位移”值可以通过任何介于?255和+255之间的亮度值使目标通道中的像素变暗或变亮。,(25)选择RGB通道：选择RGB通道或在图层调板选择背景图层。(26)应用于图像：执行菜单命令“图像”“应用图像”，弹出应用图像设置窗口，参数设置如图6-23所示。“应用图像”命令可以将图像的图层和通道(源)与现用图像(目标)的图层和通道混合，最终效果如图6-24所示。,图6-23应用于图像,图6-24最终效果,6.2实例二彩色立体字效果图,在这一实例中，我们将不借助任何图片，完全以Photoshop的各种功能和滤镜来制作“彩色空间”彩色立体文字效果，如图6-25所示。,图6-25“彩色空间”文字效果,“彩色空间”动作内容如图6-26所示，其图层及通道如图6-27所示。具体操作步骤如下：(1)建立文档：建立一个新文档，参数为RGB模式、宽度16.02厘米、高度9厘米、分辨率28.346像素/厘米、白色背景。(2)填充背景：将白色背景使用黑色填充。(3)建立通道：建立一个新通道“Alpha1”。(4)设置选区：在“Alpha1”通道上设置文字选区，文字大小属性如图6-28所示，并以白色填充“彩色空间”文字选区，位置及效果如图6-29所示。,图6-26动作面板,图6-27图层及通道,图6-28建立一个新文档,图6-29设置文字选区,(5)动感模糊：选择菜单命令“滤镜”“模糊”“动感模糊”，弹出“动感模糊”对话框，参数设置如图6-30所示。“Alpha1”通道将运行为重影效果。,图6-30动感模糊,(6)查找边缘：选择菜单命令“滤镜”“风格化”“查找边缘”，“Alpha1”通道将如图6-31所示。,图6-31查找边缘,(7)选择RGB通道：单击RGB通道(或点击选择背景图层)，使背景图层成为当前编辑图层。(8)设置选区：选择菜单命令“选择”“载入选区”，弹出“载入选区”对话框，参数设置如图6-32所示，背景图层如图6-33所示。,图6-32设置选区,图6-33背景图层(选区),(9)进行反选：选择菜单命令“选择”“反选”使选区取反，效果如图6-34所示。(10)建立图层：新建图层，用于绘制与背景相分离的“彩色空间”字效，以便于进行撤消操作。(11)使用渐变色填充：使用渐变填充工具填充选区，渐变颜色可以选用名为“色谱”的彩虹预置渐变色，效果如图6-35所示。如果感觉“彩色空间”亮度不够高，可以重复这一步骤，直至满意为止。,图6-34反选效果,图6-35渐变效果,(12)设置选区：选择菜单命令“选择”“取消选择”，取消选区。“彩色空间”彩色立体文字制作完成，效果如图6-36所示。,图6-36“彩色空间”最终效果,6.3实例三“雾气玻璃窗”效果图,在5.1.2节中我们给大家介绍了Photoshop中的数十种预置图像效果。下面我们自己来创作“雾气玻璃窗”图像效果(原图如图6-37所示，效果如图6-38所示)。希望大家将制作过程保存成“动作”，如图6-39所示。作品完成后的图层和通道情况如图6-40所示。,图6-37原图,图6-38雾气玻璃窗,图6-39动作面版,图6-40图层及通道,具体操作步骤如下：(1)建立通道：新建通道，其参数设置中名称可取为“FoggyWindows-Condensation”，色彩指示为被蒙版区域，颜色为黑色。(2)制作颗粒：选择菜单命令“滤镜”“纹理”“颗粒”，弹出“颗粒”对话框，参数设置如图6-41所示。FoggyWindows通道将产生垂直颗粒纹理。(3)动感模糊：选择菜单命令“滤镜”“模糊”“动感模糊”，弹出“动感模糊”对话框，参数设置如图6-42所示。FoggyWindows通道将产生粗细不同的垂直纹理。,图6-41制作颗粒,图6-42动感模糊,(4)柔化处理：选择菜单命令“滤镜”“艺术效果”“涂抹棒”，弹出“涂抹棒”对话框，参数如图6-43所示。FoggyWindows通道的暗区柔化，使亮区变得更亮，以至失去细节。(5)高斯模糊：选择菜单命令“滤镜”“模糊”“高斯模糊”，弹出“高斯模糊”对话框，参数如图6-44所示。FoggyWindows通道的细节进一步模糊。,图6-43涂抹棒,图6-44高斯模糊,(6)调整色阶：选择菜单命令“图像”“调整”“自动色阶”，自动调整FoggyWindows通道色阶。(7)木刻效果：选择菜单命令“滤镜”“艺术效果”“木刻”，弹出“木刻”对话框，参数如图6-45所示。FoggyWindows通道产生木刻效果。(8)玻璃效果：选择菜单命令“滤镜”“扭曲”“玻璃”，弹出“玻璃”对话框，参数如图6-46所示。FoggyWindows通道产生透过玻璃看物体所特有的效果。,图6-45木刻效果选区,图6-46玻璃效果,(9)波浪效果：选择菜单命令“滤镜”“扭曲”“波浪”，弹出“波浪”对话框，参数如图6-47所示。FoggyWindows通道产生波浪状效果。,图6-47波浪效果,(10)阀值设置：选择菜单命令“图像”“调整”“阀值”，弹出“阀值”对话框，参数如图6-48所示。FoggyWindows通道变成黑白二值图(Bitmap)效果。(11)设置选区：选择菜单命令“选择”“载入选区”，弹出“载入选区”对话框，参数如图6-49所示(或在按住Ctrl键的同时，单击FoggyWindows通道)。,图6-48阀值设置,图6-49设置选区,(12)平滑选区：选择菜单命令“选择”“修改”“平滑”，弹出“平滑”对话框，参数如图6-50所示。,图6-50平滑选区,(13)选择RGB通道：单击RGB通道(或点击选择背景图层)，使背景图层成为当前编辑图层，效果如图6-51所示。,图6-51选择RGB通道,(14)调整亮度/对比度：选择菜单命令“图像”“调整”“亮度/对比度”，弹出“亮度/对比度”对话框，参数如图6-52所示。(15)进行反选：选择菜单命令“选择”“反选”使选区取反。(16)调整亮度/对比度：再次选择菜单命令“图像”“调整”“亮度/对比度”，弹出“亮度/对比度”对话框，参数如图6-53所示。,图6-52亮度/对比度(一),图6-53亮度/对比度(二),(17)高斯模糊：选择菜单命令“滤镜”“模糊”“高斯模糊”，弹出“高斯模糊”对话框，参数如图6-54所示，背景图像的细节变得模糊。(18)设置选区：选择菜单命令“选择”“取消选择”，取消选区。(19)产生干画笔效果：选择菜单命令“滤镜”“艺术效果”“干画笔”，弹出“干画笔”对话框，参数如图6-55所示。背景图像产生使用干画笔技术(介于油彩和水彩之间)绘制图像边缘后的效果。,图6-54高斯模糊,图6-55干画笔,(20)进一步模糊：选择菜单命令“滤镜”“模糊”“进一步模糊”。(21)绘画涂抹：选择菜单命令“滤镜”“艺术效果”“绘画涂抹”，弹出“绘画涂抹”对话框，参数如图6-56所示。效果图如图6-57所示。,图6-56绘画涂抹,图6-57“雾气玻璃窗”最终效果,6.4实例四“火焰”字效果图,在这一实例中，我们同样将不借助任何图片，完全以Photoshop的各种功能和滤镜来制作一幅美丽的火焰字效果图片，如图6-58所示。这在制作之前是很难想象得到的，随着制作的不断深入，我们会越来越深刻地体会到Photoshop的图像处理功能的强大和使用Photoshop所展现的无穷魅力。,图6-58美丽的“火焰”,下面介绍制作“火焰”字效果图的具体步骤：(1)新建文档：新建一文档文件，参数如图6-59所示。(2)填充图层：以黑色填充当前图层(背景层)，参数如图6-60所示。,图6-59新建的文档文件参数设置,图6-60填充,(3)建立文本图层：用文字工具建立一文字层(如“火焰”)，文字颜色为白色。(4)设置选区：将文字层设置为浮动(按住Ctrl的同时使用鼠标点击“火焰”层)。(5)存储选区：选择菜单命令“选择”“存储选区”保存选区，弹出“存储选区”对话框，参数如图6-61所示(请使用缺省设置)。图6-62中的通道Alphal即为存储后的选区。,图6-61存储选区,图6-62选区存储为通道Alphal,(6)旋转第一文档：选择菜单命令“图像”“旋转画布”，参数如图6-63所示。(7)栅格化当前图层：选择菜单命令“图层”“栅格化”“文字”使文字层变为图层。(8)制作风效果：选择菜单命令“滤镜”“风格化”“风”，参数如图6-64所示。然后，对当前图层进一步施加“风”滤镜。如果有必要可再一次施加“风”滤镜。,图6-63旋转第一文档,图6-64风,(9)旋转第一文档：选择菜单命令“图像”“旋转画布”，参数如图6-65所示。(10)选择通道“Alpha1”：选择菜单命令“选择”“载入选区”，参数如图6-66所示。(11)进行反选：选择菜单命令“选择”“反选”。,图6-65旋转第一文档,图6-66选择通道“Alpha1”,(12)高斯模糊：选择菜单命令“滤镜”“模糊”“高斯模糊”，弹出“高斯模糊”对话框，参数如图6-67所示。(13)制作波纹效果：选择菜单命令“滤镜”“扭曲”“波纹”，弹出“波纹”对话框，参数如图6-68所示。(14)转换模式：选择菜单命令“图像”“模式”“灰度”(拼合图层)。(15)设置选区：取消所有选择(“选择”“取消选择”)。(16)转换模式：选择菜单命令“图像”“模式”“索引颜色”。,图6-67高斯模糊,图6-68波纹,(17)设置颜色表：选择菜单命令“图像”“模式”“颜色表”，弹出“颜色表”对话框，参数如图6-69所示(选择“黑体”颜色表)。(18)转换模式：选择菜单命令“图像”“模式”“RGB颜色”。(19)设置选区：选择菜单命令“选择”“载入选区”，参数如图6-70所示。(20)设置前景色：设置前景色为“明黄色”。,图6-69颜色表,图6-70设置选区,(21)填充图层：将前景色(明黄色)填充到当前图层选区，参数如图6-71所示。(22)设置选区：取消选区，“火焰”制作完成，效果如图6-72所示。,图6-71填充,图6-72“火焰”最终效果,6.5实例五“移花接木”效果图,在动作中可记录大多数(而非所有)命令。可以记录用选框、移动、多边形、套索、魔棒、裁切、切片、魔术橡皮擦、渐变、油漆桶、文字、形状、注释、吸管和颜色取样器工具执行的操作，也可以记录在“历史记录”、“色板”、“颜色”、“路径”、“通道”、“图层”、“样式”和“动作”调板中执行的操作。动作无法记录绘画和上色工具、工具选项、视图命令和窗口命令。,下面我们将要讲述的“移花接木”由于上述原因将无法记录成“动作”，因此“动作”不是万能的，它仅仅能提高创作效率，但不要指望它能代替创作。图6-73是“移花接木”的效果图，其制作过程如下：(1)准备一幅“男明星”图片(如图6-74所示)及一幅“女明星”图片(如图6-75所示)，我们将使用Photoshop进行图像处理，即使图片中“女明星”的头部替换“男明星”的头部，形成“Whoisshe？”的“移花接木”效果图。,图6-73“移花接木”效果,图6-74男明星,图6-75女明星,(2)打开“男明星”广告招贴画(图6-74)及“女明星”图片(图6-75)。(3)在“男明星”上设置参考线，如图6-74所示。(4)拖放“女明星”图片到“男明星”图片上(图层1)，如图6-76所示。(5)删除“女明星”图片中头部以外的部分：使用套索工具选中“女明星”的头部，反选选区，然后按键盘上的Delete键删除选中区域。(6)缩放“女明星”：将“女明星”图层缩放为合适的尺寸(头部在上下参考线内)，如图6-76所示。,图6-76拖放“女明星”到“男明星”,(7)在“女明星”图层上添加“图层蒙版”。选择菜单命令“图层”“添加图层蒙版”“隐藏全部”，这时“女明星”图层将完全隐藏，背景图层(“男明星”)完全显现，图层调板如图6-77所示。,图6-77在“女明星”图层上添加“图层蒙版”,(8)编辑“女明星”图层蒙版。在确保“女明星”图层眼睛图标旁的编辑图标为，而不是(如果不对，可单击该图层的图层蒙版缩略图标)的情况下，执行下