PS原创教程聚集地
我们一直在努力~

笔刷用起来!PS创建一个逼真的道路纹理文本效果!

P大点S-会PS了不起吗

今天,我们为大家带来一个道路文本效果,一个非常棒的效果,这个效果,说简单也简单,说复杂也复杂。

说简单,是因为操作过程中,无非是路径的创建,画笔描边路径的应用,说复杂是因为要构建一个类似立体感的道路,夹杂很多修补的操作,以及一些蒙版的创建,可能对新手来说,不是一件容易的事。

Anyway,在这个创建过程中,我们将向大家展示一些有关钢笔的应用,画笔的技巧,以及图层混合模式的应用!

原教程来自 textuts 的分享,P大点S翻译(有修改)!

沥青纹理图案来自 bosanza 在 Deviantart 上的分享!

金属纹理图案来自 Nikolay Boltachev 在 subtlepatterns 上的分享!

划痕纹理背景来自 struckdumb 在 Deviantart 上的分享!

 

点击这里下载素材包及PSD

 

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. 百分百视图下的效果如下:

赞(2) 支持作者
转载请注明来自:P大点S » 笔刷用起来!PS创建一个逼真的道路纹理文本效果!
分享到: 更多 (0)
P大点S官方公众号

感谢对P大点S的支持

支付宝扫一扫打赏

微信扫一扫打赏