简介:本文教大家用PhotoShop制作闪亮的3D彩色粒子文字,非常棒的字效,但教程翻译的不是很好,很多细节部分的制作没有翻译出来,不过只要大家有一定的基础还是可以轻松制作出来的,还请同学们自行意会。

@夜幕前的小丑 制作的时候最好根据提示及参考图慢慢发挥。制作的时候会用到3D功能,最好选用较高版本的PS,比如PhotoShop CS5以上版本。

相关推荐:
《PS新手教程!打造冰冻的文字特效》
《碉堡!不得不看的疯狂字体设计》
《PS教程:创建赤焰喷溅的岩浆文字》

先看最终效果:

PS教程!制作绚丽的闪光粒子字体特效

教程用到的素材:

1、新建一个1800 * 1350像素的文件,分辨率为300像素。你可以选择不同的尺寸。

通过图层样式给背景添加一个径向的渐变叠加,参数及效果如下图。

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

这是应用后的结果:

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

12、把前景色设置为白色,选择画笔工具选择好合适的笔刷,再调出画笔设置面板,设置如下图。

然后在文字周围添加一些白色的小点,需要不断调整画笔的不透明度。

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

新建图层,用软画笔给文字点上几个白色高光

PS教程!制作绚丽的闪光粒子字体特效

就用前面的图层设置,应用3D设置,图层模式设为:叠加。

PS教程!制作绚丽的闪光粒子字体特效

新建图层,再用画笔画一个长条的高光。

PS教程!制作绚丽的闪光粒子字体特效

图层设置跟前面一样,图层样式用:叠加。

PS教程!制作绚丽的闪光粒子字体特效

用画笔画一些小的颗粒

PS教程!制作绚丽的闪光粒子字体特效

应用高期模糊,1PX。

PS教程!制作绚丽的闪光粒子字体特效

复制一层,应用滤镜—模糊—动感模糊。

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

再新建图层,设置一些12-14px大小的颗粒画笔,在上面大胆的刷上一些亮片

PS教程!制作绚丽的闪光粒子字体特效

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

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

PS教程!制作绚丽的闪光粒子字体特效

最终效果!

PS教程!制作绚丽的闪光粒子字体特效

原文地址:zcool
译者:致远 @夜幕前的小丑

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量62万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

PS教程!制作绚丽的闪光粒子字体特效
 

收藏 23
点赞 8

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。