首页 > 设计培训 > 正文

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制作黄金质感的3D立体字教程 Photoshop制作超酷的蓝色霓虹灯效果图
Photoshop制作黄金质感的3D立体字教程 Photoshop制作超酷的蓝色霓虹灯效果图

Photoshop制作黄金质感的3D立体字教程本教程主要使用Photoshop制作黄金质感的3D立体字教程,,教程用的是PSCC版本做的,字体效果的黄金质感非常的漂亮,主要通过图层样式的质感来表现,喜欢的朋友让我们一起来学习吧。 教程所需要的素材:超质感的黄金艺术字PS教程素材 Photoshop制作超酷的蓝色霓虹灯效果图很久没发动态教程,今天来一篇效果特别酷炫的,手把手教你打造迷蒙漂亮的闪

2023-05-25 01:59:12
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作烫金字古风签名图效果
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作烫金字古风签名图效果

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

2023-05-24 23:59:09
Photoshop制作颓废风格的艺术字教程 Photoshop制作超酷的蓝色霓虹灯效果图
Photoshop制作颓废风格的艺术字教程 Photoshop制作超酷的蓝色霓虹灯效果图

Photoshop制作颓废风格的艺术字教程GRUNGE风格一直以来似乎致力于讲述一种故事感,当然它也能表达出一种反规则的酷,当我们在为GRUNGE纹理配文时,尤其需要同款文字相呼应。今天我们来学习怎样使用AI将普通文字制作成为GRUNGE特效。这里我采用的是英文,中文的制作方法也一样,只是中文手写体文字更适合制作这类特效哦。 一、写出文字 1、打开AI软件,新建一个大小适当的文档,选择文字工

2023-05-25 12:39:47
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作复古风格的3D艺术字教程
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作复古风格的3D艺术字教程

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

2023-05-25 06:00:28
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作人与山水结合的黑白二次曝光效果
Photoshop制作超酷的蓝色霓虹灯效果图 Photoshop制作人与山水结合的黑白二次曝光效果

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

2023-05-25 07:58:59
Photoshop制作质感纹理背景的金属字教程 Photoshop制作超酷的蓝色霓虹灯效果图
Photoshop制作质感纹理背景的金属字教程 Photoshop制作超酷的蓝色霓虹灯效果图

Photoshop制作质感纹理背景的金属字教程本教程主要使用Photoshop制作银色网纹效果的艺术字教程,先把一些图片定义为图案,然后在图层样式里面使用图案和表现字体的质感,从而完成最终效果图,教程很简单,喜欢的朋友跟着教程一起来学习吧。 先看一下效果 1、新建文件导入背景,这个背景最好暗一些,更能突出字体的质感。 2、按T键输入文字,文字最好选择厚重的字体,当然会设计字体的就更好了,我

2023-05-25 06:27:55
Photoshop制作金色大气的立体水滴教程 Photoshop制作星光闪烁的字体教程
Photoshop制作金色大气的立体水滴教程 Photoshop制作星光闪烁的字体教程

Photoshop制作金色大气的立体水滴教程 1、新建一个1000*750像素的画布,背景填充暗黄色:#5D5F42,如下图。 2、新建一个组,命名为“油滴”,用钢笔勾出油滴的轮廓2,转为选区后给组添加图层蒙版,3。 3、在组里新建一个图层填充橙黄色:#FDDE41,如下图。 4、新建一个图层,,用钢笔勾出图5所示的路径,转为选区后羽化10个像素,然后填充淡黄色

2023-05-25 04:08:43
Photoshop制作创意的墙面立体字教程 Photoshop制作星光闪烁的字体教程
Photoshop制作创意的墙面立体字教程 Photoshop制作星光闪烁的字体教程

Photoshop制作创意的墙面立体字教程这是一个很内敛,带有艺术范的效果,没有花里胡哨的滤镜应用。其实我更关注的是原图中犹抱琵琶半遮面的那几个拉丁文字母,它们很符合原图的气氛,我尝试过换成别的字体,结果都显得很别扭。 在这里我还要强调一点,很多朋友热衷于使用各种滤镜模拟一些真实世界中的效果,忽略了寻找素材的重要性,学会寻找素材而不是用photoshop中的各种功能制造uimaker.com/

2023-05-25 08:50:04