首页 > 设计培训 > 正文

Photoshop制作星光闪烁的字体教程 Photoshop制作创意风格的霓虹艺术字教程

2023-05-27 12:18:45 | 素材网

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop制作创意风格的霓虹艺术字教程

在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字。所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻。而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果。要完全掌握Photoshop的滤镜功能,的确是件漫长的过程。它像一个魔术百宝箱,千变万化,而我们入门的那点简单的滤镜技巧,显然不能满足日常应用时突发的诸多复杂情况。

教程源文件:梦幻的霓虹艺术字PS教程源文件

先看看效果图

一、创建文字

在PS中新建一个文档,文档大小宽900px,高600px,分辨率为72ppi。将白色背景填充为黑色。在画布上新建一个文字图层,写上你的内容主体。我在此用的是一款叫做Vrinda Bold的字体,,你也可以用其他的字体,但注意字间距的最佳比例,以及文字尽量选择无衬线的字体。色彩选用白色。

这时,选中文字层与背景层,使用快捷组合键“Ctrl+E”合并这两个图层。

二、滤镜-波纹

进入【滤镜>扭曲>波浪】,出现波浪滤镜的属性设置面板。在这个看似很复杂的操作面板上,其实并没有看起来那么神秘,我们只需要试着去调整其中的参数,就会在相应的预览框中看到预览效果。因此,我这里所提供的参数值只适用于本案例的情况,仅供参考。

与“Photoshop制作星光闪烁的字体教程 Photoshop制作创意风格的霓虹艺术字教程”相关推荐
Photoshop制作星光闪烁的字体教程 Photoshop制作霓虹发光特效的艺术字
Photoshop制作星光闪烁的字体教程 Photoshop制作霓虹发光特效的艺术字

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

2023-09-14 15:35:25
Photoshop制作创意的树藤艺术字教程 Photoshop制作星光闪烁的字体教程
Photoshop制作创意的树藤艺术字教程 Photoshop制作星光闪烁的字体教程

Photoshop制作创意的树藤艺术字教程1、首先打开一张树藤uimaker.com/uimakerdown/">素材,如下图。2、选择仿制图章工具把选区部分的树枝清理干净,效果3。3、进入通道面板,把绿色通道复制一层,加大图片颜色对比,树枝以外的部分调白,如下图。然后按Ctrl+I反相,按住Ctrl键点击绿副本通道载入选区。4、点RGB通道返回图层蒙版,按Ctrl+J把选区部

2023-05-26 06:47:55
Photoshop制作星光闪烁的字体教程 Photoshop制作绚丽的霓虹灯文字效果
Photoshop制作星光闪烁的字体教程 Photoshop制作绚丽的霓虹灯文字效果

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

2023-09-24 12:44:48
Photoshop制作创意的墙面立体字教程 Photoshop制作星光闪烁的字体教程
Photoshop制作创意的墙面立体字教程 Photoshop制作星光闪烁的字体教程

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

2023-05-25 08:50:04
Photoshop制作星光闪烁的字体教程 Photoshop制作超酷的蓝色霓虹灯效果图
Photoshop制作星光闪烁的字体教程 Photoshop制作超酷的蓝色霓虹灯效果图

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

2023-05-26 13:17:59
Photoshop制作星光闪烁的字体教程 Photoshop制作创意的液体包裹字体教程
Photoshop制作星光闪烁的字体教程 Photoshop制作创意的液体包裹字体教程

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

2023-09-27 05:42:04
Photoshop制作星光闪烁的字体教程 Photoshop制作立体风格的粉色艺术字教程
Photoshop制作星光闪烁的字体教程 Photoshop制作立体风格的粉色艺术字教程

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

2023-09-21 19:44:43
Photoshop制作星光闪烁的字体教程 Photoshop制作复古风格的3D艺术字教程
Photoshop制作星光闪烁的字体教程 Photoshop制作复古风格的3D艺术字教程

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

2023-05-26 09:08:21