永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

永宁高端网站建设

在过去的几年里,活版文字效应已经成为网页设计的一大趋势。它被用于标题,甚至界面。

对活版效果的热爱已经从印刷机转移到我们的电脑屏幕上。如果做的正确,在你的设计中,凸版可以是一个华丽而整洁的重音。

另一个高超,但往往被低估的文本效果是浮雕。不过,你可能在一些菜单上见过。文本浮雕是数字艺术借鉴传统设计的另一种效果。

我们将使用一些基本的图层风格和一些更先进的技术。如果您是Photoshop文本效果的初学者,请继续阅读,了解如何在Photoshop中实现漂亮的凸版和浮雕文本效果。

24,500 Photoshop动作,Photoshop刷子,打印模板和字体现在仅售29美元每月与Envato元素

Background-2-letterpress-embossed-text-effect-tutorial-photoshop

(单击图像查看全尺寸版本)

Background-12-letterpress-embossed-text-effect-tutorial-photoshop

Background-13-letterpress-embossed-text-effect-tutorial-photoshop

Background

1.创建新文档

首先创建一个新文档。我使用的尺寸为700×400,dpi设置为72像素/英寸。

Background-3-letterpress-embossed-text-effect-tutorial-photoshop

2.实色

抓起油漆桶工具(G),用#30485 a填充这一层。

Background-8-letterpress-embossed-text-effect-tutorial-photoshop

下载这个黑色皮革模式并在Photoshop中打开它。没有必要下载原始大小的图像,因为我们将从它定义一个模式。我下载了240×240版本。打开Photoshop中的模式后,转到Edit-Definition模式并单击“确定”。

Background-1-letterpress-embossed-text-effect-tutorial-photoshop

Background-11-letterpress-embossed-text-effect-tutorial-photoshop

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

将图层的混合模式设置为覆盖和不透明度为55%。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

下载这个微妙的纹理并粘贴到您的文档中。点击Ctrl T并调整它,使其适合您的文档。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

转到图层-新调整层-色调/饱和度(CtrlU),并将饱和滑块拖到最左边。

Background-10-letterpress-embossed-text-effect-tutorial-photoshop

然后再转到图层-新调整层-曲线(CtrlM),并将曲线的下部向下拖动一点。

Background-7-letterpress-embossed-text-effect-tutorial-photoshop

凸版-3-凸版-浮雕-文本-效果-教程-Photoshop

4.变暗角

现在选择刷子工具(B)永宁高端网站建设,并选择一个大的软刷,其大小约为150 px,硬度设置为0%。按键盘上的D键,将前景色设置为黑色,背景色设置为白色。保持移动刷的边缘。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

现在增加画笔的大小,并仔细地刷角,以形成一个良好的圆形框架。

凸版-2-凸版-浮雕-文本-效果-教程-Photoshop

必须过滤-模糊-高斯模糊,并将其半径设置为55像素左右,这取决于您的文档大小。如有必要,调整图层的不透明度。我把我的百分之七十五。

背景-5-凸版-浮雕-文本-效果-教程-Photoshop

你的背景已经结束了。若要将图层统一起来,请单击顶部的图层,按住Shift Ctrl,然后单击底层。然后单击Ctrl G对它们进行分组。

 

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

活版效应

选择TypeTool(T)并键入您的文本。我使用了一个名为MyriadPro的字体,设置为Bold,大小为95 pt,间距为10 pt。键入文本后,右键单击图层,然后单击RasterizeType。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

创建活版效果的方法有多种。在我看来,我要教你最简单、最快捷的方法。右键单击文本层并选择混合选项。然后应用以下图层样式。

Background-6-letterpress-embossed-text-effect-tutorial-photoshop

Letterpress-1-letterpress-embossed-text-effect-tutorial-photoshop

Letterpress-5-letterpress-embossed-text-effect-tutorial-photoshop

这些样式对我来说很管用。您可永宁高端网站建设能需要使用设置,使其看起来正确。您的文本层应该与此类似。

Letterpress-4-letterpress-embossed-text-effect-tutorial-photoshop

不太像活版效果,对吧?但我们要解决这个问题。在您的文本层上单击Ctrl。应该出现一个选择。

Letterpress-7-letterpress-embossed-text-effect-tutorial-photoshop

仍然与主动选择头部到您的背景组,并找到黑色皮革图案层。

Letterpress-8-letterpress-embossed-text-effect-tutorial-photoshop

选择它并点击Ctrl J.一个新的层应该会出现。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

Letterpress-9-letterpress-embossed-text-effect-tutorial-photoshop

这样做,你的凸版效果现在应该看起来更现实。

Letterpress-11-letterpress-embossed-text-effect-tutorial-photoshop

对于最后一步,让我们添加微妙的照明到我们的形象。抓取渐变工具(G),点击键盘上的D和X设置白色作为前景颜色,黑色设置为背景色。选择径向梯度,并绘制类似这样的东西。

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

将图层的混合模式设置为软光和不透明度为45%。恭喜你,你受够了印字效果。单击图像查看全尺寸版本.

压花-2-凸版-浮雕-文本-效果-教程-Photoshop

Embossed effect

我们将在相同的背景上创建浮雕文本效果。因此,删除您的凸版文本层和您从黑色皮革图案中减去的图层,然后进行另存为。你应该有一个新的背景与平滑的灯光在上面。

Embossed-6-letterpress-embossed-text-effect-tutorial-photoshop

再次开始键入您的文本。我使用了同样粗体的MyriadPro,尺寸为95 pt,间距为-10。在您键入文本之后,将图层进行栅格化。

Embossed-7-letterpress-embossed-text-effect-tutorial-photoshop

现在将以下图层样式应用于您的文本永宁高端网站建设层。

压花-3-凸版-压花-文本-效果-教程-Photoshop

Embossed-5-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-4-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-8-letterpress-embossed-text-effect-tutorial-photoshop

您的文本层应该与此类似。

Embossed-9-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-10-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-11-letterpress-embossed-text-effect-tutorial-photoshop

现在将这些图层样式应用于浮雕2层。

Embossed-13-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-12-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-16-letterpress-embossed-text-effect-tutorial-photoshop

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

现在对原始文本层进行Ctrl单击。然后转到“选择-修改-展开”,输入1个像素并单击“确定”。

Embossed-14-letterpress-embossed-text-effect-tutorial-photoshop

Embossed-15-letterpress-embossed-text-effect-tutorial-photoshop

完成后,创建一个新层并抓取油漆桶工具(G)。将前景色设置为黑色,并填充新的选择。命名图层笔划。

Embossed-17-letterpress-embossed-text-effect-tutorial-photoshop

做一个Ctrl点击你的原始文本层来选择它。然后选择笔画层并点击键盘上的删除键。

Embossed-18-letterpress-embossed-text-effect-tutorial-photoshop

永宁高端网站建设:如何在AdobePhotoshop中创建Letterpress效果

选择笔画图层并按左键一次。然后将图层的不透明度设置为45%。这应该给你一个整洁的强调笔画围绕你的文字。

Embossed-20-letterpress-embossed-text-effect-tutorial-photoshop

对于最后的触摸,请再次选择原始文本层,然后单击Ctrl来加载所选内容。定位您的黑色皮革图案,并单击Ctrl J.命名层浮雕3,并将其拖到笔画层上方。

Embossed-21-letterpress-embossed-text-effect-tutorial-photoshop

首先,将图层设置为正常,并将不透明度降低到20%。

Embossed-22-letterpress-embossed-text-effect-tutorial-photoshop

然后转到图像调整曲线(Ctrl M),并将曲线的下部向下拖动一点。

Embossed-23-letterpress-embossed-text-effect-tutorial-photoshop

然后转到图像调整-颜色平衡(Ctrl B),在中间色调中将蓝色调的余额设置为20。

Embossed-25-letterpress-embossed-text-effect-tutorial-photoshop

最后,让我们为我们的形象添加更多的照明。要做到这一点,请选择“编辑填充”并选择50%的灰色。设置图层的混合模式为覆盖。然后抓取烧伤工具(O)与大软刷设置为中色调和曝光设置在30%左右。然后往中间刷。如果你要切换图层的混合模式到正常,你应该看到这样的东西。

这就是压花文字的效果。单击图像查看全尺寸版本.

我希望你喜欢在Photoshop中创建凸版和浮雕文本效果的教程。当然,这不是创造效果的唯一方法,Photoshop充满了你只需要尝试的可能性。你只需想象一下,在现实生活中,效果会如何,然后取决于你如何实现它。如果你对某些事情不清楚,可以随意提出建议和问题。

这是PSD文件为您,如果您想比较您的结果与我们的!

就在这种情况下,本教程不是understandable..which,不应该。我发现了另一个第三方信箱视频教程,您可以随时观看!

我在想你永宁高端网站建设!)

酷,分享你的成果和改进!)