如何突显图片上文字效果的PS技巧 推荐

中国加油Y 阅读:65次 时间:2019-04-05 22:13:54
最佳经验
由作者撰写原创经验并推荐置顶

现在不少网站都喜欢用高清大图来装饰网站,而如何让网页中的文字在漂亮的背景中脱颖而出,让读者第一时间识别到文字,对于网页设计师来说可是相当关键,接下来,就跟大伙儿分享5种简单有效的方法提升网页文字的显著度,非常简单实用,适合小白们学习,以下内容是由微蓝经验网用户发布如何突显图片上文字效果的PS技巧,希望对于用户有一定帮助,为朋友进行解决疑惑,如若想了解更多相关内容,可以向底部移动了解更多与本教程文章相关解决经验方法!

如何突显图片上文字效果的PS技巧
一、增加对比
  1. 1/4

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

    如何突显图片上文字效果的PS技巧
  2. 2/4

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

    如何突显图片上文字效果的PS技巧
  3. 3/4

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

    如何突显图片上文字效果的PS技巧
  4. 4/4

    如下面的图一样,面画的对比度已经有了改善。“BuffaloWings”等文字在画面中已经显得更加显眼和明显了,那样就能看清楚文字啦。

    如何突显图片上文字效果的PS技巧
二、添加阴影
  1. 1/4

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

    如何突显图片上文字效果的PS技巧
  2. 2/4

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

    如何突显图片上文字效果的PS技巧
  3. 3/4

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

    如何突显图片上文字效果的PS技巧
  4. 4/4

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

    如何突显图片上文字效果的PS技巧
三、添加横线
  1. 1/4

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

    如何突显图片上文字效果的PS技巧
  2. 2/4

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

    如何突显图片上文字效果的PS技巧
  3. 3/4

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

    如何突显图片上文字效果的PS技巧
  4. 4/4

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

    如何突显图片上文字效果的PS技巧
四、添加局部半透明背景
  1. 1/4

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

    如何突显图片上文字效果的PS技巧
  2. 2/4

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

    如何突显图片上文字效果的PS技巧
  3. 3/4

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

    如何突显图片上文字效果的PS技巧
  4. 4/4

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

    如何突显图片上文字效果的PS技巧
五、文字背景模糊化
  1. 1/5

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

    如何突显图片上文字效果的PS技巧
  2. 2/5

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

    如何突显图片上文字效果的PS技巧
  3. 3/5

    然后编辑智能对象。在主菜单栏中,单击“滤镜>模糊>高斯模糊”。操作如下面的图一样。

    如何突显图片上文字效果的PS技巧
  4. 4/5

    设置模糊半径为3.8像素。

    如何突显图片上文字效果的PS技巧
  5. 5/5

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

    如何突显图片上文字效果的PS技巧
相关评论发表评论

声明 未经许可,请勿转载。

ps斑点素材 在ps中给图片添加斑点颗粒效果的方法
ps图片怎么覆盖,Ps如何让图片覆盖在文字上
怎样用PS调出图片的效果,赶紧试试吧!
ps怎么把图片变成照亮边缘效果,赶紧收藏下来!
PS给文字加描边效果,新手小白一定要会!
在ps中给图片添加壁画和波浪效果,新手小白必须会!
Word文字技巧—如何设置文字环绕图片 word如何让文字环绕图片
如何在ps中给文字添加膨胀和投影效果,解决问题大妙招!
PS中如何给文字设置红色投影效果-ps中如何给文字设置红色投影效果图
在ps中给图片添加砖形纹理化和投影效果,也用的上!
怎样使用ps更改图片文字颜色
如何去除图片上的文字(PS使用教程)

新手帮助反馈投诉免责声明服务协议

© 2025 VLPOS.com 版权所有 微蓝网 ICP备案号:黑ICP备20003952号-1