
今天,我们为大家带来一个道路文本效果,一个非常棒的效果,这个效果,说简单也简单,说复杂也复杂。
说简单,是因为操作过程中,无非是路径的创建,画笔描边路径的应用,说复杂是因为要构建一个类似立体感的道路,夹杂很多修补的操作,以及一些蒙版的创建,可能对新手来说,不是一件容易的事。
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. 百分百视图下的效果如下:
最新评论