我的灵感创意
今天，我们为大家带来一个道路文本效果，一个非常棒的效果，这个效果，说简单也简单，说复杂也复杂。
说简单，是因为操作过程中，无非是路径的创建，画笔描边路径的应用，说复杂是因为要构建一个类似立体感的道路，夹杂很多修补的操作，以及一些蒙版的创建，可能对新手来说，不是一件容易的事。
Anyway，在这个创建过程中，我们将向大家展示一些有关钢笔的应用，画笔的技巧，以及图层混合模式的应用!
原教程来自 textuts 的分享，P大点S翻译（有修改）！
沥青纹理图案来自 bosanza 在 Deviantart 上的分享！
金属纹理图案来自 Nikolay Boltachev 在 subtlepatterns 上的分享！
划痕纹理背景来自 struckdumb 在 Deviantart 上的分享！
1. 创建一个新文档，我用的大小是1200*1000像素。
2. 创建一个 #464646 到 #0c0c0c 的渐变填充调整层，我们来作为背景。
3. 输入我们的文本PS，作为参考，然后用钢笔工具画出路径来。（无法一次到位没关系，我们可以慢慢调整，路径画完文本就没用了，可以删掉。）
4. 选择画笔工具，选择一个“尖角30”这个画笔，设置大小为125像素，间距为1%，勾选“平滑”。
5. 新建一个图层，并将其命名为“公路”，设置前景色为 #636363。
6. 确保选择住“公路”图层，转到路径面板，选择路径，右键选择描边路径。
7. 在弹出的对话框中，选择画笔，不要勾选模拟压力。
8. 描边完，我们得到如下效果。
9. 打开我们所提供的“gun_metal_@2X.png”图像，将它定义为图案。
10. 下面，我们为这个公路图层添加图层模式，模拟柏油路的效果。
11. 选择画笔工具，在画面中点击鼠标右键，在弹出的画笔菜单中，单击右上侧设置图标，我们可以看到倒数第二个有个方头画笔。
12. 点击那个方头画笔，在弹出的对话框中，选择追加，这样就为你的画笔预设添加了一组方头画笔了。
13. 选择画笔工具，在画笔画板中选择10像素的那个方头画笔，勾选形状动态，设置角度抖动的控制为方向，勾选平滑。
14. 新建一个图层，并把将其重命名为“中间条纹”，设置前景色为#d0c801，确保选择住“中间条纹”图层，转到路径面板，选择路径，右键选择描边路径，在弹出的对话框中，选择画笔，不要勾选模拟压力。
15. 现在，我们得到如下效果。
16. 相信大家都知道，马路上中间的黄色条纹，可不是一条直线，中间是有断开的，所以，我们现在要做的就是这件事。选择“ 橡皮擦工具”，选择24像素的方头画笔，然后转到“ 画笔”面板，在“ 画笔笔尖形状”下，将“ 间距”设置为380％左右。
17. 勾选形状动态，设置角度抖动的控制为方向，勾选平滑。
18. 还是确保选择住“中间条纹”图层，转到路径面板，选择路径，右键选择描边路径，在弹出的对话框中，选择橡皮檫，不要勾选模拟压力。
19. 现在，我们得到如下效果。（如果你想要更长或更短的线条，可以重新设置橡皮擦画笔笔尖间距）
20. 下面，我们将“中间条纹”图层的图层混合模式修改为“颜色减淡”，并将图层“不透明度”修改为80％，现在，条纹和道路的融合显得更逼真了一些。（关于部分条纹相互重叠的问题，我们先忽略，等会我们再修复）
21. 按住Ctrl键，用鼠标左键单击“公路”图层的缩略图以获取选区。
22. 转到路径面板，按住 Alt 键，并点击面板下方的从选区生成工作路径。
23. 在弹出的建立工作路径对话框中，设置容差为0.5像素。
24. 现在我们就得到了边线的路径了，我将其命名为边线！
25. 选择画笔工具，在画笔画板中选择10像素的那个方头画笔，勾选形状动态，设置角度抖动的控制为方向，勾选平滑。
26. 新建一个图层，命名为边线，设置前景色为#e1e1e1，描边路径。
27. 描边完路径，我们得到如下效果。
28. 下面，我们再次载入公路图层的选区，尔后按 Shift+Crtl+i 反选，选择边线图层，按 Delete 键，以删除超出公路的部分，并将边线图层的图层混合模式设置为“亮光”。
29. 我们可以看到公路左右两侧与画面边缘相交的地方存在着条纹，现在我们要做的就是擦掉它，橡皮擦足矣，或者你喜欢用什么工具，都无所谓。
30. 接下来，就比较麻烦了，我们来修补路面，让其形成立体。首先，我们修补的位置是P字，用路径工具，画出如下的路径（为了直观，我用红色线段显示了路径）。
31. 接着，我们创建一个新图层，选择画笔工具，在画笔画板中选择5像素的方头画笔，勾选形状动态，设置角度抖动的控制为方向，勾选平滑，设置前景色为#e1e1e1，尔后描边路径。（跟前面给边线描边是一样的操作的）然后，同样的将这个白线的图层混合模式设置为亮光。
32. 我们可以看到有一些重叠的地方，同样的我们用橡皮擦擦掉。（与黄色线相交的地方，我们先放放，等会再修补）。
33. 下面，我们修补右边的这个圆的地方，同样的先画一条路径。
34. 跟刚才修补一下，用5像素的方头画笔进行描边路径，我直接描边到那个修补图层上，效果如下。
35. 同样的，我们用橡皮擦擦掉重叠的部位。
36. 接下来，画出要修补的第三条路径。
37. 同样的，用5像素的方头画笔进行描边路径，橡皮擦擦除重叠部分，现在，我们的效果如下：
38. 下面，我们开始修补中间的黄色条纹，按照我们画出来的路，不符合的黄色条纹以及重叠的部分，我们用橡皮擦擦除，效果如下。 （直接在黄色的中间条纹图层上擦就可以）
39. 擦完之后，我们可以看到中间少了一条，在这里，我们也不用再用路径下去画了，直接复制一点来就行了。
40. 到这里，我们几乎完成了，唯一欠缺的是立体感，接下来，我们就来完善这一点。刚才我们不是画了3条路径来修补吗，现在我们要利用的也是这3条路径，选择画笔工具，设置如下：
41. 新建一个图层，命名为“投影大”，设置前景色为黑色#000000，选择刚才的3条修补路径，进行描边路径，效果如下：
42. 为“投影大”添加一个图层蒙版，将不应该遮住的部分显示出来。
43. 将这个投影的图层不透明度更改为35%，这样显得柔和一些。
44. 下面，选择画笔工具，跟刚才创建大的投影的设置基本一样的，唯一不同是将画笔的大小缩小
为30像素。
45. 接下来，新建一个图层，命名为“投影小”，设置前景色为黑色#000000，选择刚才的3条修补
路径，进行描边路径，效果如下。
46. 下面，载入投影大的选区，为投影小创建图层蒙版，并将图层不透明度修改为25%。
47. 接下来，我们来完善一下背景，将我们提供的纹理图像放到渐变背景上层，其他图层下层，Ctrl+T 变换调整大小，并将图层混合模式修改为“柔光” 。
48. 创建一个渐变映射，设置为PS自带的紫橙色渐变，设置图层混合模式为“柔光”，图层不透明度为30%。
49. 到这里我们就最终完成了这个道路文本效果的创建了！
50. 百分百视图下的效果如下：
最新评论