PS制作怀旧网面有质感的金属文字效果
PS制作怀旧网面有质感的金属文字效果
发布时间:2016-12-26 来源:查字典编辑
摘要:以上就是PS制作怀旧网面有质感的金属文字效果方法,教程制作出来的文字效果很有质感,推荐到查字典教程网,喜欢的朋友一起来看看吧!先来张最终成果...

以上就是PS制作怀旧网面有质感的金属文字效果方法,教程制作出来的文字效果很有质感,推荐到查字典教程网,喜欢的朋友一起来看看吧!

PS制作怀旧网面有质感的金属文字效果1

先来张最终成果图

1.首先需要创建一个点状的图案模板。新建一个文件100*100px,背景填充黑色。使用椭圆工具画一个直径24px的圆①,填充为白色,并放在画布的左上角。复制①并垂直移动40px成为②,复制②并水平、垂直各移动20px成为③,复制①②,然后水平移动40px成为④⑤。

注:平移时,按Shift+方向键试试看吧~

PS制作怀旧网面有质感的金属文字效果2

扯出四条参考线,交点是外围的四个圆的圆心。使用矩形选框工具,框选出参考线围出来的正方形,选择编辑-定义图案,命名为Holes,图案就新建成功了。

PS制作怀旧网面有质感的金属文字效果3

2.新建一个文件,RGB,1450*700px。然后写上几个字,这里用的是ArialBlack,116pt。

PS制作怀旧网面有质感的金属文字效果4

3.给文字图层应用两个图层样式:

PS制作怀旧网面有质感的金属文字效果5

PS制作怀旧网面有质感的金属文字效果6

PS制作怀旧网面有质感的金属文字效果7

4.隐藏背景图层,新建一个图层,命名为"2Alpha",置于顶层,选择图像-应用图像,勾选反相。这个操作会提取可见图层并把颜色反过来。

PS制作怀旧网面有质感的金属文字效果8

PS制作怀旧网面有质感的金属文字效果9

5.按住Ctrl建的同时左键点击"2Alpha"图层,提取出选区。Ctrl+C复制,然后去到通道面板新建一个通道,Ctrl+V粘贴刚才的选区。别忘了Ctrl+D,取消选定。

PS制作怀旧网面有质感的金属文字效果10

6.回到图层面板,删掉"2Alpha"图层,隐藏文字图层的图案叠加效果,文字填充白色。

PS制作怀旧网面有质感的金属文字效果11

7.新建一个图层,再次命名为"2Alpha",选择图像-应用图像,不勾选反向。

PS制作怀旧网面有质感的金属文字效果12

8.然后重复第5步的操作,提取选区-复制-新建一个通道-粘贴。然后在通道面板里,Ctrl+点击,提取Alpha1图层的选区。

PS制作怀旧网面有质感的金属文字效果13

9.保持选区选中,回到图层面板,新建图层命名为"Text",填充为80%的灰,然后取消选定。

PS制作怀旧网面有质感的金属文字效果14

10.背景填充为90%的灰,然后调整"Text"图层,图案叠加里面使用的是"岩石图案"里的"黑色大理石"。

PS制作怀旧网面有质感的金属文字效果15

PS制作怀旧网面有质感的金属文字效果16

PS制作怀旧网面有质感的金属文字效果17

11.复制"Text"图层,命名为"Paint",清除图层样式。

PS制作怀旧网面有质感的金属文字效果18

12.切换到通道面板,新建一个通道。选择滤镜-渲染-云彩,然后滤镜-渲染-分层云彩,然后需要应用这个滤镜两次,也就是按Ctrl+F两次。接下来选择图像-调整-反向,然后图像-调整-色阶,参数如下图。这样形成的白色区域就充当生锈的部分。按Ctrl+点击,提取选区。

PS制作怀旧网面有质感的金属文字效果19

PS制作怀旧网面有质感的金属文字效果20

13.回到图层面板的"Paint"图层,保持选区选中,按Delete删除多余部分。选择图层-复制图层,命名为"Grain",暂时隐藏。

PS制作怀旧网面有质感的金属文字效果21

14.选择"Paint"图层,混合模式为柔光,应用图层样式如图。

PS制作怀旧网面有质感的金属文字效果22

PS制作怀旧网面有质感的金属文字效果23

PS制作怀旧网面有质感的金属文字效果24

PS制作怀旧网面有质感的金属文字效果25

15.在"Paint"图层上方新建一个图层为"Color",选中渐变工具,打开编辑器选择预设的蓝红黄渐变,达到如下效果。

PS制作怀旧网面有质感的金属文字效果26

按住Alt键的同时在"Paint"和"Color"图层之间点击,就形成了剪切蒙版。"Paint"的混合模式设为差值。

PS制作怀旧网面有质感的金属文字效果27

16.让"Grain"图层可见并选中,混合模式设置为颜色减淡,选择滤镜-滤镜库-风格化-艺术效果-胶片颗粒。

PS制作怀旧网面有质感的金属文字效果28

PS制作怀旧网面有质感的金属文字效果29

14.选择"Text"图层,Ctrl+点击提取选区,在这个图层上方新建一个图层,命名为"Highlight"。选择椭圆选框工具,使用方向键移动选区,向上向左各移动1px,填充为白色。然后把选区向右向下各移动1px,即回到原位,然后Delete。给这个图层应用图层样式如下图。

PS制作怀旧网面有质感的金属文字效果30

PS制作怀旧网面有质感的金属文字效果31

18.切换到通道面板,Ctrl+点击提取"Alpha2"的选区,然后回到图层面板,在顶层新建一个图层命名为"Highlight2",移动选区,向右向下各2px,填充为白色。然后移回原位,Delete。

PS制作怀旧网面有质感的金属文字效果32

19.清除选区,对"Highlight2"应用滤镜-模糊-高斯模糊,1px,这样会让高光更自然一些。

PS制作怀旧网面有质感的金属文字效果33

20.切换到通道面板,提取"Alpha2"的选区,回到图层面板,在顶层新建一个图层命名为"Shade",移动选区向左向上各2px,填充为黑色,然后回到原位,Delete。

PS制作怀旧网面有质感的金属文字效果34

21.Ctrl+D,滤镜-模糊-高斯模糊,1px。

PS制作怀旧网面有质感的金属文字效果35

22.Ctrl+点击"PSD"图层来提取选区,在顶层新建一个图层命名为"Shade2",填充为黑色,平移选区向上向左各2px,然后Delete。保持这个图层选中,再次Ctrl+点击"PSD"图层,滤镜-模糊-高斯模糊,2px。

PS制作怀旧网面有质感的金属文字效果36

23.Ctrl+点击"PSD"图层提取选区,在顶层新建一个图层命名为"Highlight3",填充为白色,移动选区向下向右各2px,Delete。再次提取"PSD"图层的选区(这么做是为了下一步的高斯模糊不置于扩散到字母外面),滤镜-模糊-高斯模糊,1px。

PS制作怀旧网面有质感的金属文字效果37

PS制作怀旧网面有质感的金属文字效果38

24.在背景图层上方新建一个图层命名为"Texture",填充为黑色。①滤镜-渲染-镜头光晕(参数见图),②滤镜-渲染-分层云彩,③图像-调整-去色,④滤镜-扭曲-玻璃(参数见图),⑤然后给这个图层添加渐变叠加(参数见图),结果如下:

PS制作怀旧网面有质感的金属文字效果39

PS制作怀旧网面有质感的金属文字效果40

PS制作怀旧网面有质感的金属文字效果41

PS制作怀旧网面有质感的金属文字效果42

25.最后,大家可以随意调节"Color"图层的渐变颜色和"Text"图层的图案,从而得到不一样的效果(直接把原文的图搬过来啦)。

PS制作怀旧网面有质感的金属文字效果43

PS制作怀旧网面有质感的金属文字效果44

以上就是PS制作怀旧网面有质感的金属文字效果教程,希望这篇教程能给大家带来些帮助和启发!

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