闪字教程,教你用ps做经典的闪字动图教程

2022-12-25 10:02:51 来源/作者: / 己有:16人学习过

这种闪字效果已经流行好几年了,今天再介绍一下用最新版photoshop是怎样做出来的。

前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者飞屋睿UIdesign 也特意挑出来讲,生动贴切,通俗易懂,一学即会。素材跟源文件都给备好了,链接:http://pan.baidu.com/s/1hq6BIxY 密码:jadg

闪字教程,教你用ps做经典的闪字动图教程

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

闪字教程,教你用ps做经典的闪字动图教程

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

闪字教程,教你用ps做经典的闪字动图教程

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

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

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

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

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

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

闪字教程,教你用ps做经典的闪字动图教程

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

闪字教程,教你用ps做经典的闪字动图教程

接下来,我们在每个文字图层的上方都分别新建一个图层,然后用我们的星星画笔来为每个文字添加字面闪闪发光效果。我曾经对这个过程爱恨交加,因为太自由,最终效果很难把握,但又足够培养设计中的艺术感。

两个星星画笔资源安装后都分别提供不同的画笔,但是原来的画笔可能不太适合我的要求,可以在画笔中修改画笔的大小以及画笔方向。

闪字教程,教你用ps做经典的闪字动图教程