Photoshop处理文字让背景和字体更加鲜明

2016-02-15 21:43 64 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop处理文字让背景和字体更加鲜明懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

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

1.增加对比

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图01

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图02

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图03

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图04

2.添加阴影

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

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

图05

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图06

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图07

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图08

3.添加横线

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图09

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图10

4.添加局部半透明背景

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图11

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图12

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

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图13

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图14

5.文字背景模糊化

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图15

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图16

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图17

设置模糊半径为3.8像素。

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图18

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

Photoshop处理文字让背景和字体更加鲜明,PS教程,图老师教程网

图19

来源:http://www.tulaoshi.com/n/20160215/1564296.html

延伸阅读
标签: PS PS基础
最终效果 新建长度1000像素、宽度600像素,分辨率300像素的文档,填充深灰色,输入文字 新建图层,填充白色,滤镜素描半调图案 注意:图案类型选择直线 完成后,按ctrl+alt+G创建剪贴蒙版 ctrl+E合并这两个图层,用魔术棒工具选择文字中的黑色部分,alt+S,R选取相似 ctrl+D取消选择,ctrl+L调整色阶 回到图...
标签: PS
Photoshop教程:滤镜处理背景复杂照片 最终效果 1、打开原图,按Ctrl J复制一层,然后把图层混合模式改为滤色,确定后再按Ctrl J复制一层,图层混合模式改为滤色,图层不透明度为:60%,效果如图1。 (图1) 2、创建可选颜色调整图层,参数设置如图2。 (图2) 3、新建一个图层按Ctrl ALt Shift E盖印图...
Photoshop给杂乱的人像背景处理   本教程主要使用Photoshop给杂乱的人像背景处理的更加美观,我们经常会遇到照片背景很凌乱,出现褶皱,甚至有一些污点,这大大影响了照片的整体效果,那么怎么能让照片背景更加好看呢,别着急,小编告诉你怎么办。在这篇教程中,你将学会运用蒙版、自由变换等工具来使你的照片背景更加美观。 先...
最终效果图 图0 1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框名称为:典雅的绿色文字效果,宽度:为640像素,高度:为480像素,“分辨率”为72,“模式”为RGB颜色的文档,如图1所示。 图1 2、在工具栏中分别设置前景色和背景色的RGB值,设置前景色的RGB值为:197、224、157,设置背景色的RGB值为:104、141、71,并执行...
这是一篇photoshop特效教程,主要为大家介绍使用photoshop中的图层样式功能制作一款精美的不锈钢文字,希望大家喜欢,先看效果图。 1、新建文档600x450像素,双击背景转为普通层,添加样式。 2、点击新建按钮,保存这个样式。 背景如下。 3、前景色#999999输入文字4x4,选择设置数...

经验教程

550

收藏

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