Photoshop制作蓝色绚丽的霓虹效果字体

2016-02-15 23:41 5 1 收藏

下面是个简单易学的Photoshop制作蓝色绚丽的霓虹效果字体教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

今天这个教程里,我们将运用到Photoshop里的蒙板、钢笔、混合模式等技术,创建一个梦幻迷离的霓虹文字效果,过程不难,简单几步就能完成,童鞋们可以试一下。

教程素材:制作蓝色绚丽的霓虹字PS教程素材

最终效果:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 1

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 2

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

斜面和浮雕:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

描边:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

内阴影:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

光泽:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

颜色叠加:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

渐变叠加:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

外发光:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

投影:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

效果如下:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 3

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

效果如下:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 4

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

大小和硬度:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

画笔的颜色:

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

最终效果如下:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 5

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

电线的效果:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

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

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Step 6

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

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

可选颜色:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

曲线:

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

大功告成

Photoshop制作蓝色绚丽的霓虹效果字体,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1565400.html

延伸阅读
标签: PS教程
本教程的字体效果有很多类似的,不过这次介绍的最为详细。文字大致分为三个部分:第一部分是文字描边部分的制作,可以用图层样式来完成。第二部分是中间高光部分的制作,需要用到路径描边及图层样式来制作。最后一部分就是整体高光的渲染,这一步很重要,可以让文字更加艳丽。 最终效果 1、新建(CTRL+N)一个1900*1200px,72分辨率,RGB...
标签: 平面设计
作者也是利用图层样式来制作霓虹字,只是制作的时候更注重细节,不仅增加了烟雾背景,同时还加入了倒影,这样画面更逼真。 最终效果   1、新建一个1920px*1080的文件,这个尺寸正是mac的尺寸。我们做网页的滚动播放的广告图时,这个大小最为适合。不过具体的尺寸,仍然是看你的项目实际的需求。 填充一个黑色背景图...
来源:教程网 作者:飘零的枫叶 本教程的字体效果有很多类似的,不过这次介绍的最为详细。文字大致分为三个部分:第一部分是文字描边部分的制作,可以用图层样式来完成。第二部分是中间高光部分的制作,需要用到路径描边及图层样式来制作。最后一部分就是整体高光的渲染,这一步很重要,可以让文字更加艳丽。 最终效果 1、新建(CTRL+N)一个1...
【PS文字特效】Photoshop制作超酷的绚丽霓虹艺术字   这个教程将详细地教你如何制作超酷炫的带电字体。霓虹效果结合文字、电波以及星光,缤纷色彩用在这里非常酷,光线也能有效地抓住人的眼球。希望大家举一反三,也来设计中文字体的带电效果。下面让我们一起来学习吧。 教程素材:绚丽的霓虹艺术字PS教程素材 在教程开始之...
标签: PS PS基础
本教程主要使用Photoshop制作蓝色梦幻的霓虹字教程,背景墙上质感纹理运用,更真实感的展现霓虹灯效果,主要的流程就是将背景的氛围做好,然后加一下图层样式就可以完成了,发上完成的PSD源文件和墙面素材,如果大家感兴趣可以去试着做一下。 先看看源文件: 蓝色光效的霓虹字PSD教程源文件 最终效果 第1步 首先,下载纹理质感的墙...

经验教程

409

收藏

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