Photoshop制作漂亮的蓝色星光闪动字教程

2016-01-29 09:27 103 1 收藏

Photoshop制作漂亮的蓝色星光闪动字教程,如果对时间轴及GIF动画比较了解,那么制作闪动文字动画就非常简单。只需要制作3个或多个文字图层,每层文字有一些差异,然后在时间轴中连续播放即可。 最终效果 1、打开PS,新建一个文档。文档大小我选 ...

【 tulaoshi.com - PS 】

如果对时间轴及GIF动画比较了解,那么制作闪动文字动画就非常简单。只需要制作3个或多个文字图层,每层文字有一些差异,然后在时间轴中连续播放即可。
最终效果

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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


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

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

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



6、画笔保持白色,三个图层的闪光效果会有些变化。如果想要画笔更“亮”的,鼠标可以多单击几次。总之,这部分的自由发挥,可以让人找回一点艺术创作的感觉。
12

来源:https://www.tulaoshi.com/n/20160129/1479167.html

延伸阅读
标签: PS效果 PS PS基础
本教程的文字质感部分都是用图层样式来完成。不过作者用到了双层文字。 底部的文字做整体的颜色和质感。然后把顶部的文字加上高质感,适当降低不透明度。文字看上去质感和立体效果都非常明显。最后再在背景上渲染一些文字反射的高光。效果看上去更逼真。 最终效果 1、选一个你喜欢的背景。我使用的是简单的蓝色背景图案,它能完美的体...
来源:硅谷动力 作者:紫晶果 效果图其实就是简单的发光字,只是作者处理的时候加入了一些简单的特效,如控制了发光部分的明暗,同时加入了一些绚丽的颜色及星光装饰等。 最终效果 1、新建一个文档,背景填充为黑色。然后选择一个字体,设置文字颜色# fff43e,在文档上分层输入文字,将文字建一个组如下图所示。 2、拖动并复制“文字组”,...
标签: PS PS基础
利用photoshop可以对文字添加效果,如阴影,渐变等,如此可以制作出漂亮的文字。由于工作关系接触到的一些文字效果,今天在这里手把手教大家制作一款文字插图效果,对字体设置阴影效果使得文字更加立体漂亮,步骤很简单初学者易上手。 效果图: 1. 创建一个渐变图层背景 打开photoshop新建文档(Ctrl+N/PC),大小个人自定,参考是815×...
【PS文字特效】Photoshop制作蓝色浮雕字教程 文字制作的时候,我们只注重文字部分的制作,却忽略了另一个非常重要的部分:文字的装饰。虽然是个小过程,不过却很重要,可以为文字增加不少亮点。 最终效果 图老师推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费...
本教程介绍高光壁纸的制作方法。教程前部分虽然用到了AI,不过在PS里面也同样可以制作出来。整个制作过程比较简单,先画好大致的框架图,然后再渲染颜色,部分高光可以使用高光素材。 最终效果 1、我们将开始在Adobe Illustrator中创建图像。我们完全可以在Adobe Photoshop里做,但我想使用适合这种工作类型的做图工具,如果有矢量,我...

经验教程

25

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部