今天的教程是PSD+AI共同制作的一个字效，用AI绘制火箭、星球、做字体变形，用Photoshop添加霓虹效果、让画面动起来的技巧，非常适合进阶学习的教程，马克！你可能感兴趣的教程资讯：《》《》效果图：一、在AI里画草图1. 首先呢~打开你的AI，然后用椭圆工具画一个圆，描边：5pt。2. 打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦~3.&然后我们去对象&变换&斜切，倾斜角度：-10°，角度：90°。4.&现在我们要把文字处理成空心字~选择工具选择字，然后右键&创建轮廓，清除文字填充颜色，描边为5pt。5.&画一个小圆，然后用剪刀工具去掉小圆的一部分~在描边里选择3点圆形，双击3点圆形，更改大小&为5pt。6.&复制刚刚制作好的图形，放置在空白位置，看上去像是是月球坑洼的表面~7.&选择构成行星的圆，然后复制CMD+C，粘贴&CMD+F，放置在最上层。按住ALT键的同时拉伸和挤压形状，从而形成周围的行星环，然后复制形状，稍微缩小哟~8.&画板上的某个位置绘制一个椭圆，使用直接选择工具然后向上拖动顶点，拉伸形状~拉伸拉伸它~9.&从钢笔工具组使用转换锚点工具删除手柄，留下一个尖点。然后描边改成5pt圆点。10.&为了构建一个简单的火箭，我们再来添加其他形状~使用对齐面板中的居中对齐，集中所有的元素。11.&再对这个火箭形状复制两次，然后适当缩小放大，放置如下图所示：12.&目前有许多相互重叠的路径，为了达到更好的霓虹灯效果&，我们再来对其进行一些细节处理。选择主行星圆圈，对象&路径&偏移路径。输入3毫米~13.&右键点击所产生的偏移路径上，点击建立参考线。确保参考线可见(&CMD+;&)&并锁定参考线&(CMD+Alt+;&)。14.&使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线（CMD + U）可以很容易地看到。15.&因为字母P超过了行星的轮廓，所以我们要取消组合文本或进入隔离模式，选择“p”字母，然后加3毫米偏移路径~16.&字母P需要单独创造参考线。右键单击并选择释放复合路径，然后在打开主轮廓引导之前删除碗的内侧部分。17.&裁剪掉行星环穿过字母P的路径，然后删除不想要的部分路径。18.&接下来用相同的方式处理其他相交路径。但对于圆环的下段，文本将需要修改，以允许环可以围绕地球~19.&取消其他文本元素的组，然后在第一个和最后一个字母添加偏移路径，建立参考线。记得要释放p的复合路径，才能建立参考线~20.&我们要使用这些新的参考线来剪断的相互交叉的路径，并删除周围的重叠的任何路径~21.&对于其中圆环的重叠文本的区域呢~我们需要从环的路径创建额外的参考线。22.&现在使用剪刀工具裁剪并删除文字在圆环内的路径~23.&有时需要释放的字母复合路径，以便选择和删除我们不想要的部分路径~24.&最后我们处理出来的文字如下图所示&，接下来我们要在Photoshop里给文字添加霓虹灯效果啦~25.&选择路径并改变文字的颜色。（可以选择你喜欢的颜色，教程的颜色只是做参考哦~）26.&在选择&相同&填色和描边，用选择不相同颜色，将其处理成如下图所示的效果~哈哈，看上去是不是很棒！27.&文件&导出，将其文件格式改成PSD。要确保弹出的对话框里的写入图层勾选了哟~28.&在PHOTOSHOP来打开文件。背景填充黑色并添加砖块纹理~（百度搜砖墙纹理就有了）29.&选择所有的霓虹灯字素材，然后按住CMD+J（Ctrl+J）复制他们，然后用Ctrl+E将所有合并。小编认为可以直接盖章图层哟（Ctrl+Shift+Alt+E）~然后命名这个图层为“off”~30.&这一步我们要给该图层添加图层样式哟~颜色叠加，#2A2A2A内发光，#2A2A2A投影，透明度20%，角度90°，距离6，扩展32，大小9。31.&将该图层放置在最下方~32.&现在给围绕在星球外的圆环添加霓虹灯效果，内发光-线性加深，参数如图所示外发光-正片叠底，参数如图所示三个投影，参数如图所示哦~33.&效果如下图所示~34.&之后的文字素材都复制并粘贴图层样式，并改变其颜色~35.&为了节约时间可以选择颜色相同的文字，然后粘贴颜色相同的图层样式。36.&处理完所有的文字后，整个文字看上去十分好看。小编我觉得这个效果很漂亮~你捏？37.&将所有素材分别的建组，如下图所示~38.&接下来打开时间轴窗口哦，在窗口&时间轴里，创建帧动画~39.&在第一个窗口里，关掉所有的带有霓虹灯效果的文字。然后改变时间为1秒哟~40.&之后添加新的帧。打开带有霓虹灯效果的环形。记住时间里设置无延迟哟~41.&增加两个帧，第3个点开红色霓虹灯文字，第4个点开蓝色霓虹灯行星~时间是无延迟~啦啦~O(∩_∩)O哈哈~42.&在接下来的第5个帧里打开第一个火箭&，改变持续时间为1秒~哟哟哟~不同的时间设置出来的效果不同哦~43.&然后在7、6个帧里，打开第二个火箭，关闭第一个火箭~44.&在第7个帧里打开最后一个火箭，关闭之前的火箭~45.&然后火箭的部分，重复5~6次左右~我们就完成啦~最后导出-存储为Web所用格式-GIF格式。完工！
热门素材内容推荐
& CopyRight , , Inc.All Rights Reserved.PS+AI教程！手把手教你绘制酷炫多彩的动态霓虹灯字效
我的图书馆
PS+AI教程！手把手教你绘制酷炫多彩的动态霓虹灯字效
&原文地址：优设译者：效果图：一、在AI里画草图1. 首先呢~打开你的AI，然后用椭圆工具画一个圆，描边：5pt。2. 打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦~3. 然后我们去对象&变换&斜切，倾斜角度：-10°，角度：90°。4. 现在我们要把文字处理成空心字~选择工具选择字，然后右键&创建轮廓，清除文字填充颜色，描边为5pt。5. 画一个小圆，然后用剪刀工具去掉小圆的一部分~在描边里选择3点圆形，双击3点圆形，更改大小 为5pt。6. 复制刚刚制作好的图形，放置在空白位置，看上去像是是月球坑洼的表面~7. 选择构成行星的圆，然后复制CMD+C，粘贴 CMD+F，放置在最上层。按住ALT键的同时拉伸和挤压形状，从而形成周围的行星环，然后复制形状，稍微缩小哟~8. 画板上的某个位置绘制一个椭圆，使用直接选择工具然后向上拖动顶点，拉伸形状~拉伸拉伸它~9. 从钢笔工具组使用转换锚点工具删除手柄，留下一个尖点。然后描边改成5pt圆点。10. 为了构建一个简单的火箭，我们再来添加其他形状~使用对齐面板中的居中对齐，集中所有的元素。11. 再对这个火箭形状复制两次，然后适当缩小放大，放置如下图所示：12. 目前有许多相互重叠的路径，为了达到更好的霓虹灯效果 ，我们再来对其进行一些细节处理。选择主行星圆圈，对象&路径&偏移路径。输入3毫米~13. 右键点击所产生的偏移路径上，点击建立参考线。确保参考线可见( CMD+; ) 并锁定参考线 (CMD+Alt+; )。14. 使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线（CMD + U）可以很容易地看到。15. 因为字母P超过了行星的轮廓，所以我们要取消组合文本或进入隔离模式，选择“p”字母，然后加3毫米偏移路径~16. 字母P需要单独创造参考线。右键单击并选择释放复合路径，然后在打开主轮廓引导之前删除碗的内侧部分。17. 裁剪掉行星环穿过字母P的路径，然后删除不想要的部分路径。18. 接下来用相同的方式处理其他相交路径。但对于圆环的下段，文本将需要修改，以允许环可以围绕地球~19. 取消其他文本元素的组，然后在第一个和最后一个字母添加偏移路径，建立参考线。记得要释放p的复合路径，才能建立参考线~20. 我们要使用这些新的参考线来剪断的相互交叉的路径，并删除周围的重叠的任何路径~21. 对于其中圆环的重叠文本的区域呢~我们需要从环的路径创建额外的参考线。22. 现在使用剪刀工具裁剪并删除文字在圆环内的路径~23. 有时需要释放的字母复合路径，以便选择和删除我们不想要的部分路径~24. 最后我们处理出来的文字如下图所示 ，接下来我们要在Photoshop里给文字添加霓虹灯效果啦~25. 选择路径并改变文字的颜色。（可以选择你喜欢的颜色，教程的颜色只是做参考哦~）26. 在选择&相同&填色和描边，用选择不相同颜色，将其处理成如下图所示的效果~哈哈，看上去是不是很棒！27. 文件&导出，将其文件格式改成PSD。要确保弹出的对话框里的写入图层勾选了哟~28. 在PHOTOSHOP来打开文件。背景填充黑色并添加砖块纹理~（百度搜砖墙纹理就有了）29. 选择所有的霓虹灯字素材，然后按住CMD+J（Ctrl+J）复制他们，然后用Ctrl+E将所有合并。小编认为可以直接盖章图层哟（Ctrl+Shift+Alt+E）~然后命名这个图层为“off”~30. 这一步我们要给该图层添加图层样式哟~颜色叠加，#2A2A2A内发光，#2A2A2A投影，透明度20%，角度90°，距离6，扩展32，大小9。31. 将该图层放置在最下方~32. 现在给围绕在星球外的圆环添加霓虹灯效果，内发光-线性加深，参数如图所示外发光-正片叠底，参数如图所示三个投影，参数如图所示哦~33. 效果如下图所示~34. 之后的文字素材都复制并粘贴图层样式，并改变其颜色~35. 为了节约时间可以选择颜色相同的文字，然后粘贴颜色相同的图层样式。36. 处理完所有的文字后，整个文字看上去十分好看。小编我觉得这个效果很漂亮~你捏？37. 将所有素材分别的建组，如下图所示~38. 接下来打开时间轴窗口哦，在窗口&时间轴里，创建帧动画~39. 在第一个窗口里，关掉所有的带有霓虹灯效果的文字。然后改变时间为1秒哟~40. 之后添加新的帧。打开带有霓虹灯效果的环形。记住时间里设置无延迟哟~41. 增加两个帧，第3个点开红色霓虹灯文字，第4个点开蓝色霓虹灯行星~时间是无延迟~啦啦~O(∩_∩)O哈哈~42. 在接下来的第5个帧里打开第一个火箭 ，改变持续时间为1秒~哟哟哟~不同的时间设置出来的效果不同哦~43. 然后在7、6个帧里，打开第二个火箭，关闭第一个火箭~44. 在第7个帧里打开最后一个火箭，关闭之前的火箭~45. 然后火箭的部分，重复5~6次左右~我们就完成啦~最后导出-存储为Web所用格式-GIF格式。完工！&
馆藏&12287
TA的推荐TA的最新馆藏
喜欢该文的人也喜欢用PS做出漂亮霓虹文字效果_翼狐网
Photoshop资源下载
下载次数：1045
下载次数：979
下载次数：636
下载次数：603
下载次数：593
下载次数：518
Photoshop热门视频教程
共有1731101人学习了该教程
共有1194270人学习了该教程
共有639133人学习了该教程
共有499006人学习了该教程
共有467531人学习了该教程
共有441913人学习了该教程
提供最专业、体验最好的在线教育培训服务，让学设计的你享受最权威与最便利的学习环境！
微信号：yihuwang2012
摘要：用PS做出漂亮霓虹文字效果_翼狐网摘要：非常实用的一个教程，可以很简单地做出漂亮的霓虹文字效果，可以给自己的网站、博客做漂亮的标题、签名。效果图第一步：创建一个文档，分辨率调高一些，让图片质量好一点。第二步：选择字体，输入需要的字，按住ctrl+鼠标左键点击文字图层缩略图(也就是t字母所在位置)，就会出现虚线框选出文字形状的选区，在文字图层上新建一个图层，使用渐变工具-彩虹效果，拉出七彩效果。第三步：保持原选区，选择菜单栏的选择-修改-收缩，对选区进行收缩2像素，使七彩字更为纤细。第四步：将收缩后的图层复制2个副本，分别对副本做滤镜-模糊-高斯模糊效果，一个图层模糊大些，一个小些，可以做出朦胧效果。第五步：新建一个图层，填充较深的颜色，在其上方再新建一个图层，使用矩形选框工具绘制出一个矩形选区，选择羽化工具（快捷键shift+f6）羽化20-100像素，目的在于柔化矩形的边缘线。然后再用渐变工具的前景色色渐变透明模式或者前景色背景色渐变模式（需要先选好前景色和背景色），在矩形框中拉出渐变效果，同样，文字上方也可以做同样处理。最后调整一下渐变图层不透明度至效果满意为止。第六步：用光斑做修饰。可以用柔角工具选择不同颜色错落的点在文字周围，如果想做出倒影效果，只需复制一个七彩文字的副本，使用ctrl+t变形，右键“垂直翻转”拖动至合适位置，降低透明度即可。第七步：加上小文字，也用相同的方法做成彩虹效果。第八步：最后用载好的笔刷或者其他装饰素材加以点缀（素材笔刷上网找，有很多），一幅非常漂亮的霓虹字就完成了，是不是很简单实用？结语：主要用的技巧就是选取文字形状的选区，用渐变做出彩虹效果，再通过复制图层做模糊，再配合适当的点缀，就能做成好看的霓虹字了！更多相关：制作炫彩的文字人像
最多浏览的Photoshop教程
行业教程引导
软件教程引导Photoshop制作漂亮的霓虹发光字效果
当前位置： >
> Photoshop制作漂亮的霓虹发光字效果Photoshop制作漂亮的霓虹发光字效果更新：&&&&编辑：凌菡&&&&来源：呢小网&&&&人气：加载中...&&&&字号：|标签：&&&&&&&&&&&&
来源：Webjx 作者：不详
本教程的渲染的不错。作者用到了一些叠加图层及图层样式来完成文字。后期加上了一些纹理背景，更好的衬托出文字的光感。
1、首先打开PS，创建一个新文件，我是像素创建的文件。然后拖移一个砖墙素材到文件里。
2、选择这个图层，，选择图像--调剂--色相/饱和度，数据：0，45，85。
3、新建一个图层，选择
文件-- 打开--云彩素材，你先断定前风景和后风景依次为黑白色，橡皮擦(E)擦除云彩素材的边缘痕迹，仅留下中间的像素，选择图层模式：颜色减淡。
4、输入你想应用的类似氖气效果的LOGO字样，这里我应用的字母ZEE来创建教程。复制图层，隐藏它，因为我们教程后续步骤中需要几份副本，选择可视的LOGO图层，选择：滤镜--
含混--高斯含混，半径是15像素。
5、跟着以下的，调剂图层样式的设置。我们将应用投影，内阴影，外，浮雕效果，颜色叠加的效果。
浮雕效果：
颜色叠加：
6、这将是你调剂图层样式后的效果。
7、复制图层，使图片的效果加强一点点，降低不透明度为59%。
8、我们需要另外的一个图层，无任何图层样式，将它放在最上面，选择：滤镜--含混--高斯含混，半径应用100像素，并更呢小层模式为颜色减淡。
9、现在应用笔刷，创建字效的另一部分，感到像能黏在墙上的一部分。应用黑色色彩笔刷，在字样下方画一个，应用图层--图层样式--浮雕，应用以下图片的数据调剂它的浮雕效果，E应用-160°角度，Z应用0°的角度。
10、在此应用笔刷(B)，用柔笔，硬度为0，新建一个图层，创建宝贵的一步，仅仅是创建剩下的阴影部分。
最后效果：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
分类选择您可能在找这些帮设计师节省1,085,543,232小时ps发光字！教大家用ps做荧光霓虹灯字效果。
来源：优设网
作者：飞屋睿UIdesign
作者也是利用图层样式来制作霓虹字，只是制作的时候更注重细节，不仅增加了烟雾背景，同时还加入了，这样画面更逼真。
1、新建一个1920px*1080的文件，这个尺寸正是mac的尺寸。我们做网页的滚动播放的广告图时，这个大小最为适合。不过具体的尺寸，仍然是看你的项目实际的需求。
填充一个黑色背景图层，然后再新建一个图层。将前景色设置为黑色，背景色设置为白色，进入【滤镜&渲染&云彩】，对该图层添加云彩。如果一次云彩效果不够，你还可以使用快捷键组合&ctrl+f&重复操作几次。
2、在云彩图层上方再新建一个图层，使用渐变工具，设置一个蓝色（#15aec4）到黑色（#000000）的径向渐变（这里的蓝色也即是我在本例中所使用的主色调，你可以参考，也可使用自己的配色）。渐变层做好后，将渐变层的图层混合模式调整为&正片叠底&。
3、改为正片叠底后之后，样式如下。
4、现在让我们将这个图层再复制（ctrl+J）出两个图层，其中一个混合模式改为&叠加&，置于图层最上方，另一个图层在原图层上方，混合模式不变。
然后，用自由变换工具，将顶部的图层缩短为原来大小的三分之二，另一个图层缩短为原来的三分之一。这是为了营造环境的立体感，因此，非但我们的主要对象的背景需要色彩效果，还要有倒影的感觉。那么，从字面上理解仍然不很清楚的同学，可以看下图。
到了这一步，背景就算是制作完成了。可以将上面做的图层放到新建组&背景&当中，再在背景之上继续做剩下的步骤。
5、将做好的文字型标识拖入其中，置于图层上方，并放于正中，刚好让它立于刚刚三分效果背景图的分界处稍下的位置。这样会让它看起来更具有立体感。
6、将标识的图层复制一层，然后暂时关掉复制层。再为标识图层添加&渐变叠加&的混合样式。渐变的设置可以参考我给的配色，当然要和主色调搭配才行，角度为0的线性渐变。渐变叠加后再为该图层增加【滤镜&模糊&高斯模糊】，模糊大小为18px，这里的大小主要看你的标识大小，做到最终效果如下图所示即可。
7、这时可以打开刚刚隐藏的复制层，将复制层先栅格化，按住ctrl键去点选该图层，目的是为了调出该图层的选区。然后进入【选择&修改&收缩】，将选区收缩2个像素。然后将该图层关掉，保持选区的情况下新建一个图层，在选区内填充白色。
8、我们收缩选区的目的，是为了建立一个比原有文字更细的标识，这是在打造光感效果的时候我时常用到的方法，尤其是光感效果是比较细的条状图形时，顶部图层的收缩就会产生一种聚光效果。
接下来，我们将这个顶部图层也添加高斯模糊，模糊大小为2px。
然后，让我们为其增加图层样式，首先，我将这个图层的透明度降为90%，填充降低为0。接着，我要为它增加外发光的，外发光的设置面板参数如下。
9、再增加一个颜色叠加的图层样式，颜色叠加为白色。完成后，新建一个组，将该图层添加到这个组当中，然后把组的混合模式改为&颜色减淡&。
10、有人说，色彩太过多，看上去总是显得不够高档，这很好办，找到之前第一个已经被高斯模糊18px处理过的图层，再叠加一个单一的颜色即可。在这个PSD中，可以形成千变万化的颜色，重复使用性很高。
11、倒影的效果曾经非常广受好评，制作方法也很简单。让我们再来温习一下吧。将刚刚做好的文字标识放入一个新建的组内，然后复制这个组。
使用自由变化工具，将该组进行垂直翻转的变化处理。把这个翻转后的图形，向下移动到如下图所示的位置。
12、这样看上去已经似乎有倒影效果了，但是倒影也太明显了。运用我们的蒙版，为倒影组增加蒙版。选用黑白线性渐变工具，在蒙版上拉出黑白渐变。
记住蒙版的原理，黑色就能将原图遮挡住，原图不可见，白色则恢复为可见。这也就制造出了倒影的那种慢慢向下方隐去的效果。由于倒影本身也有透明感，因此我们再将倒影层的透明度降低60%。
13、还想增强视觉效果的，可以搭配云彩效果，增加烟雾的画笔在背景层之上，文字标识层之下，建立一个新的组。在该组内新建一个图层，选用烟雾画笔，对其进行自由的修饰。修饰后，请使用白色前景色，并将图层混合模式改为&叠加&。
14、这时还可以在背景层上方增加一些透明的白色矩形，透明度可以设置得非常小，利用透明度之间的交叉视觉营造出另外一种效果。复制多几个，并使用蒙版、透明度来协调整体效果。
15、还需要为文字添加一个阴影，这时就不能使用图层样式的投影功能了。我们可以选用椭圆选择工具，在文字标识的下方选出一块椭圆形，即添加阴影的地方。再为其羽化20px，填充黑色。将阴影层的图层样式改为柔光。
16、在整个构图中，我觉得下面的部分太过于暗，那么让我们来增加一点舞台的效果。在背景层之上新增一个图层，利用刚刚的蓝色到黑色的渐变，采用径向渐变的方法，在下方拉一个半圆。也就是将蓝色的渐变圆放置于下方。然后添加一个蒙版，刚刚我们已经说过了蒙版的使用的方法，那么这里也采用同样的方法，采用黑白渐变来修饰这个渐变圆。
图层面板里能看到渐变的细节。
最终效果：
全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
关注我们微博：
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
欢迎投稿原创或转载教程：
旧一篇： 新一篇：
免责声明：本站文章均由网友原创投稿或由网友转载自第三方，其版权归原作者所有，如出现资料错误或侵权，请通过邮箱联系修正或删除：