Photoshop制作碎裂立体文字特效
Photoshop制作碎裂立体文字特效
发布时间:2016-12-26 来源:查字典编辑
摘要:这个PS教程会教您如何使用Photoshop打造碎裂立体文字特效,会教您运用PS滤镜和纹理图片,同时也诠释了如何运用笔刷和图层样式给最终的字...

这个PS教程会教您如何使用Photoshop打造碎裂立体文字特效,会教您运用PS滤镜和纹理图片,同时也诠释了如何运用笔刷和图层样式给最终的字体效果增添光感。本PS教程属于Photoshop中级教程,有兴趣的网友可以自己尝试一下。

最终效果图

Photoshop制作碎裂立体文字特效1

图00

教程涉及资源下载

1、Watford字体

2、Colored Vintage Paper下载的彩色复古纸张纹理09(灰色)、Ciara Panacchia的纹理打包

3、wojtar-stock的生锈质感纹理6

4、redheadstock的火花Ps笔刷

第一步

创建一个1024*768的新文档。前景色#532118,背景色是#170b09。点击渐变工具(G),选取前景至背景的渐变,然后点工具栏中的径向渐变,像下图中拖拽。

Photoshop制作碎裂立体文字特效2

图01

打开彩色复古纸张纹理09(灰色),放置于背景图层之上。调整大小,并将混合模式设置为叠加。

Photoshop制作碎裂立体文字特效3

图02

第二步

利用文字工具(T)键入文本。字体颜色是#6e0023,Watford字体,字号是250像素。复制文本图层(Ctrl+J), 并将副本的填充度降低至0%。

Photoshop制作碎裂立体文字特效4

图03

双击原图层,应用图层样式:

投影:将距离和大小调整为10像素。

Photoshop制作碎裂立体文字特效5

图04

内发光:选择混合模式为正常,不透明度是100%,颜色是#ffff00,大小为8,范围是75%。

Photoshop制作碎裂立体文字特效6

图05

文字就像这样。

Photoshop制作碎裂立体文字特效7

图06

第三步

双击副本,应用图层样式:

斜面和浮雕:深度为450,大小21像素,勾选消除锯齿选项,高光模式为线性减淡,颜色是#ffd200, 阴影模式为强光,颜色是#9c2323。

Photoshop制作碎裂立体文字特效8

图07

等高线:仅勾选消除锯齿。

Photoshop制作碎裂立体文字特效9

图08

两个图层应用图层样式后,文字大概是这种效果。

Photoshop制作碎裂立体文字特效10

图09

第四步在顶层新建一个图层,命名为“纹理”。按住Ctrl键,当出现“点击图层”的图标样式时选择。

Photoshop制作碎裂立体文字特效11

图10

前景色设置为#f8f400,背景色设置为#6e0023。用前景色填充,然后执行“选择——取消选择(Ctrl+D)”。

Photoshop制作碎裂立体文字特效12

图11

第五步

我们接下来要用滤镜做一个简单的纹理。这个纹理是我们一会儿要用到的基础。像如下执行滤镜步骤:

滤镜——素描——网状。

Photoshop制作碎裂立体文字特效13

图12

Photoshop制作碎裂立体文字特效14

图13

滤镜——艺术效果——彩色铅笔。

Photoshop制作碎裂立体文字特效15

图14

Photoshop制作碎裂立体文字特效16

图15

滤镜——扭曲——海洋波纹。

Photoshop制作碎裂立体文字特效17

图16

Photoshop制作碎裂立体文字特效18

图17

第六步将“纹理”图层的混合模式变为柔光。

Photoshop制作碎裂立体文字特效19

图18

图像——调整——色阶(Ctrl+L),将阴影(黑色箭头)值调整为110。

Photoshop制作碎裂立体文字特效20

图19

第七步

下一步是制造生锈效果。打开图片the Rust texture 6,放置顶层。如果你想要更多细节,可以重新调整图片尺寸大小。如果图片不能完全覆盖文本大小,复制图层,移动,直至文本被完全覆盖。需要注意的是确保图片边缘在文本范围之外。

Photoshop制作碎裂立体文字特效21

图20

合并所有纹理图层(Ctrl+点击所有纹理图层,然后选择图层——合并图层,或者点击Ctrl+E)。然后将合并图层的混合模式变为正片叠底。

Photoshop制作碎裂立体文字特效22

图21

同时点击Ctrl键和文本图层来创建选区。

Photoshop制作碎裂立体文字特效23

图22

在确保文本图层被选中的状态下,点击Ctrl+J,复制一个新图层(图层3)。然后你可以选择删除原始图层(图层2),或者关闭图层(关掉旁边的眼睛图标),因为我们不会再用到这个图层了。

Photoshop制作碎裂立体文字特效24

图23

点击Ctrl+L打开色阶,将高光(白色箭头)值设置为210,稍微调亮纹理图层。

Photoshop制作碎裂立体文字特效25

图24

第八步

纹理有些区域看起来太深了。我们有两种办法补救,或者你也可以用别的你喜欢的工具。

第一种方法是使用橡皮擦(E)。选择一个空心圆笔刷,擦去很深的或过多纹理修饰的点,比如,字母“G”上的很深的点。空心笔刷使得线条看起来没那么生硬,但笔刷别选太大,让他们小而且有点距离。

Photoshop制作碎裂立体文字特效26

图25

第二种方法是使用减淡工具(O)。字母“E”不用删去整个部分,可以用减淡工具看起来更明亮一点。你最好调整一下顶部工具栏的设置,比如范围或曝光度。过度曝光可能会太过明亮,尽量把数值选择在50%左右。

Photoshop制作碎裂立体文字特效27

图26

在下一步之前把所有你想弄的修饰都完成。

Photoshop制作碎裂立体文字特效28

图27

第九步打开笔刷面板(窗口——笔刷),选择一款空心圆形笔刷。将大小设置在30像素左右,圆度是40%,间距是1000%。

Photoshop制作碎裂立体文字特效29

图28

形状动态栏中,大小抖动改为100%,角度抖动的菜单栏选方向,这会使笔刷角度按照文字的路径展现。

Photoshop制作碎裂立体文字特效30

图29

第十步

右键点击文本图层,选择创建工作路径。

Photoshop制作碎裂立体文字特效31

图30

调整前景色为#f8f400, 选直接选择工具,在顶部创建一个新图层,命名为“描边”。右键点击工作路径,选择描边路径。

Photoshop制作碎裂立体文字特效32

图31

从菜单的工具栏中选择笔刷。

Photoshop制作碎裂立体文字特效33

图32

这将用设定好的笔刷描边。点击回车,取消路径选择。

Photoshop制作碎裂立体文字特效34

图33

第十一步

双击“描边”图层应用图层样式:

外发光:将混合模式变为线性减淡,颜色是#ff9b0d。

Photoshop制作碎裂立体文字特效35

图34

内发光:将混合模式变为线性减淡,颜色是#ffff2b,源是居中,所以是从中心而不是边缘发光。

Photoshop制作碎裂立体文字特效36

图35

这将会给描边添加逼真的发光效果。

Photoshop制作碎裂立体文字特效37

图36

你可以用空心圆形笔刷涂掉字母边角上那些不是按照路径的点。

Photoshop制作碎裂立体文字特效38

图37

第十二步再次打开笔刷面板(窗口——笔刷),这一次,选14像素星星笔刷,间距调整为250%。

Photoshop制作碎裂立体文字特效39

图38

随意调整形状动态。我们的目的是调整火花的大小和角度。

Photoshop制作碎裂立体文字特效40

图39

同样也调整下散布状态。你可以多试几个值,看看不同的效果。

Photoshop制作碎裂立体文字特效41

图40

第十三步

像第十步一样创建工作路径,在原始文字图层下创建新图层,命名为“BG 火花”,用火花画笔描边。右键点击“描边”图层,选择“拷贝图层样式”,右键点击“BG火花”图层,选择“粘贴图层样式”。用同样的方法使火花背景图层也应用相同的图层样式。

Photoshop制作碎裂立体文字特效42

图41

第十四步

下载火花Ps笔刷压缩包,选择一款你中意的火花图案。你可以改变形状动态,使每次你增加一个火花,大小和旋转角度都有所不同。

Photoshop制作碎裂立体文字特效43

图42

在顶层创建新图层,命名为“火花”,再次粘贴“描边”图层的图层样式,在发光图层上添加火花。

也别添加太多的火花了。

Photoshop制作碎裂立体文字特效44

图43

结语

这就是最终的效果了。如果你的文本字体大小不同,你还要调整一下斜面浮雕值。希望你享受这个教程,并有所收获。

Photoshop制作碎裂立体文字特效45

图44

原文地址:PHOTOSHOP教程:打造发光生锈的字体

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类