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

PS知识 　　现在不少网站都喜欢用高清大图来装饰网站，而如何让网页中的文字在漂亮的背景中脱颖而出，让读者第一时间识别到文字，对于网页设计师来说可是相当关键。今天，这期的国外PS精品翻译教程就跟大家分享5种简单有效的方法提升网页文字的显著度。非常简单实用，适合小白们学习。 一、增加对比 　　如下面的图片所示，由于背景与文字的颜色相差较小，导致图片中的文字比较难看清楚。图片的背景中，特别是菜单区域的细节较多。“Buffalo Wings”的文字几乎淹没在图片复杂的背景中。下一步我们要做的就是加强文字与背景的色彩对比。 首先在Photoshop的图层面板中新建图层，并重新命名为“颜色叠加”。选择颜色选择工具(快捷键I)，如下图所示，捡取左边大叔的蓝色衬衣的颜色，然后按Shift+F5填充在新建图层中。 接着，调整蓝色填充图层的不透明度为50%，并且拉这个蓝色图层到文字图层的下方。 如下图所示，面画的对比度已经有了改善。“Buffalo Wings”等文字在画面中已经显得更加显眼和明显了，这样就能看清楚文字啦。 二、添加阴影 　　如下面的例子所示。由于文字位于桥梁的阴影部分，文字同时又设置为黑色，这样文字显得非常不显眼，容易让人看不清楚。下面第一步就是设置文字的颜色与特效，改善视觉效果。 当文字设置为白色之后，文字就会非常明显地与背景区别开来，有利于第一眼识别文字。 接着就是为文字添加图层样式和阴影效果啦。设置阴影的不透明度为52%、扩展为16%、大小为100像素、角度为-144deg;。设置完成后，文字的右下方就增加了相应的阴影效果。 通过简单地增加阴影效果，就能让文字完全在背景中凸显出来。 三、添加横线 　　下面介绍的是其中一种最简单的方式来凸显文字内容。通过在文字上下方添加两条白色横线，可以将背景和文字很好地隔离开来。原图如下所示。 那么在增加两条横线之后，文字内容马上变得很明显。同时，横线和文字的间距适当可以营造良好的设计效果。 四、添加局部半透明背景 　　在某些条件下，局部增加半透明的背景来增强文字效果，也是不错的方法。如下图所示，白色文字与背景建筑部分颜色比较相似，文字内容变得不是很明显。 为了增加文字的识别度，选择矩形工具，添加图形。形状由设计需要确定，设置图像填充为黑色，然后设置描边为白色、3像素。设置如下图所示。 将图形图层移动到文字图层下方，然后设置图层不透明度为57%。 下图是最终效果，文字是不是已经被突显出来了呢。 五、文字背景模糊化 　　背景微微模糊化，可以突显文字，就如拍摄中的背景虚化。从下图可以看到，文字再次融到背景中。 背景虚化，第一步就是将背景转化为智能对象，这样背景的图像质量就不会因为模糊化的原因而下降。在图层面板中，对图像右击，选择“转换为智能对象”。 然后编辑智能对象。在主菜单栏中，选择“滤镜模糊高斯模糊”。操作如下图所示。 设置模糊半径为3.8像素。 这样就能将文字从背景中显现出来，成为画面的焦点。 一、路径选择工具的优化(CC+) 本条是针对PSCC及以上版本的技巧【在PSCC发布之初本是没有这个功能的，后续的更新中才加上】，第一次使用CC时相信很多人在使用路径选择工具时都有一些不适感——尼玛怎么什么都能选。 更多文章/ 视频素材 编辑spscwk 事情是酱紫的，在CC中，Adobe将路径工具的级别变为全局(与AI类似)，双击可将目标图层锁定，在未锁定的情况下路径选择不受图层限制，通俗点说就是，无论你有多少个图层，是否上锁，只要存在就可以被选中，但是选中了却未必可以操作(比如选中的路径中包含上锁图层)，这与我们以往的操作习惯有很大出入，Adobe也发现了这个问题，所以在后续版本中增加了这个切换功能。 如上图，这回应该比较好理解了吧~在第一次框选时可以选中任意路径图层(包括上了锁的)，重新调整过左上角的选择现有图层/所有图层后，则只能选择当前图层，有点类似移动工具的自动选择。 通过这一设置，我们可以控制路径选择的范围，需要选择某一路径而不想被其他图层打扰时使用“现用图层”，当需要批量操作时选用“所有图层”，随心控制，就是这么炫酷~ 关于这个技巧的应用，后文还有说明。 二、创建副本 快捷键：Ctrl+J 拓展快捷键：Ctrl+Shift+J，【C】+J相信大家都已经知道，在PS中它的标准称谓是“通过拷贝的(形状)图层”，用以从一个图层中对某一区域(选区、形状)创建副本图层，说着挺绕的，所以看图吧： 那么它的拓展呢？看下面： 依然很好理解，相当于在原功能基础上增加了剪切；那么问题来了!我们能用它来作甚？ 这几天有小伙伴来问了这个问题，如何将统一图层中的多个形状快速成多个图层？我给他录了上述一段GIF。 1、最好选用路径选择工具中的【选择所有图层(CC+)】 2、选中图层，切换至路径选择工具