首页 > 设计培训 > 正文

Photoshop制作星光闪烁的字体教程 Photoshop制作银色质感的3D立体字教程

2023-05-25 19:59:30 | 素材网

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop制作银色质感的3D立体字教程

本教程主要使用Photoshop制作银色质感的3D立体字教程,今天的教程是一枚质感强烈的3D字体,教程特点是参数明确,过程清晰,有利于同学们熟悉图层样式的运用,拿来练手非常合适,素材已打包,直接学习戳。

教程素材:塑料效果的3D立体字PS教程素材

我们先来看一下最终效果

为了后续方便使用,我们需要打开编辑>预设>预设管理,并从预设类型下拉菜单中选择等高线,然后点击右边的小齿轮按钮,选择等高线,点击追加,你将会得到更多的等高线。除此之外,我们还需要加载PS默认的渐变样式,在刚才的预设类型下拉菜单中选择渐变,继续点击右边的小齿轮按钮,选择协调色1,点击追加。

创建背景

第一步:

新建一个900*675px的文档,设置前景色为#2c353c,背景色为#191919,然后点击渐变工具,选择线性渐变,最后从左下角到右上角创建一个渐变效果,更名图层名为:Background。

第二步:

打开texture31 纹理图片,放到Background图层上方,更名为Background_Texture,混合模式选择正片叠底,然后点击图像>调整>去色。

创建字体图层

第二步:

使用Intrepid ExtraBold字体创建一个全大写的文字,颜色为#e5eaec,大小230pt,字距微调设置为视觉,字距为100。

第二步:

将文本图层复制4份,依次命名为:clean_copy_1~4然后将所有复制的文字图层填充改为0。

创建描边图层

第一步:

双击最初的文本图层,在图层样式面板中勾选描边,并设置以下数值

大小:10

位置:外部

颜色:#7e7e7e

你将会看到如下效果

第二步:

将最初的文本图层复制一份,更名为Stroke 1,右键点击栅格化图层样式,并将填充改为0。

如果你使用的PS为CS6或更早的版本,你需要创建图层组(图层>图层编组),重命名组为Stroke1,然后点击图层>合并组,并将填充改为0。

复制Stroke 1图层,重命名为Stroke 2,然后放到最初文本图层的下方。

为描边图层添加样式

双击最初的文本图层,我们需要为它添加一些图层样式。

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

样式:描边浮雕

光泽等高线:锥形—不对称

勾选消除锯齿复选框

高光模式:亮光

不透明度:100%

第二步:

勾选等高线,并设置以下数值

等高线:半圆

勾选消除锯齿复选框

你将会看到如下效果

为顶层描边图层添加样式

双击Stroke 1图层,并应用以下图层样式:

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

大小:2素材网

勾选消除锯齿复选框

阴影模式颜色:#676767

第二步:

勾选等高线,并设置以下数值:

等高线:锥形—反转

勾选消除锯齿复选框

第三步:

勾选渐变叠加,并设定以下数值:

混合模式:柔光

不透明度:51%

样式:对称的

使用stove pipe 150 渐变填充

你将会看到如下效果

与“Photoshop制作星光闪烁的字体教程 Photoshop制作银色质感的3D立体字教程”相关推荐
Photoshop制作星光闪烁的字体教程 Photoshop制作银色质感的3D艺术字教程
Photoshop制作星光闪烁的字体教程 Photoshop制作银色质感的3D艺术字教程

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

2023-05-27 17:09:08
Photoshop制作黄金质感的3D立体字教程 Photoshop制作星光闪烁的字体教程
Photoshop制作黄金质感的3D立体字教程 Photoshop制作星光闪烁的字体教程

Photoshop制作黄金质感的3D立体字教程本教程主要使用Photoshop制作黄金质感的3D立体字教程,,教程用的是PSCC版本做的,字体效果的黄金质感非常的漂亮,主要通过图层样式的质感来表现,喜欢的朋友让我们一起来学习吧。教程所需要的素材:超质感的黄金艺术字PS教程素材Photoshop制作星光闪烁的字体教程前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多

2023-05-27 21:19:39
Photoshop制作蓝色质感的立体字教程 Photoshop制作星光闪烁的字体教程
Photoshop制作蓝色质感的立体字教程 Photoshop制作星光闪烁的字体教程

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

2023-09-18 11:45:47
Photoshop制作星光闪烁的字体教程 Photoshop制作3D立体字质感的岩石字
Photoshop制作星光闪烁的字体教程 Photoshop制作3D立体字质感的岩石字

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

2023-09-14 17:35:10
Photoshop制作星光闪烁的字体教程 Photoshop制作立体效果的透视3D立体字
Photoshop制作星光闪烁的字体教程 Photoshop制作立体效果的透视3D立体字

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

2023-09-26 06:39:31
Photoshop制作星光闪烁的字体教程 Photoshop制作立体风格的粉色艺术字教程
Photoshop制作星光闪烁的字体教程 Photoshop制作立体风格的粉色艺术字教程

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

2023-09-21 19:44:43
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制作3D立体风格的冰雪艺术字
Photoshop制作星光闪烁的字体教程 Photoshop制作3D立体风格的冰雪艺术字

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

2023-09-30 20:45:50