Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

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

$
0
0

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

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

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

先看最终效果:

452d711a22cd881da30533028096a1f5 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

教程用到的素材:

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

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

ed734c267841c9aa74a2c3c51e97ed10 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

013d0545122fa30f73d0c2a4cbe32835 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

4c1c79c0251590c9d3f62163d3248f7a 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

46bad606c2709c876fd46a905d0736f2 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

cabd6cde3dfe3adbdea18634b9b857a3 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

这是应用后的结果:

87c5c303e0ac15d5ccdabe5fb0163ed4 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

56482dc91281affe55de9166350fa68d 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

2abb6a100a3e44eac9bbeb977c46a14b 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

0acd2c2bd7fe15aa6ca9bff228243b5b 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

bd10bd57fb727f2294432b97bc8332c1 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

0fe959d66b78cd54e4c61dff4e16e60b 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

b65d979f981dcb38f6dbcca0f2adb0a0 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

220afedea726e424e5f5aed9ee0f045d 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

16b53e510ca6a68e646c64154510d21e 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

5d3cecc18fd72fcfb0b228066680b9e3 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

e0d0002bb574b3b2c95f562ea70385cf 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

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

3cd345a8940a8b37d92480747cba6a51 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

19b3ffeff35672257f965b473842406c 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

4fe9b72b9ec7966435b2ac78fdf06ab7 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

0c6a3bdce1ea6fe4b08b45b83e84268c 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

e07876b5333845ee1411647efe574bb1 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

d5bc766c7305627691b6ed79d088d9ad 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

f9c11241217989a13827144d7389c84d 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

05cf88c0204df9b9197f32a0df6fce2b 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

f6702336fa9cace0821d35a692e7dcb8 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

f715c86947665fe4d44fb52715ba3287 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

adcde083a260458af9e33738252a0eff 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

7d395fcb9b1f5a2e3197dc757f0617a9 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

e124ea4d6f32f73bf2d783725015a866 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

2dbe08e602cb4c00318e1ac4a4359511 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

534a991b918a5e37c0a72a92ec1fd77e 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

d26f204f3456741d591727f010d34eba 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

d39f970457fe3f8ef6d44128ddd67f7f 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

7460c152c67816468d4ff0a63f02f950 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

a1bd075898e480422f859bd89470c219 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

d7f4e54a4af2fc74e379d14f95b8c42e 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

4db7461a39353aa8aa3b56b58354fe8f 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

df860cb000fbb83b216faead368911f2 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

2ffdc6bb9cbd93d94a9fabe3e61d4b7a 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

0b052ebfdf0968ca085874608ff79cc8 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

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

cd6d71ec6e1bdb069f2de4551e722e13 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

445be5336c107c26e8bd5ea19493a916 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

c7d22e85c11c778333be8fecab949dec 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

41a82f2ae2b0b2ae3e656e4397eba88d 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

用画笔画一些小的颗粒

3b890ddcda257604e53b0b11c0073c99 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

应用高期模糊,1PX。

06d890a680c80191c6288d29961b72e1 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

732efffb0d876692126357673dbf6ac5 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

cdfdeecb8c1c99d777136fc83292aeec 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

c34fad8a50e0180b6e50273be2f56b2e 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

cad8709bb5625ac5bde9351ac7361603 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

0540d260cfa5af25d8d874efaa3d4100 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

425e3d77c35f0d85dc3aff0bafe80e18 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

90ae1296bcec189ceefd218417c08540 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

b16ca9c740d5a391b79ec8f591fc844d 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

a22b41f58d5769453716c0ccb9a4b960 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

最终效果!

452d711a22cd881da30533028096a1f5 在PHOTOSHOP中制作非常绚丽的闪光粒子效果

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

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

youshege
 


Viewing all articles
Browse latest Browse all 241

Trending Articles