PS创建梦幻的霓虹效果文字

2016-04-05 13:09 30 1 收藏

有了下面这个PS创建梦幻的霓虹效果文字教程,不懂PS创建梦幻的霓虹效果文字的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS文字特效 】

【PS文字特效】PS创建梦幻的霓虹效果文字

   最终效果:

PS创建梦幻的霓虹效果文字 图老师

  Step 1

  新建画布图老师1400px * 782px,填充黑色,打开纹理素材,用矩形选框工具选出一部分纹理放到原始的文档中来,调整大小作为背景,高斯模糊之。

1 sel 550x555 Create Unique Neon Text Effect in Photoshop
1 gaussian blur Create Unique Neon Text Effect in Photoshop

  设置图层的不透明度为60%:

1 blend 550x447 Create Unique Neon Text Effect in Photoshop

  使用如下图所示的蒙版图层来遮掉部分内容:

1 mask 550x308 Create Unique Neon Text Effect in Photoshop

  使用如下的色彩平衡调整图层来为纹理图层添加一些色彩:

1 col bal Create Unique Neon Text Effect in Photoshop
1 col mid Create Unique Neon Text Effect in Photoshop
1 col high Create Unique Neon Text Effect in Photoshop

  经过以上两个调整,你应该在画布中看到如下效果:

1 effect 550x298 Create Unique Neon Text Effect in Photoshop

  Step 2

  现在使用本文开头下载过来的字体写入一串文本,颜色如下图黄色便签里面所示:

2 type 550x184 Create Unique Neon Text Effect in Photoshop

  给文本添加如下混合样式:

  斜面和浮雕:

2 bevel 550x394 Create Unique Neon Text Effect in Photoshop

  描边:

2 stroke 550x394 Create Unique Neon Text Effect in Photoshop

  内阴影:

2 inner shadow 550x394 Create Unique Neon Text Effect in Photoshop

  光泽:

2 satin 550x394 Create Unique Neon Text Effect in Photoshop

  颜色叠加:

2 overlay 550x394 Create Unique Neon Text Effect in Photoshop

  渐变叠加:

2 grad overlay 550x394 Create Unique Neon Text Effect in Photoshop

  外发光:

2 outer glow 550x394 Create Unique Neon Text Effect in Photoshop

  投影:

2 drop shadow 550x394 Create Unique Neon Text Effect in Photoshop

  效果如下:

2 effect 550x234 Create Unique Neon Text Effect in Photoshop

【PS文字特效】PS创建梦幻的霓虹效果文字(2)

  Step 3

  复制一层该文本,按照图示将复制层轻微移动到边角处:

3 dup 550x210 Create Unique Neon Text Effect in Photoshop

  重复以上复制移动的步骤,多复制几层,直到效果如下:

3 dup2 550x198 Create Unique Neon Text Effect in Photoshop

  在复制的最后一个图层上应用如下色相/Tulaoshi.Com饱和度调整选项同时把文本变暗:

3 dup mer 550x323 Create Unique Neon Text Effect in Photoshop

  效果如下:

3 effect 550x225 Create Unique Neon Text Effect in Photoshop

  Step 4

  现在需要给文本添加一定的高光。选择画笔工具,设置如下:

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

  大小和硬度:

4 brush Create Unique Neon Text Effect in Photoshop

  画笔的颜色:

4 brush color 550x387 Create Unique Neon Text Effect in Photoshop

  在所有图层的上方新建图层,叠加模式设置为叠加(overlay),使用设置好的画笔按照下图添加高光部分:

4 paint 550x200 Create Unique Neon Text Effect in Photoshop

  我们还可以使用烟雾笔刷为文本添加一点烟雾效果:

4 cloud 550x219 Create Unique Neon Text Effect in Photoshop

  最终效果如下:

4 effect 550x268 Create Unique Neon Text Effect in Photoshop

  Step 5

  现在要添加一些电线。使用钢笔工具勾勒如下路径:

5 path 550x442 Create Unique Neon Text Effect in Photoshop

  使用5 px硬边的画笔为路径做描边处理:

5 sroke 550x317 Create Unique Neon Text Effect in Photoshop

  做如下斜面和浮雕混合样式的调整:

5 bevel 550x394 Create Unique Neon Text Effect in Photoshop

  电线的效果:

5 after bevel 550x326 Create Unique Neon Text Effect in Photoshop

  为了实现电线缠绕着文本的状态,需要复制该电线多次,然后按照下图做一个位置和大小的调整:

5 effect 550x294 Create Unique Neon Text Effect in Photoshop

  Step 6

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

  就快完成了!现在需要做点使文本更优雅的小调整。添加如下调整图层:

  可选颜色:

6 sel color Create Unique Neon Text Effect in Photoshop
6 blacks Create Unique Neon Text Effect in Photoshop

  曲线:

6 curves Create Unique Neon Text Effect in Photoshop

  大功告成!

translucent text flatten 550x307 Create Unique Neon Text Effect in Photoshop

        :更多精彩教程请关注图老师photoshop教程栏目,图老师PS群:339853166欢迎你的加入

来源:http://www.tulaoshi.com/n/20160405/2122363.html

延伸阅读
标签: PS PS教程
编者按:周末最佳练手教程!今天@飞屋睿UIdesign 同学带来的是曾经风靡一时的霓虹效果文字,教程界面全中文,素材已打包微盘,文末有源文件下载,包你即学即会! 前言 @飞屋睿UIdesign :刚开始学设计时,师傅对我说,你要练就炉火纯青的地步,那就是看到任何广告图都能马上知道在PS里如何实现。这不是技术分析,慢慢它会变成设...
标签: PS教程
一:新建文档,导入图像,也可以按T然后自己用文字工具打出几个文字来。   二:右键单击图层选择栅格化,然后按CTRL+J复制7个图层。分别设置外发光(混合模式要改为正常),颜色为红橙黄绿蓝青紫,并合并这7个图层。将合并出来的彩色图层放在黑色图层下面...
【PS文字特效】PS设计一个霓虹灯文字效果   设计一个霓虹灯文字效果!设计一个海报的字体效果。 Tulaoshi.Com
最终效果图 制作工具:Photoshop CS 制作过程: 1、打开一幅背景图,效果如图01所示。 图01 2、设置前景色的RGB分别为0、54、255,选择工具箱中的“横排文字工具”,设置好字体、大小,在窗口中输入文字,效果如图02所示。 图02 3、在文字层上单击右键,选择栅格化图层将文字栅格化。 4、按Ctrl+T键为...
【PS文字特效】PS创建可爱的毛茸茸条纹文字效果    最终效果图: 小提示:教程演示版本是CS6,你也可以CS3及以上的版本。 Step 1 创建1000 *460 px大小的新文件,前景色设置:#9193c3,背景色设置:#525578。使用渐变工具径向渐变,从中心拉到角落,默认的前景色到背景色的渐变就行,效果如下。 把「...

经验教程

856

收藏

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