图片怎么突出显示文字（ps怎么让文字显示在图片上）

现在不少网站都喜欢用高清大图来装饰网站，而如何让网页中的文字在漂亮的背景中脱颖而出，让读者第一时间识别到文字，对于网页设计师来说可是相当关键。今天，这期的国外PS精品翻译教程就跟大家分享5种简单有效的方法提升网页文字的显著度。非常简单实用，适合小白们学习。

一、增加对比

如下面的图片所示，由于背景与文字的颜色相差较小，导致图片中的文字比较难看清楚。图片的背景中，特别是菜单区域的细节较多。ldquo;Buffalo Wingsrdquo;的文字几乎淹没在图片复杂的背景中。下一步我们要做的就是加强文字与背景的色彩对比。

首先在Photoshop的图层面板中新建图层，并重新命名为ldquo;颜色叠加rdquo;。选择颜色选择工具(快捷键I)，如下图所示，捡取左边大叔的蓝色衬衣的颜色，然后按Shift F5填充在新建图层中。

接着，调整蓝色填充图层的不透明度为50%，并且拉这个蓝色图层到文字图层的下方。

如下图所示，面画的对比度已经有了改善。ldquo;Buffalo Wingsrdquo;等文字在画面中已经显得更加显眼和明显了，这样就能看清楚文字啦。

二、添加阴影

如下面的例子所示。由于文字位于桥梁的阴影部分，文字同时又设置为黑色，这样文字显得非常不显眼，容易让人看不清楚。下面第一步就是设置文字的颜色与特效，改善视觉效果。

当文字设置为白色之后，文字就会非常明显地与背景区别开来，有利于第一眼识别文字。

接着就是为文字添加图层样式和阴影效果啦。设置阴影的不透明度为52%、扩展为16%、大小为100像素、角度为-144deg;。设置完成后，文字的右下方就增加了相应的阴影效果。

通过简单地增加阴影效果，就能让文字完全在背景中凸显出来。

三、添加横线

下面介绍的是其中一种最简单的方式来凸显文字内容。通过在文字上下方添加两条白色横线，可以将背景和文字很好地隔离开来。原图如下所示。

那么在增加两条横线之后，文字内容马上变得很明显。同时，横线和文字的间距适当可以营造良好的设计效果。

四、添加局部半透明背景

在某些条件下，局部增加半透明的背景来增强文字效果，也是不错的方法。如下图所示，白色文字与背景建筑部分颜色比较相似，文字内容变得不是很明显。

为了增加文字的识别度，选择矩形工具，添加图形。形状由设计需要确定，设置图像填充为黑色，然后设置描边为白色、3像素。设置如下图所示。

将图形图层移动到文字图层下方，然后设置图层不透明度为57%。

下图是最终效果，文字是不是已经被突显出来了呢。

五、文字背景模糊化

背景微微模糊化，可以突显文字，就如拍摄中的背景虚化。从下图可以看到，文字再次融到背景中。

背景虚化，第一步就是将背景转化为智能对象，这样背景的图像质量就不会因为模糊化的原因而下降。在图层面板中，对图像右击，选择ldquo;转换为智能对象rdquo;。

然后编辑智能对象。在主菜单栏中，选择ldquo;滤镜模糊高斯模糊rdquo;。操作如下图所示。

设置模糊半径为3.8像素。

这样就能将文字从背景中显现出来，成为画面的焦点。

赞 (0)

相关推荐

  • PS怎么录制去色动作去除图片颜色

    PS怎么录制去色动作去除图片颜色

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道PS怎么录制去色动作去除图片颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着根据下图箭头所指 ...

  • PS怎么通过背景橡皮擦工具替换图片背景

    PS怎么通过背景橡皮擦工具替换图片背景

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道怎么通过背景橡皮擦工具替换图片背景,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着根据下图所示, ...

  • PS如何自定义缩放、旋转图片

    PS如何自定义缩放、旋转图片

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道该软件如何自定义缩放.旋转图片,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着根据下图所示,导入 ...

  • 怎么通过PS给GIF文字添加背景图片

    怎么通过PS给GIF文字添加背景图片

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道怎么通过PS给GIF文字添加背景图片,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着按照需求导入 ...

  • 在PS Photoshop软件中怎么将图片导入文字字体中

    在PS Photoshop软件中怎么将图片导入文字字体中

    今天给大家介绍一下在PS Photoshop软件中怎么将图片导入文字字体中的具体操作步骤.1. 打开电脑,找到桌面上的PS软件,双击打开.2. 然后选择新建一个空白文档,如图进行设置,最后确定.3. ...

  • 电脑中PS在插入文字的时候总是显示程序错误该如何解决

    电脑中PS在插入文字的时候总是显示程序错误该如何解决

    PS是我们现在经常使用的照片编辑软件,还可以对文字进行处理呢.那么今天小编就告诉大家电脑中PS在插入文字的时候总是显示程序错误该如何解决.具体如下:1. 首先我们在电脑中找到PS,右键 .2. 在打开 ...

  • 怎么在PS软件中用仿章工具将图片上的文字删除

    怎么在PS软件中用仿章工具将图片上的文字删除

    今天给大家介绍一下怎么在PS软件中用仿章工具将图片上的文字删除的具体操作步骤.1. 首先打开电脑上的PS软件,进入主页面后,将需要处理的图片导入软件.2. 然后按键盘上的"Ctrl j&qu ...

  • 电脑PS软件如何在点击图片之后不显示图片框

    电脑PS软件如何在点击图片之后不显示图片框

    ps的全称是PHOTOSHOP,是我们现在经常使用的照片编辑软件,而今天小编跟大家分享的是电脑PS软件如何在点击图片之后不显示图片框.具体如下:1. 首先我们需要在电脑中打开PS软件.进入主界面之后点 ...

  • PS软件中不显示文字光标显示为占位字符了如何解决

    PS软件中不显示文字光标显示为占位字符了如何解决

    今天给大家介绍一下PS软件中不显示文字光标显示为占位字符了的具体解决方法.1. 首先打开电脑上的PS软件,然后将想要操作的文档打开2. 依次点击左上方的PHOTOSHOP选项,在打开的菜单中,依次单击 ...

  • 如何解决PS打开文件无法显示图片问题

    如何解决PS打开文件无法显示图片问题

    PS是现在十分常用的一款图片编辑软件,有些用户遇到了打开文件无法显示图片问题,想知道如何解决,接下来小编就给大家介绍一下具体的操作步骤.NVIDIA的设置技巧1. 首先第一步先点击任务栏搜索图标,接着 ...