二维码 购物车
部落窝在线教育欢迎您!

废金属带电特效字体制作

 

作者:SDC翻茄匠,卓bu群 来源:部落窝教育发布时间:2018-10-22 15:21:16点击:2253

分享到:
0
收藏    收藏人气:0人
版权说明: 网络作品,转载请注明原作者和出处。


编按:在一些电影海报上,我们常常会看到带有闪电,十分有金属质感,又或者是很有科幻感的字体。这些字体是如何制作出来的呢?今天我们就来看看这个废金属带电特效的字体制作过程。

先来看看最终效果吧

 

步骤1

新建一个1280像素*700像素黑色背景的文档(译者注:下面称该文档为原文档)。首先我们来制作背景图——PS中载入碎片材质图,截取一部分,将截取的区域复制粘贴到新建的原文档中,根据原文档调整适合的长宽:

说明: 1 paste 500x293 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


使用柔边的橡皮擦工具擦除碎片贴图的边缘,如下图所示:

说明: 1 erase 500x289 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


在这个背景图上加上两个调整层:
1)黑白调整层(译者注:这一步是将碎片材质图中红色部分调成与整体一致的黑白图像)

说明: 1 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)色阶调整层

说明: 1 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


给色阶调整层加上图层蒙版:

说明: 1 lv mask 500x273 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


做到这步的效果如下:

说明: 1 effect 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


新建一个图层,使用 滤镜——渲染——云彩,在新图层底部渲染上一些云彩,降低不透明度至30%-40%左右,产生一点细微的效果即可:

说明: 1 cloud 500x278 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步骤2

使用刚下载的字体,在画面上输入一些文字,注意左边的字体使用浅灰色,右边的字体使用暗灰色,如下图所示:

说明: 2 type 500x144 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


给字体层加一个图层蒙版,使用柔边的画笔,调整画笔流量和不透明度各约50%,如下图,让文字的某些部分减淡:

说明: 2 erase 500x104 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


给字体层添加以下图层样式

斜面浮雕

说明: 2 bevel 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


等高线

说明: 2 contour 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


描边

说明: 2 stroke 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


内阴影

说明: 2 inner shadow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


渐变叠加

说明: 2 grad 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


外发光

说明: 2 outer glow 500x359 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


目前的效果如下:

说明: 2 effect 500x124 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

 

步骤3

接下来,我们将在文字上叠加一些碎片材质贴图。载入字体层的选区,在PS中载入碎片材质图,将选区移至碎片材质图上,执行复制粘贴命令:

 

说明: 3 sel 500x168 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


把材质贴图复制粘贴到原文档中,稍微向右上方移动一点,产生如下效果:

说明: 3 paste 500x130 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


以新的这层材质图层作为剪切蒙版(译者注:按住alt,鼠标移至上下图层之间,待鼠标形状变化后点左键),添加以下3个调整层:

1)黑白调整层

 

说明: 3 bw Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)色阶调整层

说明: 3 lvs Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


3)曲线调整层

说明: 3 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


回到材质贴图层,给这层加个图层蒙版,使用柔边笔刷,擦除材质贴图的上半部分:

说明: 3 erase 500x98 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


目前的效果如下:

说明: 3 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步骤4

载入闪电图片到PS中,使用套索工具,设置羽化值为30像素,选择图中闪电区域,如下所示:

说明: 4 sel 500x216 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


复制粘贴选取的闪电图像到原文档中,如下图所示,调整闪电层的黑白的参数

说明: 4 bw 500x577 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


然后在调整闪电层的色阶,参数如下:

说明: 4 lvs 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


将达到以下效果:

说明: 4 effect 500x156 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


多复制几层闪电,缩放、排布在文字的周围,试着把图层模式调整为颜色减淡滤色直至最佳效果。

说明: 4 attach 500x153 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步骤5

接着,我们来加入一些横飞的金属片,给画面中制造些动感。回到那张碎片材质图,如下图所示,选取一块碎片

说明: 5 sel 500x342 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


复制粘贴到原文档,扭曲变形一下,使用柔边的橡皮将边缘减淡一些:

说明: 5 distort 500x299 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


调整该碎片层色阶,参数如下图所示:

说明: 5 lv 500x432 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


再多复制几层碎片,将碎片分散摆放在画面各个位置,分别给每块飞散的碎片调整不同的不透明度和大小,以此增加图像整体的纵深感。

说明: 5 scatter 500x300 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


步骤6

最后教大家几个绝招。我合并了文字层,添加滤镜——画笔描边——强化边缘,设置如下:

说明: 6 accent 500x350 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


这么做是为了增亮文字层的边缘

说明: 6 effect 500x171 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


在图层面板最上方添加以下两个调整层

1)选定颜色

说明: 6 cyan Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


说明: 6 white Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


说明: 6 neu Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


2)曲线

说明: 6 curves Design an Awesome Electrified Metal Scrap Text Effect in Photoshop


大功告成,最终效果如下:

说明: electric text flatten 500x281 Design an Awesome Electrified Metal Scrap Text Effect in Photoshop

 

相关文章推荐:

糖果色氢气球特效文字,简直美美哒!

PS制作创意的花朵艺术字教程

PS制作弯曲的丝带组成的艺术字

 

译者:SDC翻茄匠,卓bu       
文章来源:
http://www.psdvault.com/text-effects/design-an-awesome-electrified-metal-scrap-text-effect-in-photoshop/