photoshop基础教程 第六部分 图层样式 第二章 图层应用实例

photoshop基础教程 第六部分 图层样式  第二章 图层应用实例

第二章 图层应用实例

第一节  设计导航鼠标悬停状态小效果

首先看一下最终效果和分层：

　　1、 背景色设置为#280021，新建图层，利用钢笔工具画如下图形，填充颜色，然后图层样式中的渐变叠加设置如下：

　　2、 新建图层，用椭圆工具在图形上面建一个选区，然后填充白色，如图。

　　3、取消选区，选择“滤镜”“高斯模糊”把白色进行模糊。具体数值视效果而定，效果如图。

　　4、把这个图层的混合模式设置为“叠加”，现在看起来过于亮，可以降低一下透明度。然后把超出下面图形的白色去掉。如图。

　　5、新建图层，按住ctrl单击图形图层得到图形选区，然后选择“编辑”-“描边”对它进行描边设置，如图。

　　6、将此描边图层的混合模式设置为叠加，透明度设置为40%，视效果而定。如图。

　　7、接下来先添加上部高光。用钢笔工具新建选区，然后ctrl+enter转换成选区，然后按住ctrl+alt+shift再点击下面图形的图层，使他们两个的选区进行重合，用渐变工具（白色到透明）进行由左上到右下的拖动（这里在拖动的时候要注意，不要拖动的太大，从左上边缘开始拖动到左下边缘为止即可），适当调节透明度为80%。如图所示。

　　8、希望再把上面高光再真实一些，可以先把这个图层混合样式设置为“叠加”，然后再复制一层，把复制的这一层混合样式设置为“正常”，再稍微调低复制层的透明度为70%.如图。

　　9、下面进行底部高光的处理，新建图层，选择铅笔工具，白色，在图层的下边缘画出一条直线，如图。

　　10、然后，将此图层的混合样式设置为“叠加”，然后单击图层面板的蒙版图标，如图，图层此时显示下面这个样子。然后选择渐变工具，设置为黑白黑，然后从左到右进行拖拉，如图

　　

　　11、新建图层，选择柔性笔刷，颜色白色，设置大小为14左右，在图形的下边缘处点击一下，如图。然后ctrl+T将它变长，如图。然后将此图层混合模式设置为“叠加”，把超出图形边缘的光删掉，如图。

　　12、同样如同上面第9，10步操作，所不同的就是图层混合样式为“正常”而不是“叠加”，然后适当降低透明度，让其有一条亮线。如图

　　13、同样如上面11步一样操作，不同的是，笔刷大小设置为10，比上面的14小一点，然后图层混合模式设置为“正常”，并且适当降低一点点透明度。如图所示。

　　到此为止，这个小效果就完成了，在做类似光效时，最主要的应用就是高斯模糊和“叠加”，合理运用这两个功能会给作品增色不少。

第二节  制作绿色下载按钮

先看效果图：

　　新建文档400x200像素，背景白色，新建图层画一个圆角矩形，颜色#6fcf1a。

　　添加图层样式。

　　效果如下。

　　Ctrl+J复制一层，颜色改为#e69507。用钢笔做如下选区，之后添加蒙版，ctrl+I反相，效果如下。

　　添加图层样式。

　　效果如下：

　　新建图层，用钢笔画下图路径，填充#d9d9d9。

　　添加图层样式。

　　效果如下：

　　新建图层，画2个竖条，颜色分别为#a8f74c和#4eb80e。

　　添加蒙版，用黑色柔角笔刷涂抹两端，效果如下。

　　新建图层，画一个白色对号形状。

　　添加图层样式。

　　之后添加一些文字和阴影，效果如下，本ps教程结束。

第三节  打造可爱的水晶小脚丫

本节为大家介绍如何使用图层样式的内阴影打造可爱的水晶小脚丫。

　　最终效果

　　1、新建一个500 * 400像素的文件，选择渐变工具，颜色设置成#dce4e7到#335f6d的渐变。

　　2、绘制冲右上到左下的径向渐变。

　　3、选择钢笔工具勾出脚板的大致路径。

　　4、按Ctrl + Enter转为选区。

　　5、按Ctrl + J把选区复制到图层2。

　　6、双击图层调出图层样式。

　　7、选择内阴影参数设置如下图。

　　8、调出图层2的选区，新建一个图层，调整到图层2下面，填充为黑色，不透明度55%，用箭头工具稍微向下向左移动。

　　9、在最上面新建一个图层，用画笔画出前面的高光部位。

　　10、新建一个图层，用矩形选框工具画一个巨型填充白色，再按Ctrl + T变形。

　　11、选择菜单：编辑 > 变换 > 变形，调整后用橡皮工具修改。

　　12、大致的脚板做好了。

　　13、同样的方法做出脚趾及另一只脚，完成最终效果。

第四节  晶莹润泽珍珠制作

本节为大家介绍用photoshop制作晶莹润泽珍珠。

　　先看一张完成后的效果图。

　　新建一个文档，在工具栏中选择椭圆工具，在工具栏中选择“创建新的形状图层”。打开信息面板，按住Shift键，在画面上拖出一个正圆形，在拖动鼠标的同时，注意观察信息面板，看到圆形的长和宽均为24像素时，放松鼠标。这样，一个以前景色为填充色的小圆出现在画布上，同时图层面板上也会出现名为“形状1”的图层。这里，前景色和我们的最终结果可以说没有太大的关系，所以不必理会。

　　如果你不习惯这种图层剪贴路径的方式，那么也可以用老方法：新建一层，因为我们要用图层样式来实现这个效果，所以，新图层是一定不能少的。用椭圆选框工具绘制一个24×24像素的圆形，方法和上面的一样，填充颜色后取消选择即可。

　　如果你采用的是第二种方法，那么双击图层缩略图，调出图层样式菜单。如果你像我一样，采用了第一种方法，那么双击图层名称，调出图层样式菜单。我们为图层添加样式。首先是阴影，点击投影样式，将距离改为3像素，大小为6像素，其他保持默认不变。

　　接下来是内发光，这是为了强调圆形的边缘。将发光的混合模式由屏幕改为正片叠底，不透明度改为40％，光源色改为黑色；在图索中，将大小改为1像素；品质中，将范围加大到75％，其他保持不变。

　　下面是斜面和浮雕，注意：在我们这个例子中，这是最关键的一步，珍珠的形态绝大多数由它来表现。结构面板中，将样式选择为内斜面，方法为“雕刻清晰”，深度为610％，方向为上，大小为9像素，软化为3像素；阴影面板中，角度为-60度，取消全局光，高度为65度，在光泽等高线类型中，首先选择预设的“滚动斜坡－递减”模式，再按图。

　　修改映射曲线，取消消除锯齿选项，保持默认高光和暗调的颜色和模式，但将不透明度分别改为90％和50％。

　　点击等高线面板，点击等高线，显示等高线编辑器，将等高线曲线设为和图06相似的形状，你可以先在等高线类型中选择“记录”，然后将之稍加改动就可以了。

　　等高线的作用非常明显，它赋予珍珠强烈的反光作用，同时，珍珠的圆润也被很好的表现出来。

　　在应用了浮雕效果和等高线之后，图像的情况就和你的底色有了很大的关系。如果你一开始用的是深色填充，那么现在你的图像看起来并不太像是珍珠，反而像是金属小球，底色越深，金属效果越明显；如果你用的是浅色的填充，那么你的图像就可能看起来很接近我们的目的了，如果一开始用的是白色，那么你几乎已经得到了一颗完美的白色珍珠了。如果想改变颜色，只需双击图层缩略图，弹出Photoshop的拾色器，在此你可以选择改变图层的颜色。下面的过程，是针对于那些过深的颜色而设定的。

　　一般浅色珍珠具有特殊的珍珠光泽，晶莹而柔和，深色珍珠会具有金属光泽，但仍不失柔和色泽，所以我们用颜色叠加来消除过重的色彩。选择颜色叠加样式，设置混合模式为变亮，颜色为白色，不透明度为52％。

　　颜色叠加的效果对深色珍珠尤其明显。由于海水中所含的矿物元素不同，珍珠会有多种颜色。如果你想得到一些彩色的珍珠的话，在这里就可以得到了，奶黄色、丁香紫、粉红色、玫瑰色、古铜色、深蓝色、黑色，就看你喜欢的了。不过要想得到极品珍珠，还有些任务需要完成。

　　喜欢珍珠的人都知道，浅色珍珠中以白色稍带玫瑰红色的珍珠为最佳，下面我们就来制作这种珍珠。选择渐变叠加样式，按照默认设定，结果可能有些令人泄气——似乎有些像小钢珠了。

　　不过不要着急，我们可以用另一种图层样式为它找回光泽，对了，那就是“光泽”样式。在结构的混合模式中选择“叠加”，颜色为RGB（225，159，159），不透明度为72％，角度为135度，距离为8像素，大小为9像素，在等高线样式中选择“锥形—反转”，选择消除锯齿选项。这样，我们就能表现出珍珠表面经过反射］折射和干涉混合作用，所产生的*彩了。

　　到此为止，我们的珍珠样式就全部完成了。你可以点击样式面板中的新建样式按纽，将其保存下来，命名为“pearl”。最好再用预设管理器永久保存，这样就不用担心因重装Photoshop而丢失了。

　　现在我们来检验一下效果。新建一层，点击刚保存的样式，将这一层应用这种样式。选择喷枪工具，将画笔大小设为24，硬度设为100，试试看，在画布上随意喷涂，一串珍珠就出现了。Photoshop会在图层内重新分配样式，这样，我们的珍珠就会从浅色到深色自然过渡。要绘制珍珠项链的话，还需要增大画笔间距，下面例子中的画笔间距为107％，再加上一根链子，就可以了。如果觉得单调了些，就用深蓝色作为背景，再加上一些杂色和模糊效果，仿制丝绒衬底，这样能将珍珠衬托得愈加流光溢彩。

　　如果想要大一些或小一点的珍珠呢？缩小或放大画笔后，在设定了样式的图层上绘制，却发现样式出现了变形，珍珠变得面目全非。

　　难道我们只能制作单一直径的珍珠吗？当然不是。Photoshop为我们提供了一种方法，使我们可以机动灵活的应用图层样式。在图层面板上，右击指示图层效果的图标，从弹出菜单中选择“缩放效果”。

　　小画笔的直径是12像素，那么我们就将缩放设为50％这样，图层样式就能与图像完全吻合了。同样，较大的画笔直径为48像素，那么就将缩放值设为200％。这样，不费吹灰之力，你就能得到一颗大东珠了。

　　得到的效果如图。

第五节  晶莹水珠制作

本节为大家介绍如何使用photoshop图层样式制作晶莹剔透的水珠。

　　最终效果

　　1、打开Photoshop，执行【文件—新建】命令，新建一个400×400像素的文件，并命名为【水珠】，如下图所示。

　　2、将前景色设为#0580ac，背景色设为白色。在工具箱中选择【渐变工具】，从画面的坐下到右上拉一个从前景色到背景色的线性渐变，效果如下图所示。

　　3、点击图层调板下方的【创建新图层】按钮，新建一层，并命名为【水珠】。选择【椭圆选框工具】，绘制一个如下图所示的正圆选区。

　　4、将前景色设为 #0a93bd，按【Alt+Del】键填充选区，效果如下图所示。（林栖者语：此时，不要取消选区，后面还有用）

　　5、点击图层调板下方的【创建新图层】按钮，新建一层，并命名为【亮部】。将前景色设为# 91d5e2,选择【画笔工具】，画笔直径为60像素，硬度为0%，在水珠的左下部涂抹，如下图所示。

　　6、再次选择【椭圆选框工具】，在选项栏中选择【从选区减去】模式，绘制一个如下图所示的选区。

　　7、在选区上点击鼠标右键，在弹出的快捷菜单中选择【羽化】命令，羽化半径为3像素。

　　

　　8、点击图层调板下方的【创建新图层】按钮，新建一层，并命名为【高光】。然后，使用白色填充选区，并将不透明度调为77%，效果如下图所示。

　　9、点击图层调板下方的【创建新图层】按钮，新建一层，并命名为【高光2】。 再次选择【画笔工具】，画笔直径约8像素，硬度为0%，绘制如下图所示的图形。

　　10、选择【椭圆选框工具】，绘制如下图所示的选区。

　　

　　

　　11、在选区上点击鼠标右键，在弹出的快捷菜单中选择【羽化】命令，羽化半径为12像素。点击图层调板下方的【创建新图层】按钮，新建一层，并命名为【反光】。然后，使用白色填充选区，效果如下图所示。

　　12、再次新建一层，并命名为【光影】。并将其移动到【背景图层】的上面。使用【椭圆选框工具】绘制如下图所示的选区。然后使用白色填充选区，效果如下图所示。

　　13、双击【光影】图层的缩略图，调出图层样式对话框，选择【渐变叠加】，参数设置如下图所示。其中【渐变编辑器】中三个色标的颜色值依次是：#a6c2cd，#ffffff,#07709f。

　　

　　这是添加图层样式后的效果。

　　14、在图层调板中，将除【背景图层】以外的所有图层选择，然后按【Ctrl+E】键合并图层，将新图层命名为【水珠】。在工具箱中选择【移动工具】，按住【ALT】键不放，拖动鼠标。这样可以复制【水珠】图层，得到一颗新的“水珠”。然后按【Ctrl+T】键进入自由变换模式，调整图层大小及位置。重复上面的步骤，最终效果如下图所示。

第六节  水滴文字制作

本节为大家介绍如何使用photoshop图层样式制作水滴文字。

　　实现这一“水滴字”效果的步骤全部是在一个“图层样式”中完成的。因此一旦创建好这一效果，就可将它存储并应用到任何透明区域上具有硬边不透明度的图层中。这也意味着您可以在带有样式的图层上绘画，并呈现出栩栩如生的效果，看上去非常棒。

　　建议采用以下字体和文档规格。该技术采用了一些基于像素的滤镜和基于点的文字，所以这些规格对于重现效果是很重要的。图像规格：1117 x 865 像素(266 dpi)，RGB 颜色。字体规格：Present，常规，60点。

　　1.在要制作湿润效果的图层上方添加新的图层，并绘制出初始的水滴形状。

　　现在，选择“图层”>“新建”>“图层”并点按“好”，或点按“图层”调板底部的“创建新的图层”图标。这将创建“图层 1”。

　　按 (D) 键盘键设置默认颜色，此时前景色色板将变成黑色。

　　按 (B) 键盘键激活“画笔”工具，然后在上方的选项栏中进行如下设置：19 像素的硬边画笔、正常模式、 100％ 不透明度。

　　现在在“图层 1”中画一个小黑点并在画的时候稍微摆动一下画笔。我们将利用这个初始形状构建图层 样式。

　　按 (Z) 键盘键激活“缩放”工具并点按您画的水滴进行放大，这样可以看得更清楚。

　　2.通过减少填充不透明度来构建图层样式。

　　在“图层”调板中两次点按“图层 1”缩览图，打开“图层样式”对话框。

　　向下找到“高级混合”部分，将“填充不透明度”更改为 3％。这会减少填充像素的不透明度，但保持图层中所绘制的形状。注注注注意意意意：该步骤会使您在“图层 1”中绘制的黑色几近于消失。

　　3.添加一小块浓厚的投影。

　　在对话框左侧的效果列表中点按“投影”名称（不是复选框）。

　　在右侧的“投影”部分，设置“不透明度”为 100％，将“距离”更改为 1 像素，“大小”更改为 1 像素。

　　在“品质”部分，点按“等高线”曲线缩览图右侧的向下小箭头并选择“高斯”曲线。这是一条看起来像平滑的倾斜的 (S) 字母的曲线。

　　4.添加一个柔和的内阴影。

　　在对话框左侧的效果列表中点按“内阴影”名称。

　　在“结构”部分，将“混合模式”设置为“颜色加深”，“不透明度”设置为 43％，“大小”设置为 10 像素。

　　5.在形状边缘周围另外添加一个内阴影。

　　在对话框左侧的效果列表中点按“内发光”名称。

　　在“结构”部分，将“混合模式”设置为“叠加”，“不透明度”设置为 30％，颜色色板设置为黑色。

　　若要更改颜色色板，可点按颜色色板打开拾色器，将光标拖动到黑色，然后点按“好”。

　　6.在形状中添加高光和内发光。

　　在对话框左侧的效果列表中点按“斜面和浮雕”名称。

　　在“结构”部分，将“方法”设置为“雕刻清晰”，“深度”设置为 250％，“大小”设置为 15 像素， “软化”设置为 10 像素。

　　在“阴影”部分，将“角度”设置为 90，“高度”设置为 30，“不透明度”设置为 100%。然后将“暗调模式”设置为“颜色减淡”，其颜色色板设置为白色，“不透明度”设置为 37％。

　　现在已完成了图层样式的设置，但先不要点按“好”。

　　7.存储此图层样式备以后使用。

　　按“图层样式”对话框右侧的“新建样式”按钮。这将打开一个对话框，您可以在其中命名该样式并点按“好”进行存储。

　　注意：存储完样式后，您可以通过选择“窗口”>“样式”，在打开的“样式”调板中最后一个缩览图的位置找到该样式。

　　现在点按“好”退出“图层样式”对话框。在“图层”调板中，点按图层样式 (f) 图标旁边的箭头来隐 藏样式。注注注注意意意意：：：：您可以在“图层1”上再绘制一些水滴。只需确保画笔工具处于活动状态并且在您希望出现水滴的位置进行绘制。您也可以使用“橡皮擦”工具来编辑或移去现有的水滴。

　　8.在文档中添加文本图层。

　　按 (T) 键盘键激活“文字工具”。

　　在上方的选项栏中，点按“调板”按钮打开“字符”调板。

　　在“字符”调板中选择所需的字体。将颜色设置为黑色。然后点按“段落”选项卡并点按调板左上部分的“居中文本”按钮。

　　现在点按文档中心并输入“Rain Drops”。若要重新放置键入的文本，可将光标移动到文本之外直到光标变成一个移动图标，然后点按拖动。

　　若要应用文本，可点按选项栏右上方的对钩或按 Enter 键 (Mac) 或 Ctrl-Enter 键 (Windows)。这样将会生成文字图层“Rain Drops”。

　　9.在文字图层下方添加新的白色图层并合并到文字图层中。

　　保持“Rain Drops”文字图层处于活动状态，按住 Command 键 (Mac) 或Ctrl 键 (Windows) 点按“图层” 调板底部的“创建新的图层”图标，在文字图层下方创建一个新的图层。此时将创建“图层 2”。

　　通过按 (D) 键盘键载入默认颜色来用白色填充“图层 2”。然后选择“编辑”>“填充”>“背景色”或 按 Command-Delete 键 (Mac) 或 Ctrl-Backspace 键 (Windows)，用背景色填充图层。

　　点按“Rain Drops”图层来激活该图层。

　　选择“图层”>“向下合并”或按 Command-E 键 (Mac) 或 Ctrl-E 键 (Windows)。这将移去“Rain Drops”图层并将其向下合并到“图层 2”中。

10.使用滤镜硬化合并图层的边缘。

　　保持“图层 2”处于活动状态，选择“滤镜”>“像素化”>“晶格化”。

　　将“单元格大小”设置为

　　10，然后点按“好”。

　　11.模糊硬化后的文本/图像。

　　保持“图层 2”处于活动状态，选择“滤镜”>“模糊”>“高斯模糊”。

　　在对话框中将“半径”设置为 5.0 像素，然后点按“好”。

　　12.选中柔化后的文本图像，通过增加对比度来硬化边缘。

　　保持“图层2”处于活动状态，选择“图像”>“调整”>“色阶”。在“色阶”对话框中将“输入色 阶”设置为 160、1.00、190，然后点按“好”。

　　13.从文本／图像中载入一个选区并删除白色区域。

　　若要从“图层 2”中载入一个选区，可按 Command-Option-~ 键 (Mac) 或 Ctrl-Alt-~ 键 (Windows)。也可 以通过点按“通道”选项卡，然后点按调板底部的“将通道作为选区载入”图标来完成该操作。

　　将载入选区并选定白色区域。按 Delete 键 (Mac) 或 Backspace 键 (Windows) 移去黑色文本周围的白色区域。现在可选择“选择”>“取消选择”来取消选择。

　　14.将所存储的图层样式应用到黑色文本图层。

　　保持“图层 2”处于活动状态，选择“窗口”>“样式”来打开“样式”调板。

　　在缩览图列表的末尾找到您存储的“Rain Drops”样式，点按该样式将其应用到“图层 2”。

第七节  五彩水晶字体制作

本节为大家介绍怎么通过photoshop的图层样式制作五彩水晶字体。

　　最终效果

　　PS艺术字制作教程——利用PS图层样式简单制作一款漂亮的五彩水晶字体：

　　步骤一：新建页面，尺寸随意（不要太小），背景填黑色

　　步骤二：打上字，如果用素材的就选用字体CTRL+J

　　步骤三：双击字体层，出面图层样式窗口，先给它做渐变样式

　　六色数值如下：#9ecaf0 #a5f99e #f5b3f1 #f8ae97 #faf18e #9df7fa

　　步骤四：添加光泽

　　等高线自定义如下图

　　步骤五：内发光

　　步骤六：内阴影

　　等高线自定义如下

　　步骤七：斜面与浮雕，给字体添加点光感

　　最后给字体加上光影效果--外发光

　　最终得到我们想要的漂亮的五彩字

第八节  制作古典水墨风格忧伤人物签名

对于签名图，古典水墨风格是一种比较流行的效果，这种签名需要选择好好的素材，好的水墨画背景和古装的美女等，再进行溶图，调色等，做出最终的签名图。

 　　对于签名图，古典水墨风格是一种比较流行的效果，这种签名需要选择好好的素材，好的水墨画背景和古装的美女等，再进行溶图，调色等，做出最终的签名图。

　　完成效果

▲效果图

　　一，创建一430 * 260像素的画布，将背景解锁。

　　二，打开下图的背景图层，拉进来恰当调节大小与地方，按Ctrl + B 调节色彩平衡，对中间调执行调节，设定值：100/-12/-84。

　　三，拷贝一层背景素材，按Ctrl + Shift + U 去色，运行：滤镜 > 模糊 > 高斯模糊，设定值为3，确认后将图层混合模式改成“正片叠底”。

　　四，打开下图的人物素材，用钢笔工具将人物扣出来，拉进来，恰当调节大小与地方。

　　五，将人物图层拷贝两层，图层混合模式均改成“柔光”，确认后将三自己物图层拼合。

　　六，拷贝一层人物图层，按Ctrl + Shift + U 去色，运行：滤镜 > 模糊 > 高斯模糊，设定值为3，确认后将图层混合模式改成“正片叠底”，执行恰当的锐化。

　　七，拷贝一层人物图层，运行：滤镜 > 其它 > 高反差留下，并把为250，确认后将图层混合模式改成“柔光”。

　　八，拼合图层，创建一图层填充抽丝图片，模式改成“柔光”，恰当调节图层不透明度，添加图层蒙板，用黑色画笔将人物脸擦 出来。

　　九，最终添加边框及修饰文字等，处理完成效果图。