首页 > 设计培训 > 正文

Photoshop制作蓝色光效的霓虹艺术字 Photoshop制作炽热的纹理字

2023-06-01 12:32:02 | 素材网

Photoshop制作蓝色光效的霓虹艺术字

今天飞屋睿UIdesign同学带来的是曾经风靡一时的霓虹效果文字,教程界面全中文,有什么不懂的地方可以下载教程的源文件,包你即学即会。喜欢的朋友一起来学习吧。

教程源文件下载:唯美的霓虹艺术字教程PSD教程源文件

前言

飞屋睿UIdesign:刚开始学设计时,师傅对我说,你要练就炉火纯青的地步,那就是看到任何广告图都能马上知道在PS里如何实现。这不是技术分析,慢慢它会变成设计师的一种本能,好像嗅觉一样。于是,我常常在逛街的时候留意各种海报,各种图形。的确,在设计这条路上,和软件相处融洽,自己的创意才能发挥得更完全。

好了,说完技术含量的表达,我依然坚持己见,那就是技术永远不可能排在第一位。灵感才是第一位的。今天,我们学习的这个教程就是关于如何在PS中做出霓虹效果的文字。也许有很多人以前看过这方面的教程了,但我要说的是,绝对不是每个效果的方法都是千篇一律的。的确,运用技术也需要灵感。在这条路上,我们还有很多路要走。

(提示:本教程末尾提供最终效果图的PSD文档下载)

一、制作背景

要制作霓虹效果的文字,首先我们要说说背景。背景必须得是暗黑型,为什么?在《PS教程!手把手教你绘制多彩飘逸的抽象光》里我已经谈到过原理了。大家有兴趣可以去看看。

新建一个1920px*1080的文件,这个尺寸正是mac的尺寸。我们做网页的滚动播放的广告图时,这个大小最为适合。不过具体的尺寸,仍然是看你的项目实际的需求。

填充一个黑色背景图层,然后再新建一个图层。将前景色设置为黑色,背景色设置为白色,进入【滤镜>渲染>云彩】,对该图层添加云彩。如果一次云彩效果不够,你还可以使用快捷键组合“ctrl+f”重复操作几次。

在云彩图层上方再新建一个图层,使用渐变工具,设置一个蓝色(#15aec4)到黑色(#000000)的径向渐变(这里的蓝色也即是我在本例中所使用的主色调,你可以参考,也可使用自己的配色)。渐变层做好后,将渐变层的图层混合模式调整为“正片叠底”。素材网

改为正片叠底后之后,样式如下:

Photoshop制作炽热的纹理字

效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。
最终效果


1、现在新建一个600*500px的图层。


2、然后复制背景图层一次,并且重新命名为Background Pattern。


3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打开,选择菜单:编辑 > 定义图案),打开图层样式然后选择图案叠加,选择所示的图案。



之后我们选择颜色叠加,正片叠底,颜色为#000000,透明度100%。



现在我们给背景图添加红色的高光,打开图层样式 ,然后在斜面浮凋里选择样式为内斜面,平滑,深度160%,方向:上,大小250px,柔软:16px,角度90°,高度40°,颜色减澹#df0909,透明度95%,差值#4b5a64,透明度30% 。



4、打上文字“SAINT”,大小为130pt,字间距为20pt,字体设置为尖锐。现在我们来复制一层文本并重命名为‘SAINT b’,然后隐藏该图层~哟哟哟~隐藏它是为了做下面的特效哦。


5、现在我们使用移动工具,选择两个文本和背景图层然后垂直居中对齐。


6、选择第一个文字图层,然后打开图层样式,选择图案叠加,选择我们设置好的图案,将范围设置为50%。


与“Photoshop制作蓝色光效的霓虹艺术字 Photoshop制作炽热的纹理字”相关推荐
Photoshop制作炽热的纹理字 Photoshop制作创意风格的霓虹艺术字教程
Photoshop制作炽热的纹理字 Photoshop制作创意风格的霓虹艺术字教程

Photoshop制作创意风格的霓虹艺术字教程在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字。所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻。而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果。要完全掌握Photoshop的滤镜功能,的确是件漫长的过程。它像一个魔术百宝箱,千

2023-10-03 20:16:07
Photoshop制作炽热的纹理字 Photoshop制作漂亮的蓝色荧光字
Photoshop制作炽热的纹理字 Photoshop制作漂亮的蓝色荧光字

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-06-19 23:47:32
Photoshop制作炽热的纹理字 Photoshop制作科技感的蓝色发光水晶字
Photoshop制作炽热的纹理字 Photoshop制作科技感的蓝色发光水晶字

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-06-15 21:58:57
Photoshop制作炽热的纹理字 Photoshop制作金属质感的纹理艺术字
Photoshop制作炽热的纹理字 Photoshop制作金属质感的纹理艺术字

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-10-06 12:23:16
Photoshop制作炽热的纹理字 Photoshop制作描边星光字
Photoshop制作炽热的纹理字 Photoshop制作描边星光字

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-06-18 05:36:14
Photoshop制作炽热的纹理字 Photoshop制作大气的3D荧光灯艺术字
Photoshop制作炽热的纹理字 Photoshop制作大气的3D荧光灯艺术字

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-10-05 20:26:53
Photoshop制作炽热的纹理字 Photoshop制作华丽的金色艺术字教程
Photoshop制作炽热的纹理字 Photoshop制作华丽的金色艺术字教程

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-10-06 21:43:34
Photoshop制作炽热的纹理字 Photoshop制作蓝色透明主题的泡泡和气泡
Photoshop制作炽热的纹理字 Photoshop制作蓝色透明主题的泡泡和气泡

Photoshop制作炽热的纹理字效果字都是用图层样式来完成。过程:先简单做好纹理背景;然后输入想要的文字,并复制一层;再给顶部的文字增加颜色、纹理、质感等;底部的文字用来增加立体效果即可。最终效果1、现在新建一个600*500px的图层。2、然后复制背景图层一次,并且重新命名为BackgroundPattern。3、在这个图层里我们要添加图案(先保存下图所示的纹理素材,用PS打

2023-10-08 16:50:11