如何在Photoshop中创建嵌入排版

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

如何在Photoshop中创建嵌入排版

在这个入门级的设计教程中,我将向你展示如何在Photoshop中应用一个美丽和超级简单的文本处理插入文本效果.它也经常被称为凸版印刷的类创建的文本看起来类似凸版印刷机

最终结果

这里是我们将要创建的预览。

创建Photoshop文档

1让我们从基础开始:设置Photoshop文档。打开Photoshop并创建一个新文档(Ctrl + N)。

我们先从一个小画布开始550 px通过550 px文档,但要知道,稍后,您将能够调整项目的画布大小。

创建Photoshop文档

背景图层样式

2我们将在默认的背景图层上添加一个渐变叠加图层样式。要做到这一点,我们需要使图层可编辑。双击图层面板中的背景图层,将打开新建图层对话框。

输入一个的名字对于层(默认为0层);我已经给我的命名了背景

背景图层样式

3.双击图层面板中背景图层的缩略图,打开图层样式对话框。我们想要一个垂直颜色渐变,从深蓝色(# 003471),变成浅蓝色(# 448建行)在顶部。首先,检查渐变叠加复选框以应用图层样式。

然后点击右边的颜色渐变梯度选项打开颜色渐变编辑器。

背景图层样式

4在左侧双击颜色停止并输入深蓝色阴影的颜色值(# 003471),这将是画布底部的颜色。右边也一样吗颜色停止,但这一次,输入浅蓝色(#448年建行).让我们移动颜色中点到一个位置左右的60%使深蓝色在颜色渐变中更占优势。

背景图层样式

5让我们从画布的左上角给背景一个光源。

从工具面板中选择画笔工具(B)。将刷子尖端设置为圆形刷子(我用过喷枪软,但请随意探索你的选择)。设置直径选项500 px,不透明度选项60%,选项70%在选项栏中。

背景图层样式

6创建一个新层(Ctrl + Shift + N)在背景层的顶部,我们将应用光源,称之为背景光源

7设置你的前景从彩色到白色(# FFFFFF).

用笔刷工具(B)仍然激活,单击画布的左上角。

背景图层样式

背景图层样式

创建插入类型

8使用水平文字工具(T)在画布上书写一些文本。在选择字体系列时,最好选择粗体和粗厚的字体,以便更容易显示插入效果。这种字体效果也适用于较大的字体。

我使用罗克韦尔性病设置为大胆的字体大小设置为30 px(您可以在选项栏中设置这些选项)。颜色并不重要,因为我们将使用渐变叠加图层样式(稍后),它将取代你使用的任何前景色。

创建插入类型

9让我们把文本放在画布的中间。在图层面板中,确保文本图层是活动图层。

通过选择>全部(Ctrl + A)选择整个画布,然后选择图层>对齐图层到选择>垂直中心。这将使文本垂直居中。

在画布仍然选中的情况下,通过选择图层>对齐图层到选择>水平中心来水平对齐文本,使我们的文本位于画布的中间。

创建插入类型

创建插入类型

创建插入类型

添加嵌套排版图层样式

10我们将在Inset Typography文本图层上添加三个图层样式:渐变叠加,内阴影和投影。这就是我们所需要的,以获得插入文本效果。首先右键单击图层面板中的Inset Typography文本图层,然后选择混合选项这将打开图层样式选项对话框(或者,在图层面板中双击该图层将执行打开对话框的相同操作)。

添加嵌套排版图层样式

11让我们先做渐变叠加。

在旁边的方框里打勾渐变叠加将此样式应用于文本。我们想要一个类似的颜色梯度作为背景:一个垂直的颜色梯度,文本底部的颜色较深,顶部的颜色较浅。

添加嵌套排版图层样式

12的旁边双击颜色渐变梯度选项打开颜色渐变编辑器。

对于左派来说颜色停止,选择一个深蓝色(比背景层的深蓝色更深)。我选择了# 022854.对于右派来说颜色停止,选择比左边浅一点的蓝色颜色停止,但仍然比背景层的深蓝色深一些。

我选择了# 0 f498c

13因为我们接下来要应用的内阴影图层样式将位于文本的左上角,让浅蓝色在颜色梯度中占主导地位,使内阴影更明显;通过移动颜色中点位置30%

添加嵌套排版图层样式

添加嵌套排版图层样式

14接下来让我们应用内阴影图层样式。在旁边的方框里打勾内阴影.保持120度角度o因此,内阴影的光源来自左上角,与我们之前创建的光源一致。

15的值不透明度,距离而且大小选项将决定插入效果的明显程度或微妙程度。

我选择了设置不透明度50%,距离2 px大小3 px因为我想让它显而易见,但又不夸张。试验这些选项值,直到你得到正确的插入效果。

添加嵌套排版图层样式

16最后,我们将应用投影使文本效果与光源一致。我们希望它非常微妙,足以突出文本效果。

从旁边的方框开始阴影

17改变混合模式选项正常的为了使雨滴阴影少羽毛。

18将阴影颜色从默认值(黑色)更改为明亮的蓝色。我使用工具面板中的滴管工具(I)从光源开始的左上角采样一个颜色,并调整它,直到我得到我满意的颜色:# A8C9E6

19我希望投影是微妙的和小的,所以我使用1 px距离选项将投影定位在文本的右下角,以及2 px大小选择。然后我使用滑块降低不透明度选项,这样投影就不会太突出,我对它很满意30%不透明度。

另外,注意保持投影的角度为120是很重要的o这样它的角度与背景光源和内阴影图层风格一致。

添加嵌套排版图层样式

添加嵌套排版图层样式

我们完成了!

我不是告诉过你这非常简单吗?

分享你的工作!

让我们看看你的作品是如何结束的:将你的作品上传到六版用户组在Flickr上。

下载源文件

如果您想检查您的工作,您可以下载本教程的PSD文件。

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!