文字特效

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 文字特效 >

photoshop制作绚丽霓虹灯效果的打散立体文字教程

致远

文字的主体部分是用滤镜来完成,得到一些块状的文字;然后做一些透视处理,让文字有立体感;再给文字边缘装饰一些小点;最后就是渲染文字整体及局部的颜色和光影,得到非常绚丽的效果。

最终效果:

photoshop制作绚丽霓虹灯效果的打散立体文字教程

主要过程:

1、新建一个1800 * 1350像素的文件,分辨率为300像素。确定好双击背景图层填充图层样式,设置渐变叠加,参数及效果如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

2、输入自己喜欢的文字,文字用黑色。字体最好粗一点,这样效果更明显。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

3、把文字栅格化图层,然后复制一层,把前背景色设置为白黑,如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

4、对文字副本执行:滤镜 > 纹理>               彩色玻璃,参数及效果如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

5、选择菜单:选择 > 色彩范围,然后用吸管吸取黑色部分,如下图,确定好得到想要的选区。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

6、保持选区,再选择菜单:选择 >               调整边缘,参数设置如下图,记得勾选输出选项中的颜色净化。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

7、确定好得到一个带有蒙版的图层,白色边线都消失了。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

8、双击图层添加图层样式,设置图案叠加,参数及效果如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

9、把前,背景颜色设置为黑白,如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

10、再执行:滤镜 > 纹理 >               彩色玻璃,参数设置如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

11、创建色阶调整图层加强一下对比,确定好按Ctrl + Alt + G 创建剪贴蒙版。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

12、把前景色设置为白色,选择画笔工具选择好合适的笔刷,再调出画笔设置面板,设置如下图。然后在文字周围添加一些白色的小点,需要不断调整画笔的不透明度。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

13、对小点图层执行:滤镜 > 纹理 > 彩色玻璃,如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

14、把小点及文字图层合并,再复制一层,对副本执行:3D               >  从图层创建3D明信片。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

15、旋转角度并加上透视效果,参数如下图。确定后新建一个图层,把新建图层与文字图层合并。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

16、给当前图层添加图层样式,设置投影机渐变叠加,参数及效果如下图,确定后把填充改为:0%。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

17、把当前图层复制一层,移动原图层的下面,添加图层蒙版,用黑白渐变拉出下图所示的效果。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

18、修改一下投影的颜色,去掉渐变叠加,确定后把填充改为:0%。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

19、把原文字图层复制一层,把填充及不透明度都改为:100%,并清除图层样式,把混合模式改为“叠加”如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

20、把当前图层复制一层,然后添加图层样式,选择“斜面和浮雕”及等高线,参数设置如下图,确定后把填充改为:0%,,效果如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

21、把图层混合模式改为“滤色”,效果如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

22、创建色阶调整图层,参数设置如下图,确定好按Ctrl               + Alt + G 创建剪贴蒙版。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

23、为了增强效果,把当前文字图层复制一层,转为智能对象后适当高斯模糊处理。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

24、根据需要渲染一下文字颜色。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

photoshop制作绚丽霓虹灯效果的打散立体文字教程

25、在背景图层上面新建一个图层,加上一些斜纹背景如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

26、执行:滤镜 > 扭曲 >               选择扭曲,如下图。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

27、把混合模式改为“正片叠底”,不透明度改为:25%。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

28、把当前图层复制一层,添加图层蒙版,用黑白渐变拉出下图所示的效果。

photoshop制作绚丽霓虹灯效果的打散立体文字教程

最终效果:

photoshop制作绚丽霓虹灯效果的打散立体文字教程

教程结束,以上就是photoshop制作绚丽霓虹灯效果的打散立体文字教程的全部内容,希望大家喜欢!

相关教程推荐:

Photoshop制作闪烁的霓虹灯文字

PS制作漂亮的五彩缤纷的霓虹灯文字效果

用PS制作出漂亮的霓虹灯艺术字体效果图