在本教程中,我向您展示了一种使用Photoshop中的图层效果将透明文本添加到图像的简单方法。在上一个教程中,我向您展示了如何使用Photoshop的“混合选项”创建透明文本。但是图层效果可以为您提供更多有趣和创新的效果,因为有太多效果可供选择!

创建带有图层效果的透明文本的技巧是知道如何在保持图层效果可见的同时使文本本身透明。


步骤1:打开图片

首先将图像打开到Photoshop中。


步骤2:选择文字工具

要添加文本,请从工具栏中选择“ 文字工具 ”

选择文字工具


步骤3:选择字体

然后在选项栏中选择字体。任何字体都可以,但是较大,较粗的字体效果最好。

我会保持简单,然后选择Arial Black:

选择字体

将字体大小设置为72 pt,以便我们从最大的预设大小开始

设置字体大小

然后通过单击色样为您的类型选择一种颜色

单击颜色样本

由于我们将使文本透明,因此颜色无关紧要。但是,在将文本添加到图像时,请选择一个易于查看的颜色。我会选择白色。

完成后,单击“确定”以关闭“拾色器”

在“颜色选择器”中将字体颜色设置为白色


步骤4:添加文字

接下来,单击文档并添加您的文本。我将输入单词“ SUMMER”

将文本添加到文档中

要接受它,请单击选项栏中的复选标记

单击复选标记


步骤5:使用自由变换调整文本的大小并重新放置文本

要调整文本大小并将其移到适当位置,我们将使用Photoshop的“ 自由变换”命令。

转到菜单栏中的“ 编辑”菜单,然后选择“ 自由转换”

进入“编辑”>“自由变换”

然后,要调整文本大小,请单击并拖动任何手柄。从Photoshop CC 2019开始,自由变换会在您拖动时自动锁定文本的纵横比。但是,如果您使用的是早期版本的Photoshop,请在拖动时按住Shift键以将纵横比锁定在适当的位置。

在这里,我向外拖动左右手柄以使文本变大

通过拖动“自由变换”手柄调整文本大小。

然后,要重新放置文本,请在“自由变换”框中单击并拖动。

我将向下拖动以使文本居中于图像前面

向下拖动文本以使其居中

要接受它并关闭“自由变换”,请单击选项栏中的复选标记

单击复选标记以关闭自由变换

和在层面板,文本显示一上型层以上的图像

Photoshop的“图层”面板显示了新类型的图层


步骤6:将类型图层的“填充”降低到0%

现在,我们已经添加了文本,如何使文本透明?有两种方法可以做到这一点。一种是通过降低图层的不透明度值,另一种是通过降低填充值。这两个选项位于“图层”面板的右上角

不透明度和填充均可用于使图层透明

图层不透明度与填充

不透明度和填充之间的区别在于,不透明度会同时影响图层 和已应用的所有图层效果。因此,如果我们将不透明度降低到0%,则文本和效果都会变得透明,这不是我们想要的。

但是“填充”值仅影响图层本身。或者在这种情况下,只有文本。它不会影响阴影,笔触或应用于文本的其他效果。

因此,为了使文本透明,请将Fill值降低到0%

将填充降低到0%

降低“填充”值后,文本消失

降低类型图层的“填充”值后的结果


步骤7:向文字添加阴影

现在我们的文本是透明的,我们可以使用图层效果来显示字母的形状。例如,让我们添加一个投影。

在“图层”面板中,单击底部的fx图标

单击图层效果图标

然后从列表中选择“ 阴影 ”

选择“拖放阴影”

投影的选项在Photoshop的“图层样式”对话框中打开。

角度和距离

首先调整阴影的角度和距离

投影的“角度”和“距离”选项

调整“角度”和“距离”值的最简单方法是在文档内部单击并拖动。并且请注意,即使文本是透明的,阴影仍然隐藏在其后面,从而显示出字母

阴影显示透明字母

您也可以在对话框中输入特定的值。我将“ 角度”设置为135度,将“ 距离”设置为16个像素。您需要的值将取决于您的图像

设置角度和距离

不透明度

使用“ 不透明度”滑块调整投影的透明度。我将不透明度提高到50%,以使阴影变暗

增加投影的不透明度值

尺寸

您可以通过增加“ 大小”值来柔化阴影边缘。我将我的像素增加到16像素

通过增加大小来柔化阴影边缘

到目前为止,这是我的结果

阴影显示透明的文本

颜色

默认的阴影颜色是黑色,但是您可以通过单击色样来更改它

单击阴影的色样

然后从“拾色器”中选择一种新颜色,或者从图像中采样一种颜色。

我将单击以从沙子中采样颜色

单击图像可为阴影添加新颜色

然后在“颜色选择器”中,选择该颜色的较暗的饱和版本。

然后,我将单击“确定”关闭“颜色选择器”

深色,饱和色与阴影效果最佳

这就是结果。只需添加阴影,我们就可以看到透明文本

第一层效果已添加到文本中


步骤8:在文字周围添加笔触

让我们添加更多效果。仍在“图层样式”对话框中,从左侧的列中选择“ 描边 ”。我们可以使用笔触在字母周围添加边框

添加描边图层效果

颜色

通过单击颜色样本为笔划选择一种颜色

单击笔触颜色色板

然后,就像投影一样,从“拾色器”中选择一种新的笔触颜色,或者从图像中采样一种颜色。

我将通过从沙子最亮的部分采样颜色来选择接近白色的颜色。然后,我将单击“确定”关闭“颜色选择器”

从图像中采样新的笔触颜色

位置

“ 位置”选项将笔划移动到文本的边缘内,边缘外或居中。我将选择“ 外部”

设置笔触的位置

尺寸

然后通过拖动“ 大小”滑块来设置笔触的宽度。我将尺寸增加到6像素

设置笔触的大小

这是我同时应用了阴影和笔触的透明文本

笔触使查看透明字母更加容易


第9步:添加渐变叠加

我们要添加的第三个也是最后一个效果是“ 渐变叠加”。通过添加渐变,然后更改渐变的混合模式,我们可以增加文本内部图像的对比度。

从左栏中选择“渐变叠加”

添加渐变叠加效果


第10步:选择黑色,白色渐变

然后通过单击渐变色样旁边的箭头来选择渐变

选择其他渐变

通过双击其缩略图选择黑色,白色渐变。

在Photoshop CC 2020和更高版本中,渐变被分组到文件夹中。您需要旋转打开Basics文件夹以找到渐变

选择黑色,白色渐变

渐变将暂时阻止图像可见

具有“渐变叠加”效果的初始结果


步骤11:将渐变的混合模式更改为叠加

然后将渐变与图像混合,将渐变的混合模式从“正常”更改为“ 叠加”

将混合模式更改为叠加

现在,文本内部图像的对比度比周围的图像更强

应用了“渐变叠加”效果的透明文本

关闭其他图层效果

要更清楚地看到“渐变叠加”效果,请取消选中“笔触”和“阴影”效果

取消选中“描边和阴影”

现在,我们看到对比度如何产生字母

该效果仅使用“渐变叠加”效果

尝试柔光混合模式

如果对比度太强(与我的图像一样),请尝试使用柔光混合模式

将渐变的混合模式更改为柔光

柔光会产生类似但不那么强烈的结果

将渐变的混合模式更改为柔光后的结果

重新打开其他效果

要重新启用“描边和阴影”,请再次在其复选框内单击

打开描边和阴影


步骤12:关闭“图层样式”对话框

此时,您可以尝试添加其他图层效果,或者可以通过单击“确定”关闭“图层样式”对话框来接受您拥有的效果

单击确定按钮

在“图层”面板中,我们添加到文本中的效果显示在文字图层下方。

您可以单击效果名称旁边的可见性图标以打开或关闭效果。或者,您可以直接在名称上双击以重新打开“图层样式”对话框,并根据需要编辑效果

图层效果应用于文本


步骤13:选择文字

因此,我们学习了如何通过降低类型图层的“填充”值然后添加图层效果来创建透明文本。但是我们可以通过加亮,变暗或向周围的图像添加颜色来进一步增强效果。为此,我们首先需要选择文本周围的区域。

在“层”面板中,按住键盘上的Ctrl(Win)/ Command(Mac)键,然后单击类型层的缩略图

单击文字图层的缩略图

这会在字母周围加载一个选择

文本本身被选中


步骤14:反转选择

然后要选择除文本之外的所有内容,请通过选择菜单并选择反选来反转选择

要选择>反向


第15步:选择图像层

返回“图层”面板,单击图像图层以将其选中

选择图像层

然后单击“ 新建填充或调整层”图标

单击新建填充或调整层图标

并选择一个纯色填充层

添加纯色填充层

在颜色选择器中,为填充层选择一种颜色。我现在将选择黑色,但是稍后我将向您展示如何更改颜色。

完成后,单击“确定”

从“拾色器”中选择填充层的颜色

现在,颜色填充了文本周围的区域

添加黑色纯色填充层后的结果

在“层”面板中,填充层出现在图像和文字层之间。

填充层不影响字母内图像的原因是因为Photoshop使用了我们所做的选择来创建层蒙版,如我们在层蒙版缩略图中所看到的。

蒙版上的白色区域是可见的填充层,黑色区域是其隐藏的位置

图层蒙版控制填充层的可见性


步骤16:降低填充层的不透明度

要将颜色与图像混合,请降低填充层的不透明度。

我将我的比例降低到60%

降低填充层的不透明度

降低不透明度后,图像将通过填充层显示。由于我的填充颜色是黑色,因此会产生暗化效果

使透明文本周围的区域变暗后的结果

如何更改填充层的颜色

要尝试其他颜色,请双击填充层的色样

双击颜色样本

然后再次从拾色器或图像中选择一种新颜色。

由于我一直在直接从图像中采样颜色,因此我将通过单击椅子的背面选择橙色。然后,我将单击“确定”关闭“颜色选择器”

从图像中采样新的填充颜色

更改填充层的混合模式

由于这次我选择了一种实际的颜色,因此我将填充层的混合模式从“正常”更改为“ 颜色”

将填充层的混合模式更改为颜色

具有新的填充颜色和混合模式的结果

降低填充层的不透明度

最后,我将填充层的不透明度降低到25%左右,以降低颜色的强度

降低填充层的不透明度

您可以打开或关闭填充层,以通过单击可见性图标将效果与原始图像进行比较

单击填充层的可见性图标

最终的透明文字效果

相关推荐