《如何突显图片上文字效果的PS技巧》由会员分享，可在线阅读，更多相关《如何突显图片上文字效果的PS技巧（20页珍藏版）》请在金锄头文库上搜索。
1、PS 知识现在不少网站都喜欢用高清大图来装饰网站，而如何让网 页中的文字在漂亮的背景中脱颖而出，让读者第一时间识别到 文字，对于网页设计师来说可是相当关键。今天，这期的国外 PS 精品翻译教程就跟大家分享 5 种简单有效的方法提升网页 文字的显著度。非常简单实用，适合小白们学习。 一、增加对比如下面的图片所示，由于背景与文字的颜色相差较小，导 致图片中的文字比较难看清楚。图片的背景中，特别是菜单区 域的细节较多。 “Buffalo Wings”的文字几乎淹没在图片复杂 的背景中。下一步我们要做的就是加强文字与背景的色彩对比。首先在 Photoshop 的图层面板中新建图层，并重新命名为“颜 色
2、叠加” 。选择颜色选择工具(快捷键 I)，如下图所示，捡取左 边大叔的蓝色衬衣的颜色，然后按 Shift+F5 填充在新建图层 中。 接着，调整蓝色填充图层的不透明度为 50%，并且拉这个蓝 色图层到文字图层的下方。 如下图所示，面画的对比度已经有了改善。 “Buffalo Wings” 等文字在画面中已经显得更加显眼和明显了，这样就能看清楚 文字啦。 二、添加阴影如下面的例子所示。由于文字位于桥梁的阴影部分，文字 同时又设置为黑色，这样文字显得非常不显眼，容易让人看不 清楚。下面第一步就是设置文字的颜色与特效，改善视觉效果。当文字设置为白色之后，文字就会非常明显地与背景区别开来，有利于第一眼
3、识别文字。 接着就是为文字添加图层样式和阴影效果啦。设置阴影的不透 明度为 52%、扩展为 16%、大小为 100 像素、角度为- 144。设置完成后，文字的右下方就增加了相应的阴影效 果。 通过简单地增加阴影效果，就能让文字完全在背景中凸显出来。三、添加横线下面介绍的是其中一种最简单的方式来凸显文字内容。通 过在文字上下方添加两条白色横线，可以将背景和文字很好地 隔离开来。原图如下所示。 那么在增加两条横线之后，文字内容马上变得很明显。同时， 横线和文字的间距适当可以营造良好的设计效果。 四、添加局部半透明背景在某些条件下，局部增加半透明的背景来增强文字效果， 也是不错的方法。如下图所示，白
4、色文字与背景建筑部分颜色 比较相似，文字内容变得不是很明显。 为了增加文字的识别度，选择矩形工具，添加图形。形状由设 计需要确定，设置图像填充为黑色，然后设置描边为白色、3 像素。设置如下图所示。 将图形图层移动到文字图层下方，然后设置图层不透明度为 57%。 下图是最终效果，文字是不是已经被突显出来了呢。 五、文字背景模糊化背景微微模糊化，可以突显文字，就如拍摄中的背景虚化。 从下图可以看到，文字再次融到背景中。 背景虚化，第一步就是将背景转化为智能对象，这样背景的图像质量就不会因为模糊化的原因而下降。在图层面板中，对图 像右击，选择“转换为智能对象” 。 然后编辑智能对象。在主菜单栏中，选
5、择“滤镜模糊高斯 模糊” 。操作如下图所示。 设置模糊半径为 3.8 像素。 这样就能将文字从背景中显现出来，成为画面的焦点。 一、路径选择工具的优化(CC+) 本条是针对 PSCC 及以上版本的技巧【在 PSCC 发布之初 本是没有这个功能的，后续的更新中才加上】 ，第一次使用 CC 时相信很多人在使用路径选择工具时都有一些不适感 尼玛怎么什么都能选。更多文章 http:/ 视频素材 编辑 spscwk 事情是酱紫的，在 CC 中，Adobe 将路径工具的级别变为 全局(与 AI 类似)，双击可将目标图层锁定，在未锁定的情况 下路径选择不受图层限制，通俗点说就是，无论你有多少个图 层，是否上
6、锁，只要存在就可以被选中，但是选中了却未必可 以操作(比如选中的路径中包含上锁图层)，这与我们以往的操 作习惯有很大出入，Adobe 也发现了这个问题，所以在后续版 本中增加了这个切换功能。 如上图，这回应该比较好理解了吧在第一次框选时可以 选中任意路径图层(包括上了锁的)，重新调整过左上角的选择 现有图层/所有图层后，则只能选择当前图层，有点类似移动 工具的自动选择。 通过这一设置，我们可以控制路径选择的范围，需要选择 某一路径而不想被其他图层打扰时使用“现用图层” ，当需要 批量操作时选用“所有图层” ，随心控制，就是这么炫酷 关于这个技巧的应用，后文还有说明。 二、创建副本快捷键：Ctr
7、l+J 拓展快捷键：Ctrl+Shift+J， 【C】+J 相信 大家都已经知道，在 PS 中它的标准称谓是“通过拷贝的(形状)图 层” ，用以从一个图层中对某一区域(选区、形状)创建副本图 层，说着挺绕的，所以看图吧： 那么它的拓展呢？看下面： 依然很好理解，相当于在原功能基础上增加了剪切；那么 问题来了!我们能用它来作甚？ 这几天有小伙伴来问了这个问题，如何将统一图层中的多 个形状快速成多个图层？我给他录了上述一段 GIF。 1、最好选用路径选择工具中的【选择所有图层(CC+)】 2、选中图层，切换至路径选择工具 3、点选所需形状/路径， 【C】+【S】+J 4、重复步骤 3，直到拆分结束
8、 很简单不是嘛，原理也很好理解， 【恕我能力有限，在不 使用插件的情况下这是我能找到的最快捷的拆分方式，各位看 官若有更效率的方法欢迎留言告知】 ，当然这一技并不仅仅局 限于拆分，更多的用法等待着你去发现。 三、编组/解组配合选区对齐 快捷键：Ctrl+G 拓展快捷键：Ctrl+Shift+G 在第二期冷知中有提到一个对齐技巧，在文中有说过 选区这个东西无论是选择还是对齐，其优先级都是凌驾于 图层之上的(对于路径无效)，所以当你在画板中创造一个选区 之后，你的任何对齐方式都是以此选区作为关键对象的! 在这里做一下进一步的拓展，图层间的对齐也是分优先级 的，那就是组!当对齐物件中有组存在时无论组
9、内有多少个图 层，其对齐边范围为所有组内图层边界之和。听着有点绕，我 们举个栗子：我们画 A、B、C 三个图层并调整其间距，另画一层 D， 现在我们想让 ABC 之间以相对不变的间距与图层 D 进行对齐， 我给出了如下的方法： 将 A、B、C 编组(Ctrl+G) 按住 Ctrl 点击图层 D 激活该图层的选区 点选组 1，执行对齐 解组(Ctrl+Shift+G)恢复原状 PS：很多人问过我，为什么在使用了对齐之后并没有按 照视觉上的边界完成对齐，这是因为在 Photoshop 中，形状图 层的边界为路径本身，而不是图层的可视边界，在这里就不放 图了，大家做个试验就明白我在说什么了。 四、反
10、向图层 快捷键：无 比较隐秘的一个技巧，不知道大家有没有遇到过类似的困 扰，排了一堆的图层，最后发现顺序全都反了，眼见如山的图 层，怎么办，挨张调整顺序？有的同学可能要说，一定有类似 的插件或者动作的，其实 PS 里一直都有这一功能的。 图层排列反向(选中多个图层才能使用) 那么来看下效果(为了演示效果，此处我设置了快捷键)： N 个图层反向排列 快速替换内容 五、非线性历史记录 又是一个比较生僻的功能，不是很好描述，先看图吧： 上图是开启了非线性历史记录的状态，可以看到在我进行 撤销操作后在进行的操作，其记录会承接之前的步骤，也就是 说 无论是否被撤销，所有的历史记录都将被保留，这样我们 做
11、图时的灵活性就变得更强了，当然弊端也不少，一是开启之后历史记录条数将增长得飞快，耗资源不说，关键步骤被刷掉 就悲催了。再就是习惯问题了，我第一次开启时感觉务必的别 扭。新鲜劲儿过去了就改回来了，不知各位看官是否有用得习 惯的 开启方法见下图： 六、渐变窗口拉伸 不算冷，常玩 PS 的人应该都知道调整超多拐点的渐变 时会很费劲，那么在边缘把窗口拉开就可以了啊，如图： 七、显示蒙版 很多新手对于蒙版的概念不是很清楚，这个技巧可以让你 很清晰地感受蒙版的原理： 按住 Alt 点击蒙版(限图层蒙版，矢量蒙版无效)，这时画 板将切换至蒙版的灰度状态，使调整更加方便按住 Alt 再次 点击蒙版即可退出状态
12、。 顺便一提，按住 Shift 点击蒙版为停用(不冷) 八、钢笔橡皮带 一个很有意思的功能，下面两张对照图： 看到钢笔指针后面的小尾巴了嘛!很有意思是不是!有了这 根尾巴，即可即时丈量到下一笔路径的轨迹，心里有底，手上 有数。 开启方法不能再简单： 上面这里，勾上橡皮带即可。一、路径选择工具的优化(CC+) 本条是针对 PSCC 及以上版本的技巧【在 PSCC 发布之初 本是没有这个功能的，后续的更新中才加上】 ，第一次使用 CC 时相信很多人在使用路径选择工具时都有一些不适感 尼玛怎么什么都能选。事情是酱紫的，在 CC 中，Adobe 将路径工具的级别变为 全局(与 AI 类似)，双击可将目
13、标图层锁定，在未锁定的情况 下路径选择不受图层限制，通俗点说就是，无论你有多少个图 层，是否上锁，只要存在就可以被选中，但是选中了却未必可 以操作(比如选中的路径中包含上锁图层)，这与我们以往的操 作习惯有很大出入，Adobe 也发现了这个问题，所以在后续版 本中增加了这个切换功能。 如上图，这回应该比较好理解了吧在第一次框选时可以 选中任意路径图层(包括上了锁的)，重新调整过左上角的选择 现有图层/所有图层后，则只能选择当前图层，有点类似移动 工具的自动选择。 通过这一设置，我们可以控制路径选择的范围，需要选择 某一路径而不想被其他图层打扰时使用“现用图层” ，当需要 批量操作时选用“所有图
14、层” ，随心控制，就是这么炫酷 关于这个技巧的应用，后文还有说明。 二、创建副本 快捷键：Ctrl+J 拓展快捷键：Ctrl+Shift+J， 【C】+J 相信 大家都已经知道，在 PS 中它的标准称谓是“通过拷贝的(形状)图 层” ，用以从一个图层中对某一区域(选区、形状)创建副本图 层，说着挺绕的，所以看图吧： 那么它的拓展呢？看下面： 依然很好理解，相当于在原功能基础上增加了剪切；那么 问题来了!我们能用它来作甚？ 这几天有小伙伴来问了这个问题，如何将统一图层中的多 个形状快速成多个图层？我给他录了上述一段 GIF。 1、最好选用路径选择工具中的【选择所有图层(CC+)】 2、选中图层，
15、切换至路径选择工具3、点选所需形状/路径， 【C】+【S】+J 4、重复步骤 3，直到拆分结束 很简单不是嘛，原理也很好理解， 【恕我能力有限，在不 使用插件的情况下这是我能找到的最快捷的拆分方式，各位看 官若有更效率的方法欢迎留言告知】 ，当然这一技并不仅仅局 限于拆分，更多的用法等待着你去发现。 三、编组/解组配合选区对齐 快捷键：Ctrl+G 拓展快捷键：Ctrl+Shift+G 在第二期冷知中有提到一个对齐技巧，在文中有说过 选区这个东西无论是选择还是对齐，其优先级都是凌驾于 图层之上的(对于路径无效)，所以当你在画板中创造一个选区 之后，你的任何对齐方式都是以此选区作为关键对象的!
16、在这里做一下进一步的拓展，图层间的对齐也是分优先级 的，那就是组!当对齐物件中有组存在时无论组内有多少个图 层，其对齐边范围为所有组内图层边界之和。听着有点绕，我 们举个栗子： 我们画 A、B、C 三个图层并调整其间距，另画一层 D， 现在我们想让 ABC 之间以相对不变的间距与图层 D 进行对齐， 我给出了如下的方法： 将 A、B、C 编组(Ctrl+G) 按住 Ctrl 点击图层 D 激活该图层的选区 点选组 1，执行对齐 解组(Ctrl+Shift+G)恢复原状 PS：很多人问过我，为什么在使用了对齐之后并没有按 照视觉上的边界完成对齐，这是因为在 Photoshop 中，形状图 层的边界为路径本身，而不是图层的可视边界，在这里就不放 图了，大家做个试验就明白我在说什么了。四、反向图层 快捷键：无 比较隐秘的一个技巧，不知道大家有没有遇到过类似的困 扰，排了一堆的图层，最后发现顺序全都反了，眼见如山的图 层，怎么办，挨张调整顺序？有的同学可能要说，一定有类似 的插件或者动作的，其实
