Photoshop基础与实例教程5-31

第5篇 综合实例 第31章 Photoshop和Illustrator精彩实例 第5篇 综合实例 前面已经对本书所提到的四种平面设计软件的具体使用方法作了详细介绍，从中可以看出各种软件所具有的优点。Photoshop6.0适用于位图处理，拥有强大的滤镜功能，Illustrator9.0则具有强大的矢量图绘制功能，FreeHand 10中的Xtras增强工具适用于特效制作，而Pagemaker 6.5C则适用于排版。每种软件都可以完成平面设计的大部分工作，但同样的处理工作使用不同的软件将会有完全不同的效果。综合使用以上四种软件，熟练地在它们之间进行切换可以给平面设计带来极大的方便。 本篇将通过实例的具体制作过程介绍如何综合使用这四种软件。本篇所提供的几个实例仅仅介绍了一个思路，要达到熟练掌握的程度还需要读者通过大量实践积累经验。 第 章 Photoshop和Illustrator精彩实例 教学重点与难点 · 图像的合成 · 使用滤镜处理图像 · 使用Pathfinder（路径寻找器） · 使用文本工具 这个例子是结合Photoshop和Illustrator的功能制作一张邮票。邮票的外形、字体等在Illustrator中制作，而邮票中间的图像处理则在Photoshop中进行，然后把Photoshop中处理过的位图图像导入Illustrator中即可。 这个实例的制作过程中充分体现了矢量图形处理软件和位图图像处理软件的区别，比如在Photoshop进行的图像合成在Illustrator中就很难实现，同样Photoshop也不能制作Illustrator中那样精美的路径，对路径的处理Illustrator则是更胜一筹。 虽然这个实例没有使用到Photoshop和Illustrator的所有功能，笔者只是起了一个抛砖引玉的作用。希望用户能够多摸索，利用这两个图形图像处理软件制作出更为精彩的实例来。 图31-1 制作的一张邮票 31.1 使用Photoshop处理图像 本节将介绍如何使用Photoshop 制作邮票中的图案。 单击【文件】菜单中的【新建】命令，打开【新建】对话框，如图31-2所示，在此对话框中设置新建文件的图像名称、大小、分辨率和背景颜色等。设置图像的名称为“邮票位图处理”，大小和分辨率如图31-2所示。 图31-2 “新建”对话框 单击【文件】菜单中的【打开】命令或者用鼠标双击屏幕上的空白区域，这时候即可出现一个【打开文件】对话框，在此先选择长城图案和毛主席 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 词，如图31-3(a)所示。 选择工具箱中的【面罩】工具在打开的图像文件中选择一个矩形区域，单击【编辑】菜单中的【复制】命令，将选择的部分保存到剪贴板中去。 单击【窗口】菜单最下一栏中的“邮票处理位图”命令，即可打开新建的“邮票处理位图”文件。在Photoshop中，用户打开的文件在【窗口】菜单的最下一栏都会有显示，用户可以使用其切换打开的各个图像文件。然后单击【编辑】菜单中的【粘贴】命令，把刚才复制的区域招贴到新建的文件中去，如图31-3(b)所示，并且可以从【图层】控制面板中可以看到多了一个图层，默认的图层名为“图层1”。为了方面，选择这个图层，单击【图层】面板菜单中的【图层属性】命令，把图层名称更改为“长城”，如图31-4所示。 这幅图像是被用作邮票图案的背景图像的。下面我们打开主题图像，即“四大古都”的代表图像。打开图像的方法和刚才打开背景图像时一样，用户可以一起打开四个文件，也可以在编辑的时候一个一个地打开。打开的图像如图31-5所示。 下面来添加图案。选中西安的那张图像，那是西安城楼的古钟，代表西安悠久的文化。单击工具箱中的“面罩”工具，拖动鼠标即可选择一个区域，然后把它粘贴到新建的文件中，如图31-6所示。 图31-3(a) 打开的图像文件 图31-3(b) 粘贴的图像 图31-4 “图层”控制面板 图31-5 打开的四幅图像 图31-6 新添加的城楼古钟图 通过【窗口】菜单切到雅典的“宙斯神庙”文件，单击工具箱中的【面罩】工具，把“宙斯神庙”的图像招贴到新建的文件中。 使用同样的方法把“金子塔和狮面人像”图也粘贴到新建文件图像中，如图31-8所示。可以看到这个图像要比其它招贴的图像大一些，所以它已经遮盖了其它粘贴的图像。 添加最后一个图像文件，那就是古罗马遗迹，使用同样的方法即可把古罗马遗迹添加到新建的图像文件中，如图31-9所示。 图31-7 粘贴的雅典宙斯神庙 图31-8 粘贴的金字塔和狮面人 下面来编辑这些粘贴的图像文件，首先选中“长城”图层，使用面罩工具选择图层中的部分区域，然后单击【选择】菜单中的【反转】命令将选区反转，单击【选择】菜单中的【羽化】打开一个对话框，在对话框中设置羽化值为15pt（像素），如图31-10所示。 图31-9 粘贴的古罗马遗迹图像 图31-10 “羽化选区”对话框 在Photoshop 中，选区是一个非常重要的概念，它就如同向量图形处理软件中的对象选择一样。向量图像是以锚点为单位进行图像处理的，可以说选中了图像中的所有的锚点就选中了整个向量对象；位图则不是，用户选择位图对象时只能以区域的方式进行选择，可以这么说，位图选择是其像素点，而且处理位图图像的选区时一般是在一个图层中进行的。 制作好羽化的选区后，按下Delete键两到三次，即可得到如图31-11所示的模糊选区的效果。这就是初步制作的背景图形的情况。下面来处理主题图像。 首先我们来处理里面尺寸最大的粘贴图像。单击【窗口】菜单中的【显示图层】命令显示【图层】控制面板，然后在图层面板中使得除了“金字塔和狮面人像”层和背景层外的图层都不可见。然后选择工具箱中的套索工具，在此图层中选择主体部分图像，如图31-12所示。 在Photoshop中，当图像文件包含很多层时，如果需要对某一个图层进行编辑的话，则可以先使得其它的图层不可见，而只显示其中要进行编辑的图层，这样用户会更容易找到要编辑的部分，避免了其它图层的干扰；但是在图像合成时则一定要使所有的图层可见，因为只有这样用户才能看出整体效果来。 图31-11 制作长城的光晕效果 图31-12 对“狮面人像”进行区域选取 如图31-12所示即为选择好的区域，单击【选择】菜单中的【羽化】命令，打开【羽化选区】对话框，设置选区的羽化值，设置完毕后单击【选择】菜单中的【反选】命令，将选区反选。然后按下Delete键两到三次，这时即可得到图像的羽化效果。 使用同样的方法可对粘贴的古罗马遗迹及宙斯神庙进行羽化效果的处理，如图31-13和31-14所示。用户需要注意的是，虽然都是使用羽化效果制作光晕，这也是图像合成时使用的最多的一种方法，但是并不是说制作过程很简单，千篇一律的。用户应根据选区的大小和图像的深浅来选择羽化值，而且在制作的过程需要不时地调整图像的不透明度，只有这样才能将各图像成功合成。 图31-13 羽化“古罗马遗迹”图像 图31-14 羽化“宙斯神庙”图像 这时候在“图层”面板中使得已经进行羽化的3个图层可见，如图31-15所示。下面要做的工作就是调整这几个图层的位置、图像的大小及不透明度等。在调整的过程中非常重要的一点就是使各个图像看起来协调，一般用户要经过多次试验才能得到满意的结果。下面的工作基本上就是对这些图像的参量进行调整。 对这3个图像进行初步的调整后即可加入“西安大钟”图像，如图31-16所示。当然，图中各个图像的位置和大小不是很合适，还须进行更为细致的工作。 图31-15 排列3个主题图像 图31-16 初步编辑四个主题图像 为了使得各个主题图像嵌合得更好，我们可以对嵌合处进行模糊处理，如图31-17所示，使用工具箱中的椭圆形工具选择一个椭圆形区域。单击【选择】菜单中的【羽化】命令对选区进行3pt的羽化。 单击【滤镜】菜单中【模糊】子菜单中的【高斯模糊】命令，打开如图31-18所示的【高斯模糊】对话框，设置“半径”值为5.1pt。 在进行图像合成时，模糊效果的使用是非常重要的。模糊一般用在各个图像的嵌合处，选择的区域可以是自由选区，也可以是椭圆形等，但在模糊前最好使用“羽化”命令对选区进行羽化，羽化后进行模糊可以使图像嵌合得更好。 图31-17 选择模糊区域 图31-18 “高斯模糊”对话框 下面给图层添加一些渲染的效果，选择“长城”图层，单击【图层】菜单中【图层样式】子菜单中的【颜色叠加】命令，这时即可出现【图层样式】对话框，如图31-19所示，在此可以设置叠加的颜色和不透明度，完成后单击【好】按钮，这时候即可看到颜色填充的效果，如图31-20所示。 图31-19 【图层样式】对话框 图31-20 添加了“叠加颜色”后的效果 下面使用工具箱中的【加深工具】和【减淡工具】对图像进行微调，主要是对“长城”图层中的字体进行加深，和主题重叠部分的图像进行减淡处理，需要注意的是这两个工具在使用时也是针对某一个图层而言的。在使用这两个工具的同时，还可以使用【图像】菜单中【调整】子菜单中的【亮度/对比度】命令进行各个图层的亮度和对比度的调整。图31-21所示即为调整中的效果，而图31-22所示即为调整后的效果。在调整的过程还用到了橡皮擦等工具，这里就不一一介绍了。 图31-21 调整的中间效果 图31-22 调整的最终效果 在Photoshop中的位图图像的编辑就已经完成了，单击【文件】菜单中的【保存】命令保存制作好的图像，文件名为“位图图像处理”。下面转入Illustrator进行邮票整体效果的编辑。 31.2 在Illustrator进行整体效果编辑 31.2.1 制作邮票的外形路径 首先绘制一个半圆。 使用Ellipse Tool工具，在按下Shift键的同时在绘图板上绘制一个圆，半径约为30磅，如图31-23所示。 激活工具箱中的Direct Selection Tool（直接选取工具），用其单击圆的四个定位点的最左边的那个，如图31-24所示，按下Delete键把其删除，则绘图板上将只剩下半个圆了，如图31-25所示。 图31-23 绘制的圆形 图31-24 选中定位点 图31-25 制作的半圆 按下Ctrl＋Shift＋A组合键取消选中任何对象，然后激活Selection Tool（选取工具），在按住Alt＋Shift键的同时单击并向下拖动这个半圆，向下拖动半圆的直径长的距离，如图31-26所示可以从Info（信息）选项板中看出来。 用户需要注意的是：在拖动时，不能拖动得太少了，一定要保证两个半圆至少是相切的关系。 图31-26 Info（信息）控制面板 图31-27 复制的半圆 然后连续多次按下Ctrl＋D组合键，这时候即可连续复制出多个一模一样的半圆，如图31-28所示。按下组合键的次数要根据邮票的大小而定。 再选中组后一个半圆，使用Windows（窗口）菜单下的Show Transform（显示转换面板）命令，打开Transform（转换）选项板，如图31-29所示。先选定半圆的左上角为原点，方法是单击Transform（转换）选项板左边那个图标，使其变黑，如图31-29所示。然后在下面的Angle（角度）数字框中键入90，设置为90度角，按下Enter键，即可出现如图31-30所示的效果。 按照第二步的方法，向右复制出一个半圆，如图31-31所示。 连续多次按下Ctrl＋D组合键，这时候即可复制出多个一模一样的半圆，如图31-32所示，同样，按下组合键的次数要根据图像的大小而定。 按照第四步的方法选中最后一个半圆，打开Transform（转换）选项板，先选择半圆的左下角为原点，然后在下面的Angle（角度）数字框中选择90度，按下Enter键，即可出现如图31-33所示的结果。 按照第二步的方法，向上复制出一个半圆，如图31-34所示。 图32-28 复制的多个半圆 图31-29 Transform（转换）调板 图31-30 旋转的半圆 图31-31 复制的旋转半圆 图31-32 复制的横向半圆形 图31-33 旋转的半圆 图31-34 复制的半圆 然后连续多次按下Ctrl＋D组合键，Illustrator会连续复制出多个一模一样的半圆，如图31-35所示。 图31-35 复制的多个半圆 按照第四步的方法，选中最后一个半圆，打开Transform（转换）选项板，先选定半圆的右下角为原点，然后在下面的Angle（角度）数字框中选择90度，按下Enter键，即可出现31-36所示的结果。 按照第二步的方法，向左复制出一个半圆，如图31-37所示。 图31-36 旋转的半圆 图31-37 复制的一个半圆 然后连续多次按下Ctrl＋D组合键，则Illustrator会连续复制出多个一模一样的半圆，如图31-38所示。 选中绘图板上所有的对象，单击Windows（窗口）菜单中的Show Pathfinder（显示路径寻找器）命令，打开Pathfinder（路径找寻器）选项板，单击其中的Combine（组合）下的Unit（结合）按钮，Illustrator会生成一个复合路径，如图31-39所示。 图31-38 基本制作成功的外框 图31-39 符合路径 选中这个符合路径单击Object（对象）菜单下的Compound Path（组合路径）子菜单中的Release（释放）命令，将这条符合路径释放为两条路径，选中外边的路径，按下Delete键将其删除，给剩下的路径设置白色的填充色，结果如图31-40所示。这时邮票的外形路径就制作完成了。 图31-40 最后完成的结果 31.2.2 添加邮票图案 单击File（文件）菜单下的Place（置入）命令，将弹出Place（置入）对话框，如图31-41所示。选择刚才使用Photoshop制作文件时存储的文件夹，选择这个文件后单击Place（置入）按钮或者双击这个文件。 图31-41 Place（置入）对话框 使用工具箱中的选择工具，根据实际的需要调整邮票图案的大小和邮票外框的大小，使之比例合适，然后将图案放入邮票的外框中，如图31-43所示。 图31-42 置入的图像 图31-43 制作邮票的雏形 31.2.3 添加文字 下面为邮票添加文字。邮票上的文字一般包括邮票的面值、发行时间、发行单位等，还有就是邮票的内容。用户可以参照一幅邮票来确定，也可以自己创作，划分各个文字的区域，使得看起来更加爽心悦目就可，如图31-44所示。 选择邮票的外形路径，单击Filter（滤镜）菜单中Stylize（风格化）子菜单下的Drop Shadow（投影）命令，将会弹出Drop Shadow（投影）对话框，如图31-45所示。设置X offset和Y offset的值为4pt，Opacity（不透明度）值为35％，然后单击OK（确定）按钮即可制作出如图31-46所示的结果来。 图31-44 添加的文字 图31-45 Drop Shadow（投影）对话框 最后调整粘贴图像的位置以及字体的大小，最后即可得到如图31-1所示的效果，这也是图像的最终效果。 图31-46 添加阴影效果 31.3 小 结 本章通过一个实例的制作介绍了怎么使用Photoshop和Illustrator这两个软件去创作。Photoshop是位图图像处理的先锋，Illustrator则在矢量图像处理上处于领先，使用这两个软件进行图形图像的创作，相信用户能够找到进行图形图像创作的新思路，开拓一片综合使用各个软件的新天地，这也是未来图像处理的一个方向。 416 415