Photoshop入门与进阶实例:2.3 透明水晶字的制作

2.3 透明水晶字的制作

知识提要：

Photoshop的图层样式功能

Photoshop 图层混合模式

提示： Photoshop的图层样式功能使我们以往繁复的工作得到了极大的简化，现在我们甚至可以只按一个键即可产生出让人惊喜的效果，在这个文字实例中我们将会领略到图层样式功能的神奇和强大！

效果预览：透明水晶文字效果

图 2-3- 1 透明水晶字的最终效果

1、输入文本

步骤1新建一个文件

首先执行【文件】菜单中的【新建…】命令，或者按快捷键Ctrl+N，打开【新建】对话框，输入图像的“名称”为“透明水晶字”，然后把图像的“宽度”设置为480像素；“高度”设置为150像素；图像“模式”设置为“RGB颜色”。完成后按【好】按钮，如图2-3-2所示。

图 2-3- 2 创建新图像

步骤2 设置一种背景颜色

为了衬托出透明水晶文字的质感，我们先把背景的颜色填充为“黑色”。用鼠标左键点击工具箱中的【默认前景和背景色】按钮，将“前景色”设置为“黑色”（如图2-3-3所示），然后按快捷键Alt+BackSpace用黑色填充背景图层。完成后效果如图2-3-4所示。

提示：为什么要将背景填充为黑色？我们前面已经说过了，由于我们将对文字作发光处理，将背景填充为黑色可以突出它的显示效果，当然大家也可以试试用其它的深色来填充，效果也不错的喔！

图 2-3- 3 设置默认的前景和背景色

图 2-3- 4 用前景色填充图像

步骤3 输入文本

接下来添加我们需要的文字。用鼠标左键点击工具箱中的【文字工具】按钮，或者按快捷键T选择【文字工具】，然后按下键盘的Enter键打开【文字工具】选项栏，在这里我们设置一种字体；“字体大小”为80pt；“文字颜色”为“白色”（如图2-3-5所示）。大家也可以根据自己的需要设置不同的参数，只要所选择的字体笔划粗细适中即可。随后在图像中点击鼠标左键输入文字，完成后按组合键Ctrl+Enter结束文字编辑状态。现在的效果如图2-3-6所示。

图 2-3- 5 设置文字属性

图 2-3- 6 输入文字

2、制作透明水晶的效果

步骤1 打开【图层样式】对话框

接下来这一步是整个例子的关键，在这里，我们将利用Photoshop的图层样式功能，使文字得到透明水晶的效果。首先，我们用鼠标双击【图层面板】中文字图层右边的蓝色区域（如图2-3-7所示），打开如图2-3-8所示的【图层样式】对话框。

 

提示：图层样式的强大功能我们仅靠一两个例子是说不完的，这需要大家不断的去尝试和领会。其实其中的功能也有类似的地方，大家要学会举一反三，这可是学习的捷径哦！

图 2-3- 7 双击图层缩览图

图 2-3- 8 打开【图层样式】对话框

步骤2 设置图层样式中的“斜面和浮雕”

接下来我们将分三步对图层样式效果进行设置。第一步，也是最重要的一步是设置图层样式中的“斜面和浮雕”选项。用鼠标选中【图层样式】对话框左边的“斜面和浮雕”选项，然后在对话框右边的选项区域中设置好以下参数：结构类参数中，设置“样式”为“浮雕效果”；“方法”为“平滑”；“深度”为90％；“方向”为“上”；“大小”为10像素；“软化”为0像素；阴影类参数中，设置“角度”为120度；“高度”为30度，然后单击“光泽等高线”右方的下拉选框图案打开【等高线编辑器】对话框，将映射曲线设置为如图2-3-9所示的样子，随后按【好】按钮。这时【图层样式】对话框中的“斜面和浮雕”参数设置如图2-3-10所示。文字的效果如图2-3-11所示。

提示：别被这么多的选项给吓倒，跟着我们一步一步来，大家很快就能体会到其中的巧妙了！

图 2-3- 9 编辑等高线样式

图 2-3- 10 设置斜面和浮雕样式参数

图 2-3- 11 设置了样式效果后的文字

步骤3 设置“颜色叠加”

跟着进行第二步的设置。用鼠标选中【图层样式】对话框左边的“颜色叠加”选项，然后在选项区域中将“混合模式”设置为“正常”；混合的颜色为“黑色”；“不透明度”设置为100％（如图2-3-12所示）。这时的文字效果如图2-3-13所示。

图 2-3- 12 设置颜色叠加样式参数

图 2-3- 13 完成样式效果后的文字

提示：通过把不同样式效果的叠加合成，我们可以运用图层样式功能使图像产生千变万化的效果！

步骤4 设置“外发光”

这时的透明水晶效果已经基本上出来了。为了让效果更加明显和自然，我们跟着进行第三步的设置。还在【图层样式】对话框中，用鼠标选中【图层样式】对话框左边的“外发光”选项，然后在对话框右边的选项区域中设置以下参数：结构类参数中，设置“不透明度”为75％；“杂色”为0％；“发光颜色”为“白色”；在图素类参数中，“扩展”为9％；“大小”为32像素。这时【图层样式】对话框中的“外发光”参数设置如图2-3-14所示。完成后按【好】按钮就得到如图2-3-15所示的文字效果了。

图 2-3- 14 设置外发光样式参数

图 2-3- 15 设置了外发光样式参数后的文字效果

提示：使用外发光选项可以有效的突出图像的轮廓效果，这也是我们经常用到的文字特效。

3、添加自己喜欢的色彩

步骤1 设置一种色彩

至此，漂亮的透明水晶文字已经出现在我们眼前了！还有什么要做呢？对，这样的文字颜色显得太单调了，我们马上就来为它添加上自己喜欢的色彩！首先，我们新建一个图层（如图2-3-16所示），然后用鼠标点击工具箱中的【设置前景色】按钮打开“拾色器”对话框（如图2-3-17所示），在这里我们选择一种自己喜欢的颜色，完成后按对话框中的【好】按钮即可。随后按下组合键Alt+BackSpace，用我们刚刚选择的颜色填充新建的图层。现在的效果如图2-3-18所示。

图 2-3- 16 创建新图层

图 2-3- 17 选择前景色

图 2-3- 18 用前景色填充图层

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤3 设置“颜色叠加”

跟着进行第二步的设置。用鼠标选中【图层样式】对话框左边的“颜色叠加”选项，然后在选项区域中将“混合模式”设置为“正常”；混合的颜色为“黑色”；“不透明度”设置为100％（如图2-3-12所示）。这时的文字效果如图2-3-13所示。

图 2-3- 12 设置颜色叠加样式参数

图 2-3- 13 完成样式效果后的文字

提示：通过把不同样式效果的叠加合成，我们可以运用图层样式功能使图像产生千变万化的效果！

步骤4 设置“外发光”

这时的透明水晶效果已经基本上出来了。为了让效果更加明显和自然，我们跟着进行第三步的设置。还在【图层样式】对话框中，用鼠标选中【图层样式】对话框左边的“外发光”选项，然后在对话框右边的选项区域中设置以下参数：结构类参数中，设置“不透明度”为75％；“杂色”为0％；“发光颜色”为“白色”；在图素类参数中，“扩展”为9％；“大小”为32像素。这时【图层样式】对话框中的“外发光”参数设置如图2-3-14所示。完成后按【好】按钮就得到如图2-3-15所示的文字效果了。

图 2-3- 14 设置外发光样式参数

图 2-3- 15 设置了外发光样式参数后的文字效果

提示：使用外发光选项可以有效的突出图像的轮廓效果，这也是我们经常用到的文字特效。

3、添加自己喜欢的色彩

步骤1 设置一种色彩

至此，漂亮的透明水晶文字已经出现在我们眼前了！还有什么要做呢？对，这样的文字颜色显得太单调了，我们马上就来为它添加上自己喜欢的色彩！首先，我们新建一个图层（如图2-3-16所示），然后用鼠标点击工具箱中的【设置前景色】按钮打开“拾色器”对话框（如图2-3-17所示），在这里我们选择一种自己喜欢的颜色，完成后按对话框中的【好】按钮即可。随后按下组合键Alt+BackSpace，用我们刚刚选择的颜色填充新建的图层。现在的效果如图2-3-18所示。

图 2-3- 16 创建新图层

图 2-3- 17 选择前景色

图 2-3- 18 用前景色填充图层

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

2、制作透明水晶的效果

步骤1 打开【图层样式】对话框

接下来这一步是整个例子的关键，在这里，我们将利用Photoshop的图层样式功能，使文字得到透明水晶的效果。首先，我们用鼠标双击【图层面板】中文字图层右边的蓝色区域（如图2-3-7所示），打开如图2-3-8所示的【图层样式】对话框。

 

提示：图层样式的强大功能我们仅靠一两个例子是说不完的，这需要大家不断的去尝试和领会。其实其中的功能也有类似的地方，大家要学会举一反三，这可是学习的捷径哦！

图 2-3- 7 双击图层缩览图

图 2-3- 8 打开【图层样式】对话框

步骤2 设置图层样式中的“斜面和浮雕”

接下来我们将分三步对图层样式效果进行设置。第一步，也是最重要的一步是设置图层样式中的“斜面和浮雕”选项。用鼠标选中【图层样式】对话框左边的“斜面和浮雕”选项，然后在对话框右边的选项区域中设置好以下参数：结构类参数中，设置“样式”为“浮雕效果”；“方法”为“平滑”；“深度”为90％；“方向”为“上”；“大小”为10像素；“软化”为0像素；阴影类参数中，设置“角度”为120度；“高度”为30度，然后单击“光泽等高线”右方的下拉选框图案打开【等高线编辑器】对话框，将映射曲线设置为如图2-3-9所示的样子，随后按【好】按钮。这时【图层样式】对话框中的“斜面和浮雕”参数设置如图2-3-10所示。文字的效果如图2-3-11所示。

提示：别被这么多的选项给吓倒，跟着我们一步一步来，大家很快就能体会到其中的巧妙了！

图 2-3- 9 编辑等高线样式

图 2-3- 10 设置斜面和浮雕样式参数

图 2-3- 11 设置了样式效果后的文字

步骤3 设置“颜色叠加”

跟着进行第二步的设置。用鼠标选中【图层样式】对话框左边的“颜色叠加”选项，然后在选项区域中将“混合模式”设置为“正常”；混合的颜色为“黑色”；“不透明度”设置为100％（如图2-3-12所示）。这时的文字效果如图2-3-13所示。

图 2-3- 12 设置颜色叠加样式参数

图 2-3- 13 完成样式效果后的文字

提示：通过把不同样式效果的叠加合成，我们可以运用图层样式功能使图像产生千变万化的效果！

步骤4 设置“外发光”

这时的透明水晶效果已经基本上出来了。为了让效果更加明显和自然，我们跟着进行第三步的设置。还在【图层样式】对话框中，用鼠标选中【图层样式】对话框左边的“外发光”选项，然后在对话框右边的选项区域中设置以下参数：结构类参数中，设置“不透明度”为75％；“杂色”为0％；“发光颜色”为“白色”；在图素类参数中，“扩展”为9％；“大小”为32像素。这时【图层样式】对话框中的“外发光”参数设置如图2-3-14所示。完成后按【好】按钮就得到如图2-3-15所示的文字效果了。

图 2-3- 14 设置外发光样式参数

图 2-3- 15 设置了外发光样式参数后的文字效果

提示：使用外发光选项可以有效的突出图像的轮廓效果，这也是我们经常用到的文字特效。

3、添加自己喜欢的色彩

步骤1 设置一种色彩

至此，漂亮的透明水晶文字已经出现在我们眼前了！还有什么要做呢？对，这样的文字颜色显得太单调了，我们马上就来为它添加上自己喜欢的色彩！首先，我们新建一个图层（如图2-3-16所示），然后用鼠标点击工具箱中的【设置前景色】按钮打开“拾色器”对话框（如图2-3-17所示），在这里我们选择一种自己喜欢的颜色，完成后按对话框中的【好】按钮即可。随后按下组合键Alt+BackSpace，用我们刚刚选择的颜色填充新建的图层。现在的效果如图2-3-18所示。

图 2-3- 16 创建新图层

图 2-3- 17 选择前景色

图 2-3- 18 用前景色填充图层

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤3 设置“颜色叠加”

跟着进行第二步的设置。用鼠标选中【图层样式】对话框左边的“颜色叠加”选项，然后在选项区域中将“混合模式”设置为“正常”；混合的颜色为“黑色”；“不透明度”设置为100％（如图2-3-12所示）。这时的文字效果如图2-3-13所示。

图 2-3- 12 设置颜色叠加样式参数

图 2-3- 13 完成样式效果后的文字

提示：通过把不同样式效果的叠加合成，我们可以运用图层样式功能使图像产生千变万化的效果！

步骤4 设置“外发光”

这时的透明水晶效果已经基本上出来了。为了让效果更加明显和自然，我们跟着进行第三步的设置。还在【图层样式】对话框中，用鼠标选中【图层样式】对话框左边的“外发光”选项，然后在对话框右边的选项区域中设置以下参数：结构类参数中，设置“不透明度”为75％；“杂色”为0％；“发光颜色”为“白色”；在图素类参数中，“扩展”为9％；“大小”为32像素。这时【图层样式】对话框中的“外发光”参数设置如图2-3-14所示。完成后按【好】按钮就得到如图2-3-15所示的文字效果了。

图 2-3- 14 设置外发光样式参数

图 2-3- 15 设置了外发光样式参数后的文字效果

提示：使用外发光选项可以有效的突出图像的轮廓效果，这也是我们经常用到的文字特效。

3、添加自己喜欢的色彩

步骤1 设置一种色彩

至此，漂亮的透明水晶文字已经出现在我们眼前了！还有什么要做呢？对，这样的文字颜色显得太单调了，我们马上就来为它添加上自己喜欢的色彩！首先，我们新建一个图层（如图2-3-16所示），然后用鼠标点击工具箱中的【设置前景色】按钮打开“拾色器”对话框（如图2-3-17所示），在这里我们选择一种自己喜欢的颜色，完成后按对话框中的【好】按钮即可。随后按下组合键Alt+BackSpace，用我们刚刚选择的颜色填充新建的图层。现在的效果如图2-3-18所示。

图 2-3- 16 创建新图层

图 2-3- 17 选择前景色

图 2-3- 18 用前景色填充图层

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。

步骤2 选择混合模式

我们将图层的“混合模式”设置为“叠加”（如图2-3-19所示），文字就显现出来了，并带上了我们所选择的颜色。这时的效果如图2-3-20所示。

提示：又是“图层混合模式”，大家要留意它在这里的运用了！

图 2-3- 19 改变图层混合模式

图 2-3- 20 改变图层混合模式后的效果

至此，透明水晶文字效果的制作也就全部完成了。

 

提示：最后大家还可以尝试对颜色图层使用不同的“图层混合模式”，可以得到许多精彩的色彩效果。如图2-3-21至图2-3-23所示分别为使用“正片叠底”、“屏幕”和“柔光”模式时的效果。大家还可以试试其它的“混合模式”，可能会有意想不到的收获喔。

图 2-3- 21 正片叠底模式下的文字效果

图 2-3- 22 屏幕模式下的文字效果

图 2-3- 23 柔光模式下的文字效果

举一反三：

自从 Photoshop 6.0中新增了强大的图层样式功能以来，我们对图像所进行的操作处理变得更加简单和灵活，而且产生的效果一点也不亚于以往需要繁复的步骤才能完成的效果。本例就多次使用了Photoshop中的图层样式功能为文字添加特殊的样式效果，大家要多试多练才能领会到其中的巧妙所在。