photoshop打造带电字体

2017-03-25 21:42 30 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐photoshop打造带电字体,赶紧看过来吧!

【 tulaoshi.com - PhotoShop 】

  photoshop打造带电字体

最终效果吧

photoshop打造带电字体   图老师

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/photoshop/)

  好,现在开始咯!

  步骤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

  做到这步的效果如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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

来源:http://www.tulaoshi.com/n/20170325/2628833.html

延伸阅读
【PS文字特效】Photoshop快速打造光感极强质感字体 此次设计的海报主要以光感和质感为主,希望大家多多支持V2老黑! 我们先看下最终效果: 现在开始分析制作步骤吧! 1、新建文档 600x800px 如图: 先选定颜色,把前景色和背景色设置好,如图 2、背景效果达到我提供的效果或接近都可以 【PS文字特效】Photoshop快速打造光感...
【PS文字特效Tulaoshi.Com】利用photoshop打造赎罪破裂字体特技效果   利用photoshop打造赎罪破裂字体特技效果,特技加特技,简单粗暴,而且效果适且于好多的场合,如专题设计、海报设计等,有兴趣的可以试试
来源:图老师 作者:图老师 在本教程中,主要运用了云彩渲染,创建各种效果,如光线和阴影。  最终效果图: 深色版本效果图:   1.新建一个文件,大小自己定,本教程的大小是 800*600。 2.把前景色和背景色的颜色设为:#F2F2F2和#E3E3E3,利用渐变工具拉一条(也可以自己设一个背景渐变色) 3.在画布上输入一个字,...
【PS文字特效】巧用photoshop打造P彩色液体字体效果   巧用photoshop打造P彩色液体字体效果,简单粗暴的制作思路及方法,效果也非常赞,适用于专题或海报
【PS文字特效】Photoshop打造小清新的字体效果风格 1.新建一个画布,新建一层,填充#cbf639 2.新建一层,用黄色画笔tuLaoShi.com,#e7fa48,在上面用柔角笔刷随便装饰下,可以适当改变下不透明度,如图     3.新建一层,用白色画笔,点缀下,改变不透明度     4.用club字体打上PSXT字样,...

经验教程

308

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部