Photoshop平面设计案例教程 - 万水书苑-出版资源网

全文

(1)第 4 章 Photoshop CS3 图层操作与运用. 4.1. 基本图层操作与运用. 可以将图层看作一张一张独立的透明胶片，在每一个图层的相应位置创建组成图像的一部分内容，所有图层层叠放置在一起，就合成了一幅完整的图像。图层越多，对图像进行操作的灵活性越大，因此要灵活运用 Photoshop 对图层进行分层管理的方式，方法之一就是尽可能创建需要的图层。 4.1.1 实例——运用图层基本功能属性配置室内效果图本实例通过对效果图添加植物及人物，丰富了画面的前景、中景及远景，体现了一种艺术的整体美，如图 4-1 所示。. 图 4-1. 室内效果图. （1）启动 Photoshop CS3，执行“文件”→“打开”命令，弹出“打开”对话框，选择需要修改的图片，单击“确定”按钮，如图 4-2 所示。. 图 4-2. 需要修改的图片. （2）执行“文件”→“打开”命令，弹出“打开”对话框，选择需要添加的图片，单击 “确定”按钮，如图 4-3 所示。.

(2) 第4章. Photoshop CS3 图层操作与运用. 137. （3）选择移动工具，如图 4-4 所示。. 图 4-3. 打开需要添加的图片. 图 4-4. 移动工具. （4）使用移动工具直接将打开的“植物.psd”文件拖曳至效果图中，然后执行“编辑” →“自由变换”命令，按住 Shift 键拖曳鼠标，可以等比例缩小图片，如图 4-5 所示。. 图 4-5. 等比例缩小图片. （5）选定植物上面的白色区域并将其删除。选择魔棒工具，在魔棒工具属性栏中取消对 “连续”复选框的选中，这样就可以选择所有在该植物图层上的所有白色，使用魔棒工具在植物图层上的白色位置单击，形成选区，按 Del 键删除，如图 4-6 所示。. 图 4-6. 删除植物图层上的白色区域. （6）使用移动工具直接将打开的“人物.psd”文件拖曳至效果图中，然后执行“编辑” →“自由变换”命令，按住 Shift 键拖曳鼠标，可以等比例缩小图片，如图 4-7 所示。（7）查看浮动图层面板，看到整个画面由 4 个图层组成，如图 4-8 所示。.

(3) 138. Photoshop 平面设计案例教程. 图 4-7. 将人物添加至效果图中. 图 4-8. 查看浮动图层面板. （8）复制图层。首先选择图层浮动面板中的图层 4，将其拖曳至图层浮动面板的“创建新图层”按钮上即可复制，或者右击，在弹出的快捷菜单中选择“复制图层”命令，如图 4-9 所示。. 图 4-9. 复制图层 4. （9）制作投影效果，选择图层 4 副本，选择“编辑”→“变换”→“垂直翻转”命令，再使用移动工具将图层 4 副本移动到合适位置，如图 4-10 所示。. 图 4-10. 制作投影效果.

(4) 第4章. Photoshop CS3 图层操作与运用. 139. （10）选择图层 4 副本在图层浮动面板中将“不透明度”改为“30％”，如图 4-11 所示。. 图 4-11. 完成投影效果. （11）用同样的方法制作其他人物的投影，如图 4-12 所示。. 图 4-12. 制作其他人物的投影. （12）刻画细节，完成效果如图 4-13 所示。. 图 4-13. 完成效果. 4.1.2 “图层”菜单的基本功能 “图层”菜单的基本功能是创建和调整图层。图层类似于图像上面的一个不可见平面内塑造的一张大纸。“图层”菜单中的一些命令也可以在图层调板中找到，如“新建” 、“复制图层”、“删除图层”和“图层内容”等，如图 4-14 所示。.

(5) 140. Photoshop 平面设计案例教程. 图 4-14. “图层”菜单. （1）分层管理。应用图层的分层管理特性，可以非常方便地改变处于不同图层上的对象，而不会影响其他图层，从而可以尝试各种图层的复合设计，得到不同的效果。图层的特性首先包括非常好的独立可操作性，可由于以针对每一张透明胶片即图层进行不同的操作，也可以删除旧的图层或增加新的图层。正是其独特的独立特性，使我们能够组合不同的图像，得到千变万化的效果。（2）透明特性。图层最基本的特性是透明，即透过上面图层的透明部分，能够看到下方图层的图像效果。在 Photoshop CS3 中，图层的透明部分是以灰白相间的方格来表现的。利用透明的特性，在其他图层进行绘制时并不会如盲人摸象般找不到整体感觉，反之通过显示或隐藏这些透明图层，能够对图层的整体有更好的把握。（3）合成特性。合成是图层的第 3 个特性，其意义在于图层可以使用各种不同的叠加方法及控制选项得到不同的合成效果，最为简单的是改变图层的“不透明度”及“填充透明度”。在观察分层的图像时，最终效果是由一个个图层叠加在一起产生的，由于透明图层除图像外的区域（在图中以灰白格显示）都是透明的，因此在叠加时，可以透过其透明区域观察到该图层下方的图层，由于背景图层不透明，因此观察者的视线在穿透所有透明图层后，会停留在背景图层上，并最终产生所有图层叠加在一起的视觉效果。图层同时也可以在图层浮动调板中建立、修改、编辑、删除。（4）图层的混合模式。在图层操作中，混合模式决定的是当前层的像素与它下面图层像素的合成模式。“混合模式”下拉列表中列举了 23 种合成模式，如图 4-15 所示。  “正常”：当透明度设定为 100％时，该合成模式将显示当前层，且该层的显示不受其他层的影响。而当透明度的设定值小于 100％时，当前层所有像素点的颜色都将受到其他层的影响，根据当前层的不透明度和其他层的色彩来确定显示的颜色。  “溶解”：该模式用于控制层与层之间的融合显示，对于有羽化边缘的层影响很大，最终效果受到当前层的羽化程度和不透明度的共同影响，因而在没有羽化边缘或不透明的情况下，该项不起作用。在当前图层中的图像出现透明像素的情况下，依据图像中透明像素的量显示出颗粒化效果。  “变暗”：该模式只对当前层中比它下面层中对应像素暗的像素起作用，系统将图像.

(6) 第4章. .        . Photoshop CS3 图层操作与运用. 141. 中所有通道中的颜色进行比较后，以上方图层中较暗的像素代替下方图层与之相对应的较亮像素，且用下方图层中的较暗区域代替上方图层中的较亮区域，整体叠加后整图较暗。 “正片叠底” ：该模式将两层颜色相乘并除以 255，形成一种光线透过两张叠加在一起的幻灯片的效果，呈现比上下两个图层的颜色都要暗些的效果，但可以为较亮的图像增加细节。 “颜色加深” ：用于加深图像的颜色，通常用于创建非常暗的阴影效果，或者降低图像的局部亮度。 “线性加深” ：计算每个通道的颜色信息，加暗所有通道信息，并通过提高其他颜色的亮度来反映混色，对白色无效。 “变亮”：该模式与“变暗”相反，只对当前层中比它下层图像对应像素亮的像素点起作用，系统比较通道颜色的数值后，将亮的像素调整至比原色调更亮。 “滤色”：此项在整体效果上显示由上方图层及下方图层的像素值中较亮的像素合成的图像效果，通常用于图层合并显示下方图层的高光部分。 “颜色减淡” ：该模式可以生成非常亮的合成效果，其原理为将上方图层的像素值与下方图层的像素值进行计算，达到光源中心点极亮的效果。 “线性减淡” ：查看所有颜色通道，加亮所有通道基色，并通过降低其他颜色的亮度来反映混合颜色，对黑色无效。 “叠加”：该模式根据底层的颜色，将当前层的像素进行相乘或覆盖，使当前层变亮，对中间色调影响较明显，而对下方图层的高亮度的区域和阴影区域则影响不大。 “柔光”：该模式将高亮度区域变暗，而使暗调区域变亮，减小它们之间的反差，具体变化的程度取决于像素的明暗程度，如果上方图层的像素比 50%灰色亮，则图像变亮；反之则变暗，得到一种用柔和光线照射的效果。. 图 4-15. 图层的混合模式.

(7) Photoshop 平面设计案例教程. 142    .  .     . “强光”：该模式与“柔光”模式相反，高亮度区域将更亮，暗度区域则变得更暗，结果使反差进一步增大，得到一种强烈光线照射的效果。 “亮光”：如果混合色比 50%灰度亮，则通过降低对比度来加亮图像；反之，通过提高对比度来使图像变暗（灰）。 “线性光”：如果混合色比 50%灰度亮，图像通过降低对比度来加亮图像；反之，通过降低对比度来使图像变暗（灰）。 “点光”：通过置换颜色像素来混合图像，如果混合色比 50%灰度亮，比原图像暗的像素会被置换，而比原图像亮的像素无变化；反之，比原图像亮的像素会被置换，而比原图像暗的像素无变化。 “实色混合” ：此模式可以创建一种具有较硬边缘的图像效果，类似于多块实色相混合。 “差值”：该模式单纯地反转图像，其形成的效果取决于当前层和底层像素值的大小。当不透明度值设定为 100％时，当前层中的白色将全部反转，而黑色的区域保持不变，介于黑白之间的部分则做相应的阶调反转。 “排除”：该模式由亮度决定从当前层中减去的是底层色还是目标色，它的效果比“差值”模式柔和。 “色相”：选择此模式，最终图像的像素值将由下方图层的“亮度”和“饱和度”值及上方图层的“色相”值构成。 “饱和度”：该模式将把当前层中的饱和度与下面层中的色相亮度结合起来，形成特殊的效果。 “颜色”：该模式保留当前层的色相饱和度，且只与下面层的亮度值进行混合。 “亮度”：该模式保留当前层的亮度值，而将下面层的色相饱和度进行合成，因而效果与颜色模式相反。. 4.2. 新建与删除图层. 选择“图层”→“新建”命令，可以执行建立新图层、图层背景、图层组、从图层建立组等各项图层操作。选择“图层”→“新建”命令，如图 4-16 所示。. 图 4-16. “新建”菜单. 4.2.1 建立普通图层选择“图层”→“新建”→“图层”命令，弹出“新建图层”对话框，如图 4-17 所示。  “名称”：在此文本框中输入新图层的名称。  “不透明度” ：此数值用于设置新图层的不透明度。  “颜色”：在此下拉列表中可以选择一种用于新图层的颜色。  “模式”：在此下拉列表中选择新图层的混合模式。.

(8) 第4章. Photoshop CS3 图层操作与运用. 143. 单击“确定”命令按钮即可创建一个新图层。. 图 4-17. “新建图层”对话框. 4.2.2 建立图层背景选择“图层”→“新建”→“图层背景”命令，即可为当前图像建立一个 Photoshop CS3 默认空白图层背景，如图 4-18 所示。. 图 4-18. 建立图层背景. “名称”：在此文本框中输入背景图层的名称。  “颜色”：在“颜色”下拉列表中可以选择一种用于背景图层的颜色。  “模式”：在此下拉列表中选择新图层的混合模式。  “不透明度” ：此数值用于设置新图层的不透明度。单击“确定”按钮即可创建一个新图层。 . 4.2.3 建立组图层通过使用图层组能够将若干个相似图层组合在一起，从而提高图层调板的使用效率。选择“图层”→“新建”→“组”命令，弹出“新建组”对话框，如图 4-19 所示。. 图 4-19. “新建组”对话框. 在对话框中可以设置新图层组的“名称”、“颜色”、“模式”及“不透明度”等选项，设置完选项后单击“确定”按钮，即可创建新图层组。 4.2.4 从图层创建组可以通过选择多个图层（按住 Ctrl 键即可在图层浮动面板中选择多个需要编辑的图层）创建一个新的图层组，并使这些被选择层包含在图层组中。选择多个图层后，选择“图层”→ “从图层建立组”命令，即可将这些被选择的图层编入一个新的组中。“从图层新建组”对话框如图 4-20 所示。.

(9) Photoshop 平面设计案例教程. 144. 图 4-20. “从图层新建组”对话框. 4.2.5 删除图层可以使用删除图层的方式来对不需要的图层进行删除操作。（1）选择图层或者隐藏图层，执行“图层”→“删除”→“图层或隐藏图层”命令可以对当前选择的图层或者隐藏图层进行删除，如图 4-21 所示。（2）在浮动图层面板中选择图层，按 Del 键删除，或者直接将其拖至浮动图层面板中的垃圾桶（删除图层）中即可删除，如图 4-22 所示。. 图 4-21. 删除图层. 图 4-22. 垃圾桶. 4.2.6 图层属性选择“图层”→“图层属性”命令，弹出“图层属性”对话框，可以对当前选择的图层进行颜色指定，如图 4-23 所示。. 图 4-23. 4.3. 指定图层颜色. “图层样式”命令的运用. 4.3.1 实例——使用“图层样式”命令制作百事可乐商标使用“图层样式”中的特殊效果制作立体的文字效果，如图 4-24 所示。.

(10) 第4章. Photoshop CS3 图层操作与运用. 图 4-24. 文字的立体效果. （1）选择“文件”→“新建”命令，新建一个背景页面，单击新建图层按钮个透明图层 1，如图 4-25 所示。. 图 4-25. 145. ，建立一. 新建一个透明图层 1. （2）选择工具箱文字工具，选择“黑体”书写“百事可乐”，选择“图层”→“文字” →“转换为形状”命令，将文字转换成为矢量图形，使用直接选择工具，选择锚点进行编辑，如图 4-26 所示。. 图 4-26. 编辑文字. （3）选择背景图层，在工具箱中将前景色调整为蓝色，背景色调整为白色，选择“滤镜” →“渲染”→“分层云彩”命令（可以多次执行“分层云彩”命令以得到一个适合的云彩效果）, 如图 4-27 所示。. 图 4-27. 云彩效果.

(11) Photoshop 平面设计案例教程. 146. （4）选择图层 1，双击图层缩览图，弹出“拾取实色”对话框，选择“白色”，单击“确定”按钮，如图 4-28 所示。. 图 4-28. 基本效果. （5）使用“图层样式”命令，制作文字特殊效果，单击图层缩览图选择图层 1，单击图层浮动面板的“添加图层样式”按钮，如图 4-29 所示。. 图 4-29. “添加图层样式”按钮. （6）在“添加图层样式”菜单中选择“投影”设置对话框，如图 4-30 所示，单击“确定” 按钮。. 图 4-30. 投影效果如图 4-31 所示。. 设置“投影”样式命令对话框.

(12) 第4章. Photoshop CS3 图层操作与运用. 图 4-31. 147. 投影效果. （7）新建图层 2，按 Shift 键选中图层 1，执行“图层”→“向下合并”命令将图层 1 变为普通图层，如图 4-32 所示。. 图 4-32. 合并图层 1 与图层 2. （8）选择“投影”设置对话框，如图 4-33 所示，单击“确定”按钮。. 图 4-33. 完成文字效果. 最终效果如图 4-34 所示。. 图 4-34. 最终效果.

(13) 148. Photoshop 平面设计案例教程. 4.3.2 调用“图层样式”命令在“图层”菜单下的“图层样式”子菜单中提供了多达 10 种的不同效果，包括投影、内阴影、外发光、内发光、斜面和浮雕、光泽、颜色叠加、渐变叠加、图案叠加和描边等。在“图层样式”对话框中可以对这些特效进行调整，以达到需要的效果。另外，还可以设定“混合选项”，并且自定义一些图层样式。此外，“样式”调板让用户可以随时调用、存储、预览或删除任何一个样式。图层样式同样可以在图层浮动面板中选择，图层浮动面板是整个图层命令的一个集中的快捷选择方式，如图 4-35 所示。. 图 4-35. “图层样式”命令. 4.3.3 “图层样式”命令的使用在“图层样式”对话框的左侧面板中列出了各种特殊的图层效果，如果要进一步编辑该效果，可单击该名称，在右侧的面板中就会显示对应的调节项。在“图层样式”对话框中共集成了 10 个各具特色的图层样式，如图 4-36 所示。 “图层样式”命令对话框在结构上分为以下 3 个区域：①样式列表区域，在该区域中列出了所有的图层样式，如果要同时应用多个图层样式，只需选中图层样式名称左侧的复选框即可，如果要对某个图层样式的参数进行编辑，直接单击该图层样式的名称，即可在对话框中间的参数控制区域显示出其参数；②参数设置区域，在选择不同图层样式的情况下，该区域会即时显示出与之对应的参数；③预览区域，该区域可以预览所设置的所有图层样式叠加在一起时的效果。删除某个图层样式只需取消对该图层样式的选取（使内的“√”去掉）即可删除该图层样式。. 图 4-36. “图层样式”对话框.

(14) 第4章. Photoshop CS3 图层操作与运用. 149. 4.3.4 实例——使用“投影”图层样式命令制作人物阴影选择图片中的人物，选择“图层”→“图层样式”→“投影”命令，为人物添加一个背景投影，如图 4-37 所示。（1）启动 Photoshop CS3，执行“文件”→“打开”命令，弹出对话框，选择需要修改的文件，单击“确定”按钮，如图 4-38 所示。. 图 4-37. 人物阴影. 图 4-38. 打开需要修改的 PSD 文件. （2）将背景图层转换为普通图层。打开 JPG、GIF、BMP 等格式的图像文件时，在图层面板中都只有一个背景图层，由于无法对背景图层进行移动和变换等编辑操作，因此需要将其转换为普通图层。要将背景图层转换为可编辑的普通图层，只需在图层面板中双击名为“背景” 的图层，打开“新图层”对话框，再单击“确定”按钮，即可将背景图层转换为普通图层，如图 4-39 所示。（3）选择工具箱中的魔棒工具，单击画面空白处，选择白色，再右击，在弹出的级联菜单中选择“选择反向”命令，即可将人物选中，如图 4-40 所示。. 图 4-39. 将背景图层转换为普通图层. 图 4-40. 将人物选中. （4）在选取状态下执行“编辑”→“复制”命令，再执行“编辑”→“粘贴”命令，创建一个单独的人物图层，如图 4-41 所示。. 图 4-41. 创建一个单独的人物图层.

(15) Photoshop 平面设计案例教程. 150. （5）选择图层 1，执行“图层”→“图层样式”→“投影”命令，如图 4-42 所示。. 图 4-42. 进行投影. 4.3.5 “投影”图层样式命令选择“图层”→“图层样式”→“投影”命令，或者单击图层调板底部的“添加图层样式”按钮，在弹出的菜单中选择“投影”命令，弹出“投影”设置对话框，如图 4-43 所示。. 图 4-43       . “投影”样式命令对话框. “混合模式” ：在此下拉列表中，可以为投影选择不同的混合模式，从而得到不同的投影效果。单击右侧的颜色块，可以在弹出的拾色器对话框中为投影设置颜色。 “不透明度” ：在此数值框中可以输入一个数值定义投影的不透明度。数值越大，则投影效果越清晰；反之越模糊。 “角度”：在此拨动角度轮盘的指针或输入数值，可以定义投影的投射方向。如果“使用全局光”复选框被选中，则投影使用全局性设置；反之可以自定义角度。 “距离”：在此输入数值，可以定义投影的投射距离。数值越大，则投影的三维空间效果越明显；反之，投影越贴近投射投影的图像。 “扩展” ：在此输入数值，可以增加投影的投射强度。数值越大，则投影的强度越大。 “大小”：此参数控制投影的柔化程度。数值越大，则投影的柔化程序越大；反之，则越清晰。 “等高线”：使用等高线可以定义图层样式效果的外观，其原理类似于“图像”→“调整”→“曲线”命令中曲线对图像的调整原理。单击此下拉列表按钮，将弹出“等高线列表选择”调板，在调板中可以选择数种系统默认的等高线类型。选择不同的等高.

(16) 第4章. . Photoshop CS3 图层操作与运用. 151. 线，将得到不同的阴影效果。 “消除锯齿” ：选择此复选框，可以使应用等高线后的投影更细腻。. 4.3.6 “内阴影”图层样式命令使用“内阴影”图层样式，可以为非背景图层添加位于图层不透明像素边缘内的投影，使图层呈凹陷的外观效果，如图 4-44 所示。. 图 4-44. 内阴影图层样式效果. 4.3.7 实例——使用“外发光”图层样式命令制作 KFC 霓红灯效果选择图片中的 KFC 文字，执行“图层”→“图层样式”→ “外发光”命令，为 KFC 文字添加一个“外发光”命令，制作霓红灯效果，如图 4-45 所示。（1）启动 Photoshop CS3，执行“文件”→“打开”命令，弹出对话框，选择需要修改的文件，单击“确定”按钮，如图 4-46 所示。. 图 4-45. 制作霓红灯效果. 图 4-46. 打开需要修改的 PSD 文件. （2）在图层面板中双击名为“背景”的图层，打开 “新图层”对话框，再单击“确定” 按钮，将背景图层转换为普通图层，如图 4-47 所示。. 图 4-47. 将背景图层转换为普通图层.

(17) Photoshop 平面设计案例教程. 152. （3）新建图层，选择工具箱中的钢笔工具，在钢笔工具属性栏中将设置调整为“路径”，为 KFC 文字绘制路径，如图 4-48 所示。（4）选择“窗口”→“路径”命令，调出路径浮动面板，选择已经绘制好的“工作路径”，右击，在弹出的快捷菜单中选择“描边路径”命令，如图 4-49 所示。. 图 4-48. 为 KFC 文字绘制路径. 图 4-49. “描边路径”命令. （5）选择“描边路径”命令后弹出“描边路径”对话框，选择画笔工具，单击“确定” 按钮，如图 4-50 所示（注意设置画笔的大小及颜色，先前设置的画笔属性在这里会影响描边的效果）。得到的描边效果如图 4-51 所示。. 图 4-50. “描边路径”对话框. 图 4-51. 描边效果. （6）选择“图层”→“图层样式”→“外发光”命令，设置“外发光”对话框数据，单击“确定”按钮，如图 4-52 所示。. 图 4-52. 设置“外发光”对话框数据.

(18) 第4章. Photoshop CS3 图层操作与运用. 153. 4.3.8 “外发光”图层样式命令使用外发光图层样式可为图层增加外部发光效果。选择“图层”→“图层样式”→“外发光”命令，或者单击图层调板底部的“添加图层样式”按钮，在弹出菜单中选择“外发光” 命令，弹出“外发光”样式命令对话框，如图 4-53 所示。. 图 4-53 . “外发光”样式命令对话框. “发光方式” ：此选项可以设置两种不同的发光方式，一种为纯色光，另一种为渐变式光。在默认情况下，发光效果为纯色，如果要得到渐变式发光效果，需要在对话框中单击“渐变类型”下拉列表，并在弹出的渐变类型选择调板中选择一种渐变效果，如图 4-54 所示。. 图 4-54  . 外发光效果. “方法” ：在该下拉列表中可以设置发光的方法。选择“柔和” ，所发出的光线边缘比较“柔和”；选择“精确”，光线按实际大小及扩展度表现。 “范围”：此数值控制发光中作为等高线目标的部分或范围。数值偏大或偏小都会使等高线对光线的控制程度不明显。. 4.3.9 “内发光”图层样式命令使用“内发光”图层样式，可以为图像增加内发光的效果，如图 4-55 所示。. 图 4-55. 内发光效果.

(19) Photoshop 平面设计案例教程. 154. 4.3.10 实例——使用斜面与浮雕图层样式命令制作立体文字效果选择图片，输入文字，执行“图层”→“图层样式”→ “斜面与浮雕”命令，制作肯德基标志效果，如图 4-56 所示。（1）启动 Photoshop CS3，执行“文件”→“打开”命令，弹出“打开”对话框，选择需要修改的文件，单击“确定”按钮打开，如图 4-57 所示。. 图 4-56. 制作标志效果. 图 4-57. 打开图片. （2）选择工具箱中的横排文字工具，在画面合适的位置单击，调整输入法书写“肯德基” 文字，然后设置文字工具属性栏，字体为“黑体”，大小为 48，按 Enter 键确定，如图 4-58 所示。. 图 4-58. 输入文字“肯德基”. （3）选择“窗口”→“字符”命令，调出字符浮动面板，选择“仿粗体”项将文字变粗，如图 4-59 所示。. 图 4-59. 选择“仿粗体”项将文字变粗.

(20) 第4章. Photoshop CS3 图层操作与运用. 155. （4）回到图层浮动面板，选择文字图层，右击，在弹出的快捷菜单中选择“栅格化文字” 命令，如图 4-60 所示。. 图 4-60. 栅格化文字. （5）选择“图层”→“图层样式”→“斜面与浮雕”命令，设置“图层样式－斜面和浮雕”对话框，如图 4-61 所示。. 图 4-61. 设置“图层样式－斜面和浮雕”样式命令对话框. （6）单击“确定”按钮得到完成效果，如图 4-62 所示。. 图 4-62. 完成效果. 4.3.11 “斜面与浮雕”图层样式命令使用“斜面与浮雕”样式命令，可以创建具有斜面或浮雕效果的图像，选择“图层”→.

(21) Photoshop 平面设计案例教程. 156. “图层样式”→“斜面与浮雕”命令或者单击“图层”调板底部的“添加图层样式”按钮，在弹出菜单中选择“斜面与浮雕”命令，弹出“图层样式－斜面与浮雕”样式命令对话框，如图 4-63 所示。. 图 4-63    . “样式” ：可以设置各种不同的效果，分别为外斜面、内斜面、浮雕效果、枕状浮雕、描边浮雕 5 种。其中执行描边浮雕命令时，同时应选中“描边”图层样式选项。 “方法”：可选择“平滑”、“雕刻清晰”、 “雕刻柔和”3 种创建“斜面和浮雕”效果的方式。 “深度”：此参数值控制斜面和浮雕效果的深度，数值越大深度越深，反之越小。 “方向”：在此可以选择斜面和浮雕效果的视觉方向。如果选择“上”单选按钮，则在视觉上斜面和浮雕效果呈现凸起效果；选择“下”单选按钮，则在视觉上斜面和浮雕效果呈现凹陷效果。图 4-64 所示为分别选择这两个单选按钮所得到的不同效果。. 图 4-64  . . 设置“图层样式－斜面和浮雕”样式命令对话框. “图层样式－斜面和浮雕”对话框中的“方向”效果. “软化”：此参数控制斜面和浮雕效果亮部区域与暗部区域的柔和程度。数值越大，则亮部区域与暗部区域越柔和。 “高光模式” 、“阴影模式”：在这两个下拉列表框中，可以为形成斜面或浮雕效果的高光与阴影部分选择不同的混合模式，从而得到不同的效果。如果分别单击右侧颜色块，还可以在弹出的拾色器中为高光与阴影部分选择不同的颜色，因为在某些情况下，高光部分并非完全为白色，可能会呈现某种色调；同样，阴影部分也并非完全为黑色。 “光泽等高线”：等高线是用于制作特效效果的一个关键性因素，Photoshop CS3 提供了很多预设的等高线，只需选择不同的预设等高线，就可以得到非常丰富的效果。另.

(22) 第4章. Photoshop CS3 图层操作与运用. 外，也可以通过单击当前等高线的缩览图至得到满意的浮雕效果为止。. 157. ，在弹出的对话框中进行编辑，直. 4.3.12 实例——使用“光泽”图层样式命令制作戒指效果新建页面，使用椭圆选框工具建立戒指形状，执行“图层”→“图层样式”→“斜面与浮雕”命令制作外形，执行“图层”→“图层样式”→“光泽”命令制作金属折射效果，最后制作细节，如图 4-65 所示。. 图 4-65. 制作戒指效果. （1）启动 Photoshop CS3，执行“文件”→“新建”命令，弹出“新建”对话框，设置数据，单击“确定”按钮，如图 4-66 所示。. 图 4-66. “新建”对话框. （2）选择工具箱中的椭圆选框工具，设置属性栏，选择“从选区中减去”命令绘制环状选区，如图 4-67 所示。. 图 4-67. 绘制环状选区.

(23) Photoshop 平面设计案例教程. 158. （3）新建图层，选择工具箱中的油漆桶工具，为环状选区填充黑色，如图 4-68 所示。. 图 4-68. 为环状选区填充黑色. （4）选择“图层”→“图层样式”→“斜面与浮雕”命令，设置“图层样式－斜面和浮雕”对话框，如图 4-69 所示。. 图 4-69. 设置“图层样式－斜面和浮雕”命令对话框. （5）单击“确定”按钮，效果如图 4-70 所示。. 图 4-70. 环状选区立体效果. （6）选择“图层”→“图层样式”→“光泽”命令，设置“图层样式－光泽”对话框，如图 4-71 所示。.

(24) 第4章. 图 4-71. Photoshop CS3 图层操作与运用. 159. 设置“图层样式－光泽”命令对话框. （7）单击“确定”按钮，效果如图 4-72 所示。. 图 4-72. 光泽效果. （8）选择背景图层，执行“滤镜”→“渲染”→“光照效果”命令制作背景特效，衬托出戒指效果，如图 4-73 所示。. 图 4-73. 最终效果. 4.3.13 “光泽”图层样式命令使用“光泽”图层样式，可以在图层内部根据图层的形状应用投影，通常用于创建光滑的磨光、金属效果及提亮画面，选择“图层”→“图层样式”→“光泽”命令或者单击图层调.

(25) Photoshop 平面设计案例教程. 160. 板底部的“添加图层样式”按钮，在弹出的快捷菜单中选择“光泽”命令，弹出“光泽”对话框，如图 4-74 所示。. 图 4-74      . . “光泽”样式命令对话框. “混合模式” ：在此下拉列表中，可以为投影选择不同的混合模式，从而得到不同的光泽叠加效果。单击右侧颜色块，可以在弹出的拾色器对话框中为投影设置颜色。 “不透明度” ：在此可以输入一个数值定义光泽叠加的不透明度。数值越大，则光泽叠加效果越清晰，反之越淡。 “角度”：在此拨动角度轮盘的指针或输入数值，可以定义光泽叠加的投射方向。 “距离”：在此输入数值，可以定义光泽叠加的投射距离。 “大小”：此参数控制光泽叠加的范围程度大小。数值越大，则光泽叠加的范围越大；反之越小。 “等高线”：使用等高线可以定义图层样式效果的外观，其原理类似于“图像”→“调整”→“曲线”命令中曲线对图像的调整原理。单击此下拉列表按钮，将弹出“等高线列表选择”调板，在调板中可以选择数种系统默认的等高线类型。选择不同的等高线，可以得到不同光泽叠加效果。 “消除锯齿” ：选择此复选框，可以使应用等高线后的光泽叠加效果更细腻。. 4.3.14 “颜色叠加”图层样式命令 “颜色叠加”样式可以为图层叠加各种颜色，其操作为在样式调板中设置一种叠加色，并选择所需要的混合模式及不透明度即可。 4.3.15 “渐变叠加”图层样式命令使用“渐变叠加”命令可以为图案叠加渐变效果，选择“图层”→“图层样式”→ “渐变叠加”命令或者单击图层调板底部的“添加图层样式”按钮，在弹出的菜单中选择“渐变叠加”命令，弹出“渐变”对话框，如图 4-75 所示。  “样式”：在此下拉表中可以选择线性、径向、角度、对称的、菱形 5 种渐变方式。  “与图层对齐”：选择此复选框，渐变将由图层中最左侧的像素应用至最右侧。.

(26) 第4章. Photoshop CS3 图层操作与运用. 图 4-75. 161. “渐变”对话框. 4.3.16 “图案叠加”图层样式命令使用“图案叠加”图层样式，可以在图层上叠加图案，选择“图层”→“图层样式”→ “图案叠加”命令或者单击图层调板底部的“添加图层样式”按钮，在弹出的菜单中选择“图案叠加”命令，弹出“图案叠加”对话框，如图 4-76 所示。. 图 4-76    . “图案叠加”对话框. “混合模式” ：在此下拉列表中，可以选择不同的混合模式，从而得到不同的叠加效果。 “不透明度” ：在此可以输入一个数值定义设定叠加的不透明度。数值越大，则叠加效果越清晰；反之越淡。 “图案”：在此可以选择一个图案，进行图案叠加。 “缩放”：在此可以对选择的图案进行放大或者缩小处理。. 4.4. 特殊图层的操作与运用. 4.4.1 填充图层填充图层中可填充的内容包括纯色、渐变和图案。当设定新的填充图层时，Photoshop CS3 会自动随之生成一个图层蒙版（如果当前图像中有一个激活的路径，当生成新的填充图层时，就会同时生成图层剪贴路径，而不是图层蒙版）。另外填充图层可以设定不同的透明度以及不同的图层混合模式，如溶解模式和叠加模式等。利用这些特性可使图像产生多种不同的特殊效果，填充图层和调节图层一样，可以随时删除，而并不影响图像本身的像素。执行“图层”→“新建填充图层”命令，弹出级联菜单，如图 4-77 所示。. 图 4-77. “新建填充图层”级联菜单. 4.4.2 纯色填充图层选择“图层”→“新建填充图层”→“纯色填充”命令后会弹出“新建图层”对话框，.

(27) Photoshop 平面设计案例教程. 162. 单击“确定”按钮后弹出“拾取实色”对话框。在对话框中选择要作为填充图层所使用的颜色，如图 4-78 所示。. 图 4-78. 选择填充颜色. 在“拾取实色”对话框中，选择填充颜色后单击“确定”按钮，就会在图层调板上弹出新增的填充图层。在纯色填充图层旁边同时会出现图层剪贴路径图标。将填充图层的“混合模式”设定为“叠加”，得到的图像效果如图 4-79 所示。. 图 4-79. 纯色填充图层图像效果. 4.4.3 渐变填充图层执行“图层”→“新建填充图层”→“渐变”命令，弹出“渐变填充”对话框，在该对话框中可以设置渐变的样式以及“缩放”等选项，如图 4-80 所示。. 图 4-80      . “渐变填充”对话框. “渐变”：选择要作为渐变填充使用的渐变颜色色标。 “样式”：选择渐变种类。 “缩放”：设定渐变的大小，使之符合图像的要求。 “反向”：选中此复选框可以使渐变的方向反转。 “仿色”：选中此复选框可以在渐变中增加杂点以得到较平滑的渐变效果。 “与图层对齐”：选中此复选框可以调整渐变的位置，使之与其他图层对齐。.

(28) 第4章. Photoshop CS3 图层操作与运用. 163. 设定渐变选项后单击“确定”按钮，就可在图像中看到相应的效果，如图 4-81 所示。. 图 4-81. 渐变填充图层图像效果. 4.4.4 图案填充图层执行“图层”→“新建填充图层”→“填充”命令，弹出“图案填充”对话框，如图 4-82 所示。. 图 4-82. “图案填充”对话框. 设定完成后单击“确定”按钮，在图案填充图层旁边会出现新增的填充图层蒙版，编辑蒙版就可以使图案填充图层产生局部透明的效果，如图 4-83 所示。. 图 4-83. 图案填充图层图像效果. 4.4.5 调整图层调整图层对于图像的色彩调整非常有帮助。创建的调整图层中能进行各种色彩调整，效果与对图像执行色彩调整命令相同。在完成色彩调整后，还可以随时修改及调整，而不用担心会损坏原来的图像。默认情况下调节图层的效果对所有调节图层下面的图像图层都起作用。调节图层除了可以用来调整色彩之外，还具有很多其他功能，如调整不透明度、设定不同的混合模式，并可通过修改图层蒙版达到特殊效果。调节图层和填充图层非常相似，当建立新的调节图层时，在图层调板的右侧都会同时出现图层蒙版的图标，如果当前图像中有一个激活的路径，当生成新的调节图层时，就会同时生.

(29) Photoshop 平面设计案例教程. 164. 成图层剪贴路径，而不是图层蒙版。 4.4.6 新建调整图层执行“图层”→“新建调整图层”命令，如图 4-84 所示。. 图 4-84. “新建调整图层”级联菜单. 选择“亮度/对比度”命令，弹出“亮度/对比度”对话框，如图 4-85 所示。. 图 4-85. “亮度/对比度”对话框. 在此对话框中可以设定不透明度和模式，并设定调节图层和普通图层之间的裁切关系。如果选择“使用前一图层创建剪贴蒙版”，那么调节图层中的效果只对其下面紧邻的图层起作用。单击“确定”按钮，会弹出“亮度/对比度”对话框，拖曳滑块可适当调节图像的色彩分布，如图 4-86 所示。. 图 4-86. 调整亮度/对比度. 若在以后的编辑中需要对该图层的色阶重新调整，可双击图层浮动调板中的调节图层（红色线框处），调出“色阶”命令，并可根据需要对其进行修改，如图 4-87 所示。. 图 4-87. 选取“色阶”命令.

(30) 第4章. Photoshop CS3 图层操作与运用. 165. 如果想使色阶调节图层只对图层 1 起作用，而对下面的背景层没有影响，可在弹出的“新建图层”对话框中选中“使用前一图层创建剪贴蒙版”复选框，或者将鼠标移到色阶调节图层和图层 1 之间的横线处，在按住 Alt 键后，会出现两圆相交的图标，单击鼠标后色阶调节图层和图层 1 就会变成裁切关系，此时色阶调节图层只对图层 1 起作用，对背景层没有影响。 4.4.7 智能对象图层一般来说，图层是图像的载体。智能对象图层则不同，它可以像每个 PSD 格式图像文件一样，装载多个图层。从这一点上来说，它与图层组的功能有些相似，即都用于装载图层。不同的是，智能对象图层是以一个特殊图层的形式来装载这些图层的。图 4-88 所示的图层 0 就是一个智能对象图层。从外观上看，其最明显的特殊之处就是其图层缩览图右下角的智能对象激活标志。. 图 4-88. 智能对象图层. 4.4.8 智能对象图层的运用在编辑智能对象图层的内容时，会将其中的内容显示于一个新的图像文件中，可以像编辑其他图像文件那样，在其进行新建/删除图层、颜色调整、设置混合模式、添加图层样式、添加图层蒙版等操作（但某些选项不可用，如“透视”和“扭曲”）。（1）在 Adobe Illustrator 中设计一个福娃形象，选择需要导入到 Photoshop CS3 中的文件，使用 Ctrl+C 键复制，如图 4-89 所示。. 图 4-89. 在 Adobe Illustrator 中设计形象. （2）打开 Photoshop CS3，选择“文件”→“新建”命令，单击“确定”按钮。在弹出的窗口中按 Ctrl+V 键，出现“复制”对话框，选择智能对象，如图 4-90 所示。.

(31) Photoshop 平面设计案例教程. 166. 图 4-90. 粘贴成为智能对象. 图片从 Adobe Illustrator 复制并粘贴到 Photoshop CS3 文档中。为了在从 Illustrator 粘贴时获得最大的灵活性，请确保 PDF 和 AICB（不支持透明度）在 Illustrator 中的“文件处理”和 “剪贴板”首选项中都处于启用状态。  “像素”：将图片作为像素进行粘贴，再将图片栅格化并置入 Photoshop 文档中自己的图层上之前，可以对其执行缩放、变换或移动操作。  “路径”：将图片作为路径进行粘贴，可以使用钢笔工具、路径选择工具或直接选择工具对其进行编辑。路径将粘贴到在“图层”调板中选择的图层上。  “形状图层”：将图片作为新形状图层（该图层包含填充了前景色的路径）进行粘贴。如果在“粘贴”对话框中选择了“智能对象”或“像素”项，按 Enter 键即可置入图片。（3）双击“未标题”页面，则福娃转换为智能对象图层，这样就可以在编辑中随时与 Illustrator 矢量文件保持更新一致，如图 4-91 所示。. 图 4-91. 智能对象图层. 链接智能对象，以便在编辑某个版本时另一个版本也会更新。或者，也可以取消智能对象的链接，以使对一个智能对象所做的编辑不会影响另一个智能对象。可以连同智能对象的全部内容一起复制智能对象。可以将智能对象的新实例链接到原智能对象，也可以取消链接，具体情况取决于创建副本的方式。. 4.5. 图层调板功能与运用. 图层的操作离不开图层调板，在窗口中单击图层，就可显示图层调板，通常它是和通道及路径调板在一起的，也可将其从组合中拖曳出来，如图 4-92 所示。.

(32) 第4章. Photoshop CS3 图层操作与运用. 图 4-92. 167. 图层调板. 图层调板中的眼睛表示此层是显示还是隐藏，单击就可互相切换，但只能在当前选中的层上进行操作。如图 4-93 所示，图层 1 是当前选中的层，在此层上可进行各种绘图操作。当选中某个图层时，图层调板中的“不透明度”和作用模式将变成可选的项目。. 图 4-93. 图层调板. 在“锁定”栏中可以选择需要锁定的内容。选中“锁定透明像素”复选框后，在执行填充命令或用工具绘图时，就不会影响透明区域，而只作用于有像素的部分。当选中“锁定图像像素”复选框时，图层的编辑将被锁定，不论是透明或是图像部分都不允许进行编辑。选中“锁定位置”复选框，图层上的图像将不允许被移动或是进行各种变形编辑。选中“锁定全部”复选框，图层上的图像将不允许进行各种编辑。 4.5.1 在图层调板中选择图层要选择某图层或图层组，可以在图层调板中单击该图层或图层组的名称，使该图层或图层组的底色由灰色变为蓝色。当某图层处于被选择的状态下时，图像窗口的标题栏将显示该图层名称，如图 4-94 所示。. 图 4-94. 在图层调板中选择图层.

(33) Photoshop 平面设计案例教程. 168. 使用移动工具在图像上右击，在弹出的快捷菜单中列出了当前单击位置的图像所在的图层，如图 4-95 所示。. 图 4-95. 用移动工具在图像上右击以选择图层. 4.5.2 在调板中选择多个图层在最新的 CS3 版本中，可以同时选择多个图层，其方法如下所述：如果要选择连续的多个图层，在选择一个图层后，按住 Shift 键，在图层调板中单击另一图层的图层名称，则两个图层间的所有图层都会被选中。如果要选择不连续的多个图层，在选择一个图层后，按住 Ctrl 键在图层调板中单击另一图层的图层名称。通过同时选择多个图层，可以一次性对这些被选中的多个图层进行复制、删除、变换等操作，如图 4-96 所示。. 图 4-96. 选择多个图层. 4.5.3 显示与隐藏图层在图层调板中单击图层左侧的眼睛图标，使该处的眼睛隐藏呈现为灰色该图层，再次单击此处即可重新显示图层，如图 4-97 所示。. 图 4-97. 显示与隐藏图层. ，即可隐藏.

(34) 第4章. Photoshop CS3 图层操作与运用. 169. 在眼睛图标列中向下拖曳鼠标，可以显示或隐藏拖曳过程中所有掠过的图层。按住 Alt 键单击图层左侧的眼睛图标，可以只显示该图层而隐藏其他图层；再次按住 Alt 键单击该图层左侧的眼睛图标，即可恢复之前的图层显示状态。在两次按住 Alt 键单击眼睛图标之间不可以有其他的显示或隐藏图层操作，否则之前的图层显示状态将无法恢复。另外，只有可见图层才可以被打印，所以如果要对当前图像进行打印时，必须保证要打印的图像所在的图层处于显示状态。 4.5.4 删除图层删除无用或临时图层有利于降低文件的大小，以便于携带或网络传输。在图层调板中，可以根据需要删除任意一个图层，但至少要保留一个图层。要删除图层，可以执行下面的操作：  选择“图层”→“删除”→“图层”命令，或单击图层调板底部的“删除图层”按钮，在弹出的提示框中单击“是”按钮即可删除所选图层。  在图层调板中选中需要删除的图层，并将其拖至图层调板下方的“删除图层”按钮上即可。  要删除处于隐藏状态的图层，可以选择“图层”→“删除”→“隐藏图层”命令，在弹出的提示对话框中单击“是”按钮即可。  Photoshop CS3 新增了一种快速删除图层的方法，就是在选择移动工具的状态下，当前图像中不存在选区时，按 Del 键即可删除当前选中的图层。 4.5.5 利用图层浮动面板调整图层顺序图层中的图像具有上层覆盖下层的特性，所以适当地调整图层顺序可以制作出更为丰富的图像效果。调整图层顺序的操作方法非常简单，只需将图层拖至目标位置，当目标位置显示一条高光线时释放鼠标即可完成操作，如图 4-98 所示。. 图 4-98. 调整图层顺序. 4.5.6 显示图层边缘显示图层边缘是 Photoshop CS3 新增加的功能，使用此命令后，所选择的图层的周围将出现一个带蓝色的边框，如图 4-99 所示。. 图 4-99. 显示图层边缘.

(35) Photoshop 平面设计案例教程. 170. 4.5.7 为图层分配颜色如果作品使用到大量的图层，图层的查看与管理就需要利用 Photoshop CS3 的新增功能“为图层分配颜色”来进行图层显示与管理了。为图层设置颜色可按照以下步骤操作：按 F7 键显示图层调板，或单击“窗口”→“图层” 命令，选择需要设置颜色的图层，在当前图层的缩览图上右击，在弹出的菜单中选择“图层属性”命令，弹出“图层属性”对话框，在该对话框的“颜色”下拉列表中选择一种颜色，然后单击“确定”按钮，即可为当前图层设置颜色。或者在当前图层的眼睛图标上右击，在弹出的快捷菜单中选择适当的颜色选项，即可为当前图层设置颜色，如图 4-100 所示。. 图 4-100 为图层分配颜色. 4.5.8 在图层调板中复制图层在图层调板中选择需要复制的图层，将图层拖动到“图层”调板底部的“创建新图层” 按钮上，即可创建新图层。也可以选择“图层”→“复制图层”命令，或在“图层”调板的弹出菜单中选择“复制图层”命令。若要对多个图层进行复制，则可以按住 Ctrl 键选中想复制的图层，将其拖动到“创建新图层”按钮上，或按住 Ctrl 键选中想复制的图层，在选中的图层上右击，在弹出的菜单中选择“复制图层”命令。 4.5.9 图层调板中的图层属性打开图层面板，红线框处即为图层属性，如图 4-101 所示。. 图 4-101 图层属性.

(36) 第4章 .   . Photoshop CS3 图层操作与运用. 171. “锁定图层透明像素” ：使处理工作发生在有像素的地方而忽略透明区域。例如，如果要在图像非透明区域填充前景色，无需选择该图层的非透明选择区域，只需在此图层被选中的情况下，在图层调板中单击按钮，按 Alt+Del 键即可对其进行前景色填充，按 Ctrl+Del 键即可对其进行背景色填充。 “锁定编辑属性” ：防止无意间对图层的误操作，但是此状态下仍然可以改变图层的混合模式、不透明度及图层样式。 “锁定图层的位置” ：防止该图层位移。 “锁定图层全部属性” ：可以锁定图层的全部属性，在此状态下不能对该图层进行任何操作。. 4.5.10 运用图层浮动面板链接图层链接图层能够实现多个图层同时变换的效果，即对所有链接图层中的任意一个图层执行变换操作时，与之链接的图层均会被更改。链接图层的方法如下：按 Ctrl 键的同时单击图层名称，将要链接的图层选中，单击“链接图层”按钮，当图层右侧显示标记时，则表示该图层与当前操作图层已被链接起来，再次将其选中并单击“链接图层”按钮即可解除链接，如图 4-102 所示。. 图 4-102 链接图层. 4.5.11 在图层浮动面板中修改图层名称在 Photoshop CS3 中新建一个图层，系统会默认为图层生成一个图层名，新建的图层被命名为图层 1、图层 2……依此类推。若要改变图层的默认名称，可在图层调板中选择要重新命名的图层，并在该图层的缩览图上右击，在弹出的菜单中选择“图层属性”命令，弹出“图层属性”对话框，在对话框中输入新的图层名称后，单击“确定”按钮退出对话框即可；或者双击图层缩览图右侧的图层名称，此时该名称就变为可输入状态，输入新的图层名称后，单击图层缩览图或按 Enter 键确认即可，如图 4-103 所示。. 图 4-103 修改图层名称.

(37) Photoshop 平面设计案例教程. 172. 4.5.12 修改图层预览图大小图层调板中的每一个图层都会显示一个小缩览图，由此小缩览图可以预览该图层中的图像。可以根据需要修改图层缩览图的大小，以更加方便地选择图层。改变图层缩览图大小的步骤如下：按 F7 键显示图层调板，单击图层调板右上方的三角按钮，在弹出的下拉菜单中选择“图层调板选项”命令，弹出“图层调板”对话框，即可修改预览图大小，如图 4-104 所示。. 图 4-104 修改图层预览图大小. 4.5.13 设置图层的不透明度与填充设置图层的不透明度值可以改变图层的透明度。当图层不透明度为 100％时，当前图层将完全遮盖下方的图层；而当不透明度小于 100％时，可以隐约显示下方图层的图像。通过改变图层的不透明度，可以改变整体图层的效果。与图层的不透明度不同，图层的“填充”透明度仅改变在当前图层上使用绘图类工具绘制得到的图像的不透明度，不会影响图层样式的透明效果。当图层透明度降低时，图层的整体效果变透明，但在填充透明度降低时，仅有图像效果发生变化，图层所具有图层样式效果未发生变化，如图 4-105 所示。. 图 4-105 设置图层不透明度与填充. 4.6. 综合实例讲解. 4.6.1 实例 1——制作狂派标志效果本实例制作的黄金字效果，主要运用了钢笔工具和添加图层样式命令。通过钢笔工具制.

(38) 第4章. Photoshop CS3 图层操作与运用. 173. 作造型，再使用添加图层样式命令增加文字效果，达到所需要设计的效果。实例效果如图 4-106 所示。. 图 4-106 实例效果. 1．知识难点  钢笔工具的运用。  图层样式命令的运用。 2．操作步骤（1）启动 Photoshop CS3，选择“文件”→“新建”命令，新建背景页面，将名称改为“变形金刚标志” ，单击“新建图层”按钮，建立一个透明图层 1，如图 4-107 所示。. 图 4-107 新建背景页面. （2）选择钢笔工具，在钢笔工具属性栏中设置为“路径”，直接在画面上绘制狂派标志，如图 4-108 所示。. 图 4-108 用钢笔工具绘制狂派标志.

(39) 174. Photoshop 平面设计案例教程. （3）选择路径浮动面板，单击“将路径作为选区载入”按钮，如图 4-109 所示。（4）选择工具箱中的渐变填充工具，选择“径向渐变”，双击渐变颜色，设置渐变效果，然后在路径选区中拖曳，如图 4-110 所示。. 图 4-109 将路径作为选区载入. 图 4-110 设置渐变效果并在路径选区中填充. （5）复制图层 1，得到图层 1 副本，如图 4-111 所示。. 图 4-111 复制图层１. （6）选择图层 1 副本，执行“图层”→“图层样式”→“斜面与浮雕”命令，设置“斜面和浮雕”命令对话框数据，如图 4-112 所示。. 图 4-112 设置“斜面和浮雕”效果. （7）继续选择图层 1 副本，执行“图层”→“图层样式”→“光泽”命令，设置“光泽”.

(40) 第4章. Photoshop CS3 图层操作与运用. 175. 命令对话框数据，如图 4-113 所示。. 图 4-113 设置“光泽”效果. （8）回到浮动图层面板，选择图层 1，执行“图层”→“图层样式”→“斜面与浮雕” 命令，设置“斜面和浮雕”命令对话框数据，如图 4-114 所示。. 图 4-114 设置“斜面和浮雕”效果. （9）回到浮动图层面板，按住 Shift 键选择图层 1 与图层 1 副本，执行“图层”→“合并图层”命令，如图 4-115 所示。. 图 4-115 合并图层. （10）选择背景图层，双击背景图层，打开“新图层”对话框，再单击“确定”按钮，将背景图层转换为普通图层，然后使用油漆桶工具填充灰色，如图 4-116 所示。（11）选择背景图层，执行“滤镜”→“杂色”→“添加杂色”命令，再执行“滤镜”→ “模糊”→“动感模糊”命令，如图 4-117 所示。.

(41) 176. Photoshop 平面设计案例教程. 图 4-116 解锁背景图层并填充灰色. 图 4-117 执行滤镜命令. （12）回到浮动图层面板，选择图层 1，执行“编辑”→“变换”→“扭曲”命令，设置扭曲角度，如图 4-118 所示。. 图 4-118 对图层１进行扭曲变形. （13）细节刻画。选择“图像”→“调整”→“曲线”命令，在“曲线”对话框中进行设置，提高画面的对比度，单击“确定”按钮，如图 4-119 所示。.

(42) 第4章. Photoshop CS3 图层操作与运用. 177. 图 4-119 提高画面对比度. （14）执行“图层”→“图层样式”→“投影”命令，制作模糊效果，完成效果如图 4-120 所示。. 图 4-120 完成效果. 4.6.2 实例 2——绘制牙膏包装本实例制作了一个包装效果，主要运用了渐变工具、蒙版、钢笔工具、文字工具和添加图层样式命令。通过运用钢笔工具绘制形状，然后添加文字，最后使用添加图层样式命令增加文字效果，以达到我们需要设计的效果。实例效果如图 4-121 所示。. 图 4-121 包装实例效果.

(43) Photoshop 平面设计案例教程. 178. 1．知识难点钢笔工具的运用。  渐变工具的运用。  图层样式命令的运用。 2．操作步骤（1）选择“文件”→“新建”命令，新建一个背景页面，单击新建图层按钮个透明图层 1，如图 4-122 所示。 . ，建立一. 图 4-122 新建页面. （2）按 Ctrl+R 键显示标尺，使用移动工具左而右拖曳 2 条辅助线，如图 4-123 所示。. 从标尺处自上而下拖曳 3 条辅助线，再自. 图 4-123 建立辅助线. （3）执行“视图”→“对齐到”→“参考线”命令，选择工具箱中的矩形选框工具建立选区，使用色板浮动调板选择适当的颜色填充，如图 4-124 所示。. ，. 图 4-124 选择适当的颜色填充. （4）选择图层浮动调板，单击新建图层按钮，建立一个透明图层 2。选择路径浮动调板，单击创建新路径按钮，建立路径 1，选择钢笔工具，设置属性栏，如图 4-125 所示。. 图 4-125 设置钢笔工具属性栏.

(44) 第4章. Photoshop CS3 图层操作与运用. 绘制树叶外形，单击路径浮动调板将路径作为选取载入按钮工具填充颜色，如图 4-126 所示。. 179. ，建立选区，选择油漆桶. 图 4-126 选择油漆桶工具填充颜色. （5）选择“滤镜”→“素描”→“网格”命令，设置相关数据，单击“确定”按钮，如图 4-127 所示。. 图 4-127 设置网格效果. （6）选择“滤镜”→“模糊”→“表面模糊”命令，设置相关数据，单击“确定”按钮，如图 4-128 所示。. 图 4-128 设置表面模糊效果. （7）选择图层浮动调板，将不透明度设置为 70%，选择添加图层蒙版，使用渐变工具拖曳制作树叶的透光效果。选择路径 1，单击路径浮动调版的“将路径作为选区载入”按钮，建立选区，选择图层缩览图，执行“编辑”→“描边”命令，如图 4-129 所示。. 图 4-129 描边效果.

(45) 180. Photoshop 平面设计案例教程. （8）选择画笔工具，将画笔的主直径设置为 3，颜色选择深绿色。再次选择图层浮动调板，选择路径浮动调板，单击创建新路径按钮，建立路径 2，选择钢笔工具，设置属性栏，如图 4-130 所示。. 图 4-130 再次设置钢笔工具属性栏. 绘制叶脉，选择路径 2，右击，在弹出菜单中选择“描边路径”命令，在弹出的对话框中选择“模拟压力”复选框，单击“确定”按钮（若画笔描边效果不明显可以多做几次），如图 4-131 所示。. 图 4-131 描边路径. （9）将画笔的主直径设置为 1，按照上述操作继续绘制细节，建立路径 3，选择钢笔工具绘制细小的叶脉，选择路径 3，右击，在弹出的菜单中选择“描边路径”，在弹出的对话框取消选中“模拟压力”复选框，单击“确定”按钮，如图 4-132 所示。. 图 4-132 用钢笔工具绘制细小的叶脉. （10）复制图层 2，将树叶调整到画面合适的位置，如图 4-133 所示。. 图 4-133 将树叶调整到画面合适的位置. （11）选择画笔工具，打开画笔工具浮动调板，选择合适的画笔笔触，调整属性，绘制星光，如图 4-134 所示。.

(46) 第4章. Photoshop CS3 图层操作与运用. 181. 图 4-134 绘制星光. （12）选择图层浮动调板，单击“新建图层”按钮，建立一个透明图层 4，制作水滴效果。选择路径浮动调板，单击“创建新路径”按钮，建立路径 4，选择钢笔工具，开始绘制水滴外形。单击路径浮动调板中的“将路径作为选取载入”按钮，建立选区，填充一个中间色，使用减淡加深命令绘制出亮部和暗部。使用钢笔工具绘制亮部和暗部选区，并填充合适的颜色（配合使用图层蒙版实现过渡效果）。执行“滤镜”→“模糊”→“表面模糊”命令，调整数据，选择图层浮动面板，单击添加图层样式命令按钮，执行“外发光”命令，如图 4-135 所示。. 图 4-135 绘制水滴. （13）复制图层 4，调整各个图层的不透明度，将水滴调整到画面合适的位置，如图 4-136 所示。. 图 4-136 将水滴调整到合适的位置. （14）新建图层 5，选择路径浮动调板，单击创建新路径按钮，建立路径 5，选择钢笔工具，绘制曲线外形，单击路径浮动调板中的“将路径作为选区载入”按钮，建立选区，填充颜色，如图 4-137 所示。（15）选择路径 5，使用直接选择工具和转换点工具对矢量线条进行编辑，并单击“将路径作为选区载入”按钮，建立选区，填充颜色，如图 4-138 所示。（16）继续以上步骤，得到如图 4-139 所示的效果。.

(47) Photoshop 平面设计案例教程. 182. 图 4-137 用钢笔工具绘制曲线外形. 图 4-138. 建立选区并填充颜色. 图 4-139 效果图. （17）选择文字工具. ，制作文字效果。文字属性栏设置如图 4-140 所示。. 图 4-140 设置文字属性栏. 单击画面的合适位置，写入文字，设置字符属性，如图 4-141 所示。. 图 4-141 写入文字. （18）选择文字图层，单击“添加图层样式”按钮，执行“渐变叠加”命令，如图 4-142 所示。. 图 4-142 执行“渐变叠加”命令.

(48) 第4章. Photoshop CS3 图层操作与运用. 183. 得到的效果如图 4-143 所示。. 图 4-143 文字效果. （19）继续单击“添加图层样式”按钮，选择描边，单击“确定”按钮，如图 4-144 所示。. 图 4-144 描边. （20）选择文字工具. ，选择“面针”两个字，将颜色换成绿色，如图 4-145 所示。. 图 4-145 将“面针”的颜色换成绿色. （21）新建图层 6，按 Shift 键选择“两面针”图层，执行“合并图层”命令（按 Ctrl+E 键），单击“添加图层样式”按钮，选择“斜面与浮雕”，单击“确定”按钮，如图 4-146 所示。. 图 4-146 执行“斜面与浮雕”命令. （22）单击“添加图层样式”按钮，选择“外发光”，单击“确定”按钮，如图 4-147 所示。.

(49) Photoshop 平面设计案例教程. 184. 图 4-147 外发光效果. （23）选择“编辑”→“自由变换”命令，调整文字大小及合适的位置，再选择菜单栏中的“编辑”→“变换”→“扭曲”命令将文字变形，如图 4-148 所示。. 图 4-148 调整文字大小及位置. （24）继续使用文字工具. 和“添加图层样式”命令制作文字效果，如图 4-149 所示。. 图 4-149 制作文字效果. （25）调整细节，选择图层 5，选择“添加图层样式”命令中的“外发光”命令，设置如下，单击“确定”按钮，如图 4-150 所示。. 图 4-150 使用“外发光”命令.

(50) 第4章. Photoshop CS3 图层操作与运用. （26）调整细节，选择图层 5，选择画笔工具调整属性栏，如图 4-151 所示。. 图 4-151 画笔工具属性栏. （27）绘制文字背景的过渡部分，如图 4-152 所示。. 图 4-152 绘制文字背景的过渡. 调整完成的结果如图 4-153 所示。. 图 4-153 调整完成的结果. 185.

(51)