Photoshop制作星光闪烁的字体教程 Photoshop制作极炫的彩色星空字

Photoshop制作星光闪烁的字体教程

前几天的动态文字教程，有同学反映操作有难度，今天来一篇比较容易上手的。很多新手不理解的动画原理方面，作者也特意挑出来讲，生动贴切，通俗易懂，一学即会。uimaker.com/uimakerdown/">素材跟源文件都给备好了，就等涨姿势了。

记得素材和源文件：星光闪烁的文字动画PS教程素材

打开PS，新建一个文档。文档大小我选用600px*800px。新建成功后，选用渐变工具，沿着画笔的对角线画出一个直线渐变背景。色值从#0a485a过渡到#1180a0。

这里的文字我选用了较为粗的字形，当然，并不是细的字形就不适合。文字颜色设置为#08d7f0。将文字栅格化。这里我建议大家还是放大图像处理一下文字的边缘，让边缘变得更“clean”。

有人问，这里可以选用别的颜色吗?完全可以!选用颜色时要注意的就是，首先，背景不能抢镜。所以背景色一定要比文字的颜色更暗。其次，文字的颜色因为要凸显“闪亮”，所以也不要选用太暗淡的颜色。整个画面保持统一色系，由于闪光已经足够抢眼的效果，因此，不必再增加花哨的色彩搭配来“迷人眼”了。

三、理解基本的动画的原理

在做GIF小动画之前，我想和大家分享一下基本的动画的原理。很多人大概知道，我们看的动画，都是由帧组成的。一般而言1秒有25帧，而对于普通的动画而言，6帧就需要一张原画。我自己理解动画，也就是类似于魔术师，让静止的画面以很快的速度切换，让你的眼睛以为它在移动。

因此，回到我们今天要做的动画效果这里来，我们要做的是一个闪闪发光的动画，那就是光点效果的变化。就像波光粼粼的湖面那种阳光反射出的水光不断星星点点闪烁的效果一样。

经过这样一梳理，我们就知道，我们接下来要做的是就是创造出闪闪发光的不同效果图，然后让这些效果不断切换。而与此同时，文字保持不变。那么，这个闪光效果能变得真实可信。没错。理解了原理，可以开始动手了!

将文字图层复制两个，变成三个文字图层。

进入【滤镜>杂色>添加杂色】，分别为三个文字图层添加杂色滤镜，在杂色滤镜中分别为三个图层设置杂色数量为15%、16%、17%，高斯分布，取消单色的单选框。

Photoshop制作极炫的彩色星空字

作者制作的文字效果非常细腻。前期先做好合适的星空背景，并输入比较大气的文字；然后把文字多复制几层，分别用图层样式制作出初步的彩色眩光效果；最后用画笔及星空素材给文字增加眩光和光斑等，得到想要的效果。

最终效果

一、如何创建背景

1、创建一个新的960 x 720 px文档。点击“ 图层”面板底部的“ 创建新的填充或调整图层”图标，选择“纯色”，使用颜色: #0c0e22。

2、转到文件>置入链接的智能对象，打开Cosmos图片。根据需要调整大小，并将其重命名为背景图片。

<点图片查看大图>

 

3、添加色相/饱和度调整图层，并将其混合模式更改为颜色。将色相值更改为23，饱和度更改为-45。

二、创建文本图层

1、使用Bungee字体输入大写的文本。将大小设置为230 pt，如果使用多行文本，请将“ 行距”值更改为210。

 

2、将文本图层的填充值更改为0，然后复制两次。

三、第一个文本图层的样式
双击原始的文本层应用以下图层样式：

1、添加斜角和浮雕，使用以下设置：
大小：20
选择消除锯齿
阴影模式：颜色减淡
颜色：#47fcc7
不透明度：70%。

 

2、使用以下设置添加等高线：
轮廓：滚动斜坡 - 递减
选择消除锯齿。

 

3、使用以下设置添加描边：
大小：1
填充类型：渐变
使用faucet 30渐变填充。

 

4、使用以下设置添加投影：
不透明度：100％
距离：5
扩展：30
大小：10。素材网

 

这就是第一个文本图层的样式效果。

 

四、第二个文本层的样式
双击第一个文本副本层应用以下图层样式：

1、使用以下设置添加斜角和浮雕：
大小：35
取消“ 使用全局光”的选择
角度：107
高度：37
光泽等高线：环形 - 双
选择消除锯齿
高光模式：
颜色：#ef1d58
不透明度：70％
阴影模式：颜色减淡
颜色：#a81227
不透明度：70%。

 

2、使用以下设置添加等高线：
轮廓：锥形-反转
选择消除锯齿。