首页 > 设计培训 > 正文

Photoshop制作星光闪烁的字体教程 Photoshop制作超酷的蓝色霓虹灯效果图

2023-05-26 13:17:59 | 素材网

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop制作超酷的蓝色霓虹灯效果图

很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。

先看看效果图

背景图素材(另存即可):

霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。

再给一点冷色系。

OK 现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它们都合并起来,因为到后面会有非常非常多的图层,尽量保持图层的简洁明了。

输入大小为50的ADOBE默认黑体。最好是英文,笔画越简单越好。中文显然不好处理。这里非常重要,我的霓虹灯GIF不是所有的字都一起变化,而是单独的。有时这个字是亮的,有时相反。所以我们必须要让每个字母单独成为一个层。这里我只输入一个字母,然后复制N层,你需要几个字母就复制几层。然后用移动工具把它们均匀的排列开来。

把字母修改成你需要的,再将每个字母按排列位置给相对应的层重新命名,这个很重要,以后找起来方便啊, 对不对?

素材网

与“Photoshop制作星光闪烁的字体教程 Photoshop制作超酷的蓝色霓虹灯效果图”相关推荐
Photoshop制作星光闪烁的字体教程 Photoshop制作绚丽的霓虹灯文字效果
Photoshop制作星光闪烁的字体教程 Photoshop制作绚丽的霓虹灯文字效果

Photoshop制作星光闪烁的字体教程前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。uimaker.com/uimakerdown/">素材跟源文件都给备好了,就等涨姿势了。记得素材和源文件:星光闪烁的文字动画PS教程素材打开PS,新建一个文档。文档大小我选用600px*800px。

2023-09-24 12:44:48
Photoshop制作星光闪烁的字体教程 Photoshop制作霓虹发光特效的艺术字
Photoshop制作星光闪烁的字体教程 Photoshop制作霓虹发光特效的艺术字

Photoshop制作星光闪烁的字体教程前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。uimaker.com/uimakerdown/">素材跟源文件都给备好了,就等涨姿势了。记得素材和源文件:星光闪烁的文字动画PS教程素材打开PS,新建一个文档。文档大小我选用600px*800px。

2023-09-14 15:35:25
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作极炫的彩色星空字
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作极炫的彩色星空字

Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。先看看效果图背景图素材(另存即可):霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。再给一点冷色系。OK现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它

2023-06-29 05:39:18
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作漂亮的蓝色荧光字
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作漂亮的蓝色荧光字

Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。先看看效果图背景图素材(另存即可):霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。再给一点冷色系。OK现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它

2023-08-26 17:49:39
Photoshop制作星光闪烁的字体教程 Photoshop制作创意风格的霓虹艺术字教程
Photoshop制作星光闪烁的字体教程 Photoshop制作创意风格的霓虹艺术字教程

Photoshop制作星光闪烁的字体教程前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。uimaker.com/uimakerdown/">素材跟源文件都给备好了,就等涨姿势了。记得素材和源文件:星光闪烁的文字动画PS教程素材打开PS,新建一个文档。文档大小我选用600px*800px。

2023-05-27 12:18:45
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作奶牛图案的立体字教程
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作奶牛图案的立体字教程

Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。先看看效果图背景图素材(另存即可):霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。再给一点冷色系。OK现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它

2023-09-05 01:13:44
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作创意风格的霓虹艺术字教程
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作创意风格的霓虹艺术字教程

Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。先看看效果图背景图素材(另存即可):霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。再给一点冷色系。OK现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它

2023-05-26 17:10:12
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作中秋节发光艺术字教程
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作中秋节发光艺术字教程

Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪烁霓虹灯效果。教程详尽易懂,光影得当,作为GIF效果的入门教程非常不错。先看看效果图背景图素材(另存即可):霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点。再给一点冷色系。OK现在这个背景符合我的要求了。既然我们不再需要修正背景图,最好把它

2023-08-26 06:06:00