话点 言语峰

如何利用PHOTOSHOP创建斑驳的彩色金属文字

转载文章

向好友分享此话题 4人分享

分享话题后, 信息将显示于动态内。

c8ifIfMM.jpg

在设计中,一个恰到好处的文字效果能直接震撼访客的视觉,在购物网站尤为常见。这些惊人的文字效果是怎么做出来的呢?今天分享一个教程:利用 Photoshop 创建一个复古风格强烈的彩色金属文字,你可以在临摹中学习一下作者的思路。


最终效果预览:

gBszXgTQ.jpg

第一步:

首先我们需要定义一种点状样式. 建立一个100×100像素的新文件,分辨率设置为300像素/英寸。背景填充为黑色。采用椭圆选择工具,设置为固定尺寸,高度和宽度都为24像素。在画布的任何地方点击,然后在选择框里点击,拖动并置于画布的左上角。

将选区填充为白色,拖出一条水平和垂直辅助线置于选区的中心。按下SHIFT键并保持,按4下方向键将选区向下移动40像素。填充为白色。现在将选区向上和向右分别移动20像素,再次填充白色。接下来将选区向下和向右分别移动20像素并填充白色。

现在按下图再拖出两条辅助线置于选区的中心。将选区向上移动40像素然后再次填充白色。现在用矩形选择工具选取交叉的辅助线之间的区域,见下图。然后执行编辑〉定义样式,命名为”孔”。现在可以关闭文件了。

VzuF0Ukr.jpg

第二步:

新建一个宽1450px 高700px的文件,分辨率为300px/inch。确保颜色模式为RGB。选择水平文字工具输入文字。我这里采用字体Arial Black,大小为116pt。

4dBQJuNL.jpg

第三步:

现在我们将应用两种图层样式。首先应用描边(Stroke)样式,设置如下:尺寸10像素,位置为内部,混合模式为正常。不透明度为100%,颜色为黑色。然后应用图案叠加样式(Pattern Overlay),设置如下:混合模式为正常,不透明度100%,样式设置为”孔”,比例设置为50%。

lhPP2tfy.jpg

第四步:

将背景层隐藏,在最上面建立新层命名为”2 透明”,执行图像〉Apply Image and check Invert.。 该操作将当前可见图层的选区变平并反转。

3zc3bVMe.jpg

第五步:

按住Ctrl并点击”2 透明”层以载入选区,并按下Ctrl+C复制。进入通道面板,建立新通道。按下Ctrl+V粘贴。然后Ctrl + D取消选择。

xkwBv5Ou.jpg

第六步:

进入图层面板,现在我们不需要”2 透明”这个层,所以将它删除。将PSD层的图案叠加样式设为隐藏,将文字颜色设为白色。这里图层命名为PSD是因为我们输入的是PSD。你可以按你自己的文字命名。

0584Fh5Q.jpg

第七步:

在最上面建立新层,再次命名为”2 Alpha”因为这个层将作为alpha通道。确保背景层仍然为隐藏。执行图像〉Apply Image and uncheck Invert

D0qNmCgq.jpg

第八步:

现在Ctrl+单击”2 Alpha”图层载入选区。然后Ctrl+ C 复制,进入通道面板建立新通道,点击Ctrl+ V粘贴。保持在通道面板,Ctrl+单击”Alpha 1″通道载入选区

CULkjGo1.jpg

第九步:

进入到图层面板建立新层命名为”文字”,通过ALT+退格键将前景色设置为80%的灰度。然后取消选择。

DxCVgQNm.jpg

第十步:

由于我们的最终图上是黑色背景。那么最好现在就将背景调暗。将背景层填充为90% 灰度。现在对”文字”层应用2种样式。第一种为图案叠加,设置为:柔光,不透明度100%,样式为”黑色大理石”,范围为100%。第二个样式为投影。设置为:正片叠底,100%不透明度,角度为120。距离16像素,平铺30%,大小为15像素。

eij7F80d.jpg

第十一步:

执行层〉复制图层命名为”上色”。将本层的样式拖到层面板的垃圾箱里(即删除样式)。

sKHxry5V.jpg

第十二步:

进入通道面板建立新通道。执行滤镜〉渲染〉云彩。然后执行滤镜〉渲染〉分层云彩。然后按下CTRL+ F再应用两次滤镜。现在执行图像〉调整〉反相。 图像〉调整〉色阶(CTRL+L),输入为200,1,255。此图的白色区域将作为锈蚀部分。CTRL+ 单击通道载入选区。

v3siKlih.jpg

第十三步

选择”着色”层按下DELETE删除选择区域。执行层〉复制图层命名为”颗粒”。现在将”颗粒”曾设置为隐场。取消选区。

E2jleTOK.jpg

第十四步:

回到”着色”层,应用投影样式。设置为:正片叠底,不透明度100%,角度120,距离和分布为0,大小5像素。应用内发光,设置为:颜色加深,不透明度35%,大小1像素。应用线性叠加,设置为:叠加,不透明度60%,渐变为黑白,样式为线性,角度90。将”着色”的混合模式设置为柔光

IwaFYUOj.jpg

第十五步:

在”着色”层上新建一层命名为”颜色”.选择渐变工具,打开线性选择工具,选择:蓝色,红色,黄色。设置为线性渐变并按如下方式填充图层。按下ALT键,点击”着色”和”颜色”层中间的分隔线,以将”着色”层定义为剪贴蒙板。将”颜色”层的混合模式改为差异。

JYpl6PlW.jpg

第十六步:

选择”颗粒”图层,设为可见。执行滤镜〉艺术化〉薄膜纹理。 颗粒设置为10,高光区和强度为0,图层混合模式为颜色减淡。

xYhYFpKZ.jpg

第十七步:

CTRL+单击”文字”层以载入选区。在其上面建立新层命名为”高光”。选择椭圆选择工具,用方向键将选区向左和向上移动1像素。将选区填充白色。将选区向右和向下移动一像素回到原处。按下DELETE删除。对”高光层”应用外发光层样式,设置:叠加,不透明度100%,大小2像素

C5uVnrqL.jpg

第十八步:

进入通道面板,CRTL+单击”ALPHA 2″载入选区。回到层面板,在上面建立新层命名为”高光2″。将选区向右和向下移动2像素。填充白色。然后将选区向左和向上移动2像素,按下DELETE删除。取消选择。

QoUKVq2r.jpg

第十九步:

执行滤镜〉模糊〉高斯模糊,应用1像素的半径。用来将高光变得平滑。

5rfA27m5.jpg

第二十步:

进入通道面板,CTRL+单击”ALPHA2″层载入选区。回到层面板,在上面建立新层命名为”阴影”。将选区向左和向上移动2像素。填充黑色。将选区向右和向下移动2像素。按下DELETE删除。

NZJWKFAk.jpg

第二十一步:

CTRL+D取消选择。执行滤镜〉模糊〉高斯模糊,应用1像素半径。

EbEaZUzg.jpg

第二十二步:

CTRL+单击”PSD”图层载入选区。在最上面建立新层命名为”阴影2″。填充黑色。将选区向上和向左移动2像素,按下DELETE删除。再次CTRL+单击”PSD”图层。执行滤镜〉模糊〉高斯模糊。应用2像素半径。

OCu6rDwE.jpg

第二十三步

CTRL+单击”PSD”图层载入像素。在最上面建立新层命民为”高光3″。将选区填充黑色。将选区向下和向右移动2像素,按下DELETE删除。CTRL+单击”PSD”图层载入选区,因为我们不希望此高光向外模糊。现在执行滤镜〉模糊〉高斯模糊,应用1像素半径。CTRL+D取消选择。

hGh1oOsW.jpg

第二十四步:

在上面建立新层,命名为”纹理”。填充为黑色。执行滤镜〉渲染〉镜头光晕。将亮度设为160%,镜头类型为50-300mm 变焦。 然后执行滤镜〉渲染〉分层云彩。接下来图像〉调整〉去色(Desaturate)。 执行滤镜〉扭曲〉玻璃,设置为:扭曲20,平滑2,范围(Scale)100%。 最后应用渐变叠加样式,设置为:正片叠底,不透明度70%。

W9Y2AfRg.jpg

第二十五步:

通过改变渐变和”颜色”层的颜色,以及改变”文字”层的图案叠加样式的纹理,你可以实现各种效果。

hIopVbhN.jpg


总结:

好了。现在完工了。希望您学到了新东西,也希望您喜欢本教程。

ORDUwTjc.jpg



原文地址:psdreamworks

27条回复

1
贩本太郎

东西是好东西 这教程很老

2
左月

教程虽然很老,但感谢分享!

3
苏门

感觉好好,希望能多发一些实用教程

4
浅蓝记忆

质感 大爱

5
请给流氓一把吉他

这个不错,可以试试!

6
你该脑补了

神了,效果意外的不错

7
年糕少年

一看就喜欢

8
苏漫漫

看着看着后面就对不上了

9
Rainbo

这设计很有趣,学习了,有空教练!

10
止云悠

很有价值的教程

11
睡着了的猫

棒呆,学一个

12
若水之滨

说的不是很详细..有些东西 找不到..

13
神经暴走

好复杂 做到一半做哭了 唉唉唉从头开始

14
请给流氓一把吉他

洞洞金属文字,牛逼

15
苏门

没有素材做不了哦,而且说明有点不清晰啊,做得好辛苦。

16

好吧,剩下二步没耐心了~

17
哈❤

1、教程里太多没用的话 2、图层命名是英文,翻译是中文,对不上

18
奥特曼打小怪兽

做了一半就做不下去了 有些说明看不明白

19
保保

翻译太蛋疼,机器翻译的吧

20
八宝

学习的路还很长

21
三面亚当

一个图层样式就解决了,搞这么复杂.

22
周嘉嘉

为毛是英文的?

23
小夕

待会试一下

24
半岛

表示看不懂 好多步骤不可逆 一步错步步错

25
那猫叫二货灰

现在好多技术贴~不错

26
明夜

确实很多教程因为直接翻译出来,和我们这边使用的有所差别,而且还有些素菜没有。步骤也不是很清楚

27
嗨小奇

这个不错,没事练习下

邀请好友加入启维

输入想邀请的好友邮箱, 启维将第一时间发送邀请码

好友1
好友2
好友3
好友4
好友5

邀请邮件已发送, 感谢您使用启维!