Photoshop制作炫彩时尚的霓虹灯艺术字教程

2016-02-15 22:40 24 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Photoshop制作炫彩时尚的霓虹灯艺术字教程教程,一起来看看吧!超容易上手~

【 tulaoshi.com - PS 】

PS的图层样式参数众多,稍稍设置便可调出众多与众不同的效果,今天我们的这篇教程就只是简单的使用了一下图层样式,便制作出了一个很酷的闪烁的霓虹灯招牌文字效果,由于图层样式的设置过程比较枯燥,我先提供了几个做好的图,简单制作了一个闪闪的霓虹字。

下面是最终的霓虹灯GIF动画效果

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

这是我制作好的第一幅霓虹字效果

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

第二幅霓虹字效果

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

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

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

第三幅霓虹字效果

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

下面简单看下使用这三幅素材,制作GIF动画的过程

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

首先把三幅图片都拖入到PS中来,然后打开动画面板,添加三个帧

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

设置第一帧延迟时间为0.5秒,第一个图层可见,其他的两个图层隐藏

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

设置第二帧延迟时间为0.5秒,第二个图层可见,其他的两个图层隐藏

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

设置第三帧延迟时间为0.5秒,第三个图层可见,其他的两个图层隐藏

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

然后点菜单中的,文件》存储为web和设备所用的格式,在弹出的窗口中点击存储,保存为GIF动画,即可在外部预览这个文件了。以上我们简单介绍了生成GIF动画图片的过程,这里我们不做过多的说明,下面我们来详细介绍下如何使用图层样式,制作上面的霓虹字效果的过程。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

首先,新建一个 400 x 300 背景为黑色的画布

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

选择字体Quantum Flat Hollow BRK,在画布上输入86ps , 然后双击文字图层设置图层样式如图,选择描边,大小12 ,填充类型选择 渐变,渐变的设置为 绿色 白色 绿色 的渐变,具体如图所示。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

然后设置外发光效果,参数如图

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

最后设置投影效果,参数如图所示。

设置好上面的三个参数后,我们的绿色的霓虹字效果就出来了,后面其他的字设置都类似,只是渐变设置,和填充颜色不同而已。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

选择形状工具,在里面找到一个皇冠的形状,放到86ps文字的上方,点缀一下,然后在86ps文字图层上点击右键,在弹出的菜单中选择拷贝图层样式,然后回到皇冠图层,点击右键,在弹出的菜单中选择黏贴图层样式,这样就使皇冠图层和86ps文字图层具有了相同的霓虹效果,拷贝图层样式和黏贴图层样式功能很方便,可以使我们快速的对图层应用相同的样式,而不用一个个的重复设置。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

然后我们继续制作其他文字效果,选择字体迷你简菱心,用文字工具输入让PS更简单,然后继续设置图层样式,依然是描边,外发光,投影,只是需要改变其中的填充颜色,和渐变而已。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

红色的外发光效果

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

让PS更简单文字的投影设置

继续选择形状工具,在里面找到一个多边形圈圈,放到让PS更简单的文字旁边,点缀一下,下面是黄色的圈圈的霓虹效果的设置参数

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

描边参数

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

外发光参数

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

投影参数

设置完成后,我们再到多边形工具里找到一个波浪形的形状,放到文字的底下,然后再设置粉红色的霓虹效果

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

描边参数的设置

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

外发光参数的设置

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

投影参数的设置。

Photoshop制作炫彩时尚的霓虹灯艺术字教程,PS教程,图老师教程网

全部设置完成后,就得到了我们第一幅图的效果,同样的方法,我们只要改变下填充的颜色和渐变设置,就可以依次完成其他两幅图了。

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

延伸阅读
标签: PS PS基础
我们先来看看最终的效果图吧: 具体的制作步骤如下: 新建画布,选择笔画粗细一致的字体,白色,打上字,右击图层选择转换为形状,调节不透明度,看清为止 新建图层,选择圆角矩形,画出一个笔画,按字体位置画第二笔,这样就是一个字母了! 关于Y的画法,复制前一个字母的笔画路径,CTRL+T变换,旋转到正确角度,之后复制已经...
标签: PS效果 PS PS基础
平时我们制作霓虹字,用一个外发光就可以了。这里介绍的霓虹字相对要复杂很多,文字构成主要有三大部分:发光字、中间的亮点、文字上面的装饰线。自己慢慢分步制作即可。 最终效果 1、新建1280*1024px大小的文档,我们来拉个径向渐变,颜色从#361d17到#010101。 2、打开素材1,拉入画布中,调整大小摆放好位置,我们将图层模...
标签: PS PS基础
今天休息,再给图老师的朋友们推荐一个PS制作炫彩立体字的教程,教程介绍的方法挺不错的,制作难度一般,推荐过来和图老师的朋友们一起分享学习了,希望大家喜欢这篇教程吧。 先来看看最终的效果图吧: 效果图 图0   FEVTE编注:更多PS文字效果教程学习和PS制作的文字效果作品交流请进入飞特论坛PS鼠绘交流区:http://bbs.fevte.c...
标签: PS PS基础
最终效果 1、新建一个文档,背景填充为黑色。然后选择一个字体,设置文字颜色# fff43e,在文档上分层输入文字,将文字建一个组如下图所示。 2、拖动并复制文字组,如下图所示。 3、选择文本层组,双击调出图层样式并设置: 外发光:改变颜色为# fff43e, 范围100,来缓解光。 内发光:改变颜色为# fff43e,大小为10,增加范围以6...
【PS文字特效】photoshop制作海报霓虹灯文字教程 几个月前,我开始在旧金山看到的一些《黑色洛城》游戏海报,这些旧式霓虹灯的效果真的很酷,我知道我做过以前教程是关于类似效果的,但我想在photoshop中在做一次 因此,在本教程中,我将教你如何实现类似《黑色洛城》游戏封面中的文字效果,整个过程大约一到一个半小时,他真的很不...

经验教程

275

收藏

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