用photoshop快速做一个凹凸文字效果

2016-01-29 16:42 1 1 收藏

用photoshop快速做一个凹凸文字效果,本Photoshop初级教程详细讲解如何用Photoshop制作凹凸文字效果,涉及到了的图层混合选项,特别适合Photoshop初学者和新入行的设计师。

【 tulaoshi.com - PS 】

这篇Photoshop初级教程教一些新的设计师朋友如何简单轻松制作一个漂亮的凹凸文字效果(inset text effect),又叫凸版印刷(letterpress)文字效果。下图是最终效果:

photoshop初级教程-凹凸文字效果

1.创建Photoshop文档

首先创建一个Photoshop空白文档。打开Photoshop,按Ctrl+N新建文档,这里我们用小画布,设成550px×550px,当然可以随时调节画布大小。

photoshop初级教程-凹凸文字效果

2.制作背景图片

1)我们要创建一个用渐变做的背景。新建图层,或者将原来的背景图层解锁(只要双击原来的背景图层),接着弹出如下图的对话框,将它名字改成background,点击确定。

photoshop初级教程-凹凸文字效果

2)双击刚才的背景图层,打开Photoshop图层混合选项。用图层混合选项做渐变比直接用Photoshop渐变工具要方便许多,而且可以很容易地更改效果。

我们想要创建一个从亮到暗的垂直渐变,参考颜色:亮蓝(#448CCB),暗蓝色(#003471)。如下图:

photoshop初级教程-凹凸文字效果

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

点击颜色条,弹出如下图的选择颜色的对话框,选择我们的参考颜色,你可以通过拉动中间的滑块控制明暗的比例。

photoshop初级教程-凹凸文字效果

3)渐变完成了,但色彩不够丰富,我们要为背景增加一盏“灯”来丰富色彩。

选择Photoshop的画笔工具,选择一个大的笔刷,降低硬度、透明度和流量(如果你有数位板更好控制),如下图:

Styling the Background Layer

按住Ctrl+Shift+N来创建一个新的图层,命名为background light。将前景色设为白色,用笔刷在左上角点击。效果如下图:

photoshop初级教程-凹凸文字效果

photoshop初级教程-凹凸文字效果

3.创建凹凸文字

1)用Photoshop的文字工具创建一些示例文字,选择一些比较粗的字体效果会更好。而且文字尺寸也要大一些,这里设置成30px(Photoshop默认文字单位是pt,可以通过选项更改成px)。

photoshop初级教程-凹凸文字效果

2)现在我们要将文字和Photoshop画布对齐起来(译者:令我惊奇的是,很多使用经常使用Photoshop的人甚至不知道如何对齐。)

确保先选择文字图层,然后按Ctrl+A选中所有,接着到Photoshop菜单 :图层(Layer) 对齐图层( Align Layers to Selection) 垂直居中(Vertical Centers),垂直对齐后,在同样菜单下点水平居中(Horizontal Centers)。或者可以直接点击Photoshop菜单栏下的几个对齐图标,这样操作更快捷。

photoshop初级教程-凹凸文字效果

3)下面我们开始为文字做凹凸效果,同样还是用Photoshop的图层混合选项。这里会用到三种效果:投影、内阴影和渐变叠加。双击文字图层进入Photoshop图层混合选项。

photoshop初级教程-凹凸文字效果

打开Photoshop图层混合模式后先在左边选中渐变叠加,同样我们要让文字也从上到下逐渐变暗,同时文字的颜色整体上要比背景稍微暗一些。渐变的使用方法和之前一样,这里提供两个参考的颜色值。亮蓝(#0F498C),暗蓝(#022854),效果见下图:

photoshop初级教程-凹凸文字效果

4)让文字有凹下去的效果关键在于内阴影,选中内阴影。将方向(Angle)设为120度,这样可以模拟左上角的灯光效果,并适当降低透明度(opacity)。

距离(distance)是控制内阴影的偏移量,这里设置为2px。大小(size)是控制内阴影的柔和程度,这里设置为3px。在Photoshop图层混合选项里,这两个参数非常重要,但是它们的作用都差不多。参数设置如下图,读者可以自己尝试一些不同的数值。

photoshop初级教程-凹凸文字效果

photoshop初级教程-凹凸文字效果

5)效果大致完成了,但是还不够真实,现在来增加一些倒角。倒角的是通过Photoshop的投影来模拟的,只要把投影的颜色更换成亮的颜色,就可以将投影变成高光了。

进入投影选项,除了将投影颜色改成一个亮蓝色(#A8C9E6)之外,还要把混合模式变成普通(normal)才能生效。距离设置为1px,大小设置为2px(这两个选项作用参照前面),这样就可以得到一个锐利的倒角了。同样要适当减低透明度。

photoshop初级教程-凹凸文字效果

photoshop初级教程-凹凸文字效果

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

如此,photoshop的凹凸文字效果就完成了。看上去步骤有点多,因为这是初级教程,熟练的朋友只需要两三分钟就能做出这个效果。虽然教程很简单,但是文字效果却不错,快去尝试一下吧。

原文链接:How to Create Inset Typography in Photoshop

来源:https://www.tulaoshi.com/n/20160129/1499373.html

延伸阅读
【PS文字特效】PS一个简单的编织www.tulaoshi.com纹理文字效果 效果图 制作步骤:
标签: PS PS教程
对于初学者,您将学习如何使用基本的融合和矢量形状的建筑技术以及一些复杂的线性渐变,并且实时角功能创建的指甲油瓶盖。接下来,您将学习如何创建一个粉红色的艺术画笔,一个简单的背景和流畅的一段文字。充分利用外观面板和探路者面板中,您将学习如何添加阴影和亮点为您的文本片段。最后,您将学习如何添加一些指甲油滴和一堆微妙的闪...
1,新建文件,白色画板,做一个矩形,用#EEF8E0填充。如图 2.为矩形填加滤镜效果 Eye Candy 4000--Jiggle 如图 3.为矩形添加内发光效果,参数如图 4.为矩形添加投影效果,如图 5.画几个矩形用#C1A880填充,然后用“更改形状区域”工具随意修改下形状
【PS文字特效】PS快速打造一个锈迹纹理效果文字 www.tulaoshi.com效果图:   操作步骤
标签: PS PS教程
先看一下效果:   下面我们将用photoshop的各种扭曲功能,将文字做得像是快要累趴下了的样子。新建工作窗口,然后在背景图层填充红色。按“D”键恢复前景色和背景色为默认值,新建图层1执行“滤镜”→“渲染”→“云彩”命令。   下面执行“滤镜”→“扭曲”→“波浪”命令。如图设置弹出对话框。   按“Ctrl+U”...

经验教程

278

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部