当前位置: 首页 > 优图知识库  > PS教程 > ps文字特效

PS制作LED发光矩阵文字效果

2019/1/5 20:06:31 人评论

特别的事件到处都有各种奇特的装饰元素,其中一个总是一个大而明亮的欢迎标志。本教程将向您展示如何使用Photoshop的3D工具和设置,以及几个纹理和图像以及调整图层和滤镜,创建一个明亮的Chanel风格的事件标记。让我们开始吧!1.如何创建和定义简单模式步骤1使用Background创建 ...

现在越来越多的LED文字、发光灯箱广告出现在街头。对于设计师来说,就会经常碰到客户要求做出这种矩阵LED的效果。今天这篇教程就围绕矩阵LED效果展开,教程是来自国外的翻译教程,有的地方翻译可能不是 很精准,但是教程的步骤还是介绍的挺详细的。希望优图宝的朋友们喜欢这篇教程!

PS制作LED发光矩阵文字效果

utobao编注:更多PS教程学习进入优图宝ps文字特效栏目: http://www.utobao.com/news/56.html

特别的事件到处都有各种奇特的装饰元素,其中一个总是一个大而明亮的欢迎标志。本教程将向您展示如何使用Photoshop的3D工具和设置,以及几个纹理和图像以及调整图层和滤镜,创建一个明亮的Chanel风格的事件标记。让我们开始吧!

1.如何创建和定义简单模式

步骤1

使用Background创建一个新的25 x 25像素文档,并使用椭圆工具在文档中间创建一个14 x 14像素的圆圈。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建一个圈子创建一个圈子

第2步

创建椭圆形状的三个副本,并将每个形状的中心放置在文档的一个角落中。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加到角落添加到角落

第3步

转到编辑>定义图案,并将名称更改为照明图案

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—定义模式定义模式

步骤4

双击任何椭圆形状图层以应用具有以下设置的渐变叠加效果:

  • 检查抖动
  • 风格:径向
  • 使用黑色,白色渐变填充

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—渐变叠加渐变叠加

第5步

右键单击样式形状图层,选择" 复制图层样式",选择其他椭圆形图层,右键单击其中任意一个,然后选择" 粘贴图层样式"

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—复制并粘贴图层样式复制并粘贴图层样式

第6步

再次转到编辑>定义图案,并将名称更改为凹凸图案

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—定义模式定义模式

2.如何使用定义的模式创建纹理

步骤1

创建一个新的500 x 500像素文档,并复制背景层。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—复制背景图层复制背景图层

第2步

双击背景副本层,应用图案叠加使用这些设置的效果:

  • 模式:照明模式
  • 比例: 50%

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—模式覆盖模式覆盖

第3步

添加一个纯色填充图层,将颜色设置为

#fff4b4

,并将图层的

混合模式

更改为

正片叠

底。

保存这个文件的名称照明纹理

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—照明纹理照明纹理
_ueditor_page_break_tag_

步骤4

双击背景副本图层,选择图案叠加选项卡,并更改模式凹凸图案

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—模式覆盖模式覆盖

第5步

删除纯色图层,并用名称凹凸纹理保存该文件。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—凹凸纹理凹凸纹理

3.如何创建文字和形状图层

步骤1

使用字体Sofia Pro Bold全部大写中创建文本,并将大小设置为175磅,并将跟踪设置50

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建文本创建文本

第2步

将文本图层重命名为文本右键单击它,然后选择" 转换为形状"

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—转换成形状转换成形状

第3步

使用矩形工具在文本下面创建一个10像素的 高矩形,并将其图层重命名为Top

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建一个矩形形状创建一个矩形形状

步骤4

创建另一个具有相同长度但高度值为5 px的矩形,并将图层重命名为Bottom

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建一个矩形形状创建一个矩形形状

第5步

创建一个小的15 x 5 px矩形形状,并复制它五次。

底部矩形形状的右侧下方放置一个小矩形,并在左侧下方放置另一个矩形。

选择所有的小矩形图层,选择移动工具,然后点击选项栏中的分布水平中心图标。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加小矩形形状添加小矩形形状

第6步

选择底部图层以及小矩形图层,然后转到图层>合并图形

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—合并形状合并形状

4.如何创建3D网格图层

步骤1

Black

在所有图层上创建一个新的填充图层。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建一个黑色填充图层创建一个黑色填充图层

第2步

转到3D>从网格的新网格>网格预设>球体

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—创建一个3D球体层创建一个3D球体层

第3步

对于每个形状图层,选择它并转到3D>从选定路径新建3D挤出

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—从选定的路径新的3D挤出从选定的路径新的3D挤出

步骤4

选择您所有的3D图层,然后转到3D>合并3D图层

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—合并3D图层合并3D图层
_ueditor_page_break_tag_

5.如何使用3D场景

步骤1

要访问3D网格设置和属性,您需要打开两个面板:3D面板和" 属性"面板(均可在" 窗口"菜单下找到)。

3D面板的3D场景的所有组件,并且当你点击任何这些名称,你就可以访问在其设置的属性面板。因此,请确保在" 属性"面板中更改其设置之前,始终在3D面板中选择要修改的元素的选项卡。

点击Sphere网格标签旁边的眼睛图标将其隐藏。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—3D和属性面板3D和属性面板

第2步

如果选择" 移动工具",则会在选项栏右侧找到一组3D模式

当您选择其中一个时,您可以单击并拖动以执行更改(在3D面板中的选定元素上)。

使用这些模式将当前视图更改为 您喜欢的角度。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—移动工具3D模式移动工具3D模式

6.如何调整三维网格设置

步骤1

3D面板中选择文本 3D网格选项卡,并将" 属性"面板中的" 挤出深度"更改为25

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—挤出深度挤出深度

第2步

Top mesh的挤出深度改为100

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—挤出深度挤出深度

第3步

底部 3D网格的挤出深度更改为10

右键单击 " 底部网格"选项卡,然后选择" 实例对象"。这将创建一个链接的副本,以反映对原始网格所做的更改,例如材料设置。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—挤出深度和实例对象挤出深度和实例对象

7.如何移动三维网格

步骤1

选择您拥有的所有3D网格选项卡,单击3D面板菜单图标,然后选择将对象移动到地平面

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—移动物体到地面移动物体到地面

第2步

选择移动工具,然后使用3D轴将3D网格移动到其最终位置。

轴端的箭头移动网格,下面的部分用于旋转,立方体用于缩放。中心的立方体用于均匀地缩放对象。所有你需要做的是点击并拖动你想使用的部分。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—3D轴3D轴

第3步

您还可以单击" 属性"面板顶部的" 坐标"图标以使用数字值。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—坐标值坐标值

步骤4

如果需要,移动网格以更改当前视角,以便从不同角度查看结果。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—更改相机角度更改相机角度

8.如何创建照明领域

步骤1

显示球体网格,并选择其选项卡。

单击" 漫反射"纹理图标并选择" 移除纹理",然后使用这些材质设置(使用的颜色值为RGB):

  • 漫射:255,195,101
  • 镜子:252,249,239
  • 照明:255,239,165
  • 环境:255,237,188
  • 闪耀:50
  • 反思:10

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—材料设置材料设置
_ueditor_page_break_tag_

第2步

创建Sphere网格的实例对象,在每个字母的前面放置一个对象。您可以将" 当前视图"更改为" 前面",以使过程更轻松,更精确。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—球体实例对象球体实例对象

9.如何创建3D文字材质贴图

步骤1

选择" 文本前部膨胀材料"选项卡,单击" 漫反射"纹理图标,然后选择" 编辑纹理"

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—编辑纹理编辑纹理

第2步

这将打开纹理文件。转到文件>另存为,并命名文本文字照明纹理

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—文本照明纹理文本照明纹理

第3步

双击形状图层以应用具有以下设置的图案叠加效果:

  • 模式:照明模式
  • 规模: 25%

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—模式覆盖模式覆盖

步骤4

添加一个纯色填充图层,将颜色设置为

#fff4b4

,并将图层的

混合模式

更改为

正片叠

底。

保存更改。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加一个颜色叠加添加一个颜色叠加

第5步

再次双击形状图层,选择" 图案叠加"选项卡,然后将" 图案"更改为" 凹凸图案"

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—模式覆盖模式覆盖

第6步

删除纯色图层,并使用名称文本凹凸纹理保存该文件。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—文本凹凸纹理文本凹凸纹理

10.如何创建3D文字资料

步骤1

选择所有文本材质选项卡,单击漫反射纹理图标,然后选择移除纹理

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—删除纹理删除纹理

第2步

使用这些材料设置:

  • 弥漫:109,60,34
  • 镜子:112,85,61
  • 闪耀:50
  • 反思:10
  • 碰撞:20

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—材料设置材料设置

第3步

选择前膨胀材料选项卡,单击照明文件夹图标,然后选择加载纹理以打开文字照明贴图文件。

重复加载文本的凹凸纹理凹凸

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—加载纹理加载纹理

11.如何调整UV特性

步骤1

选择文本网格选项卡,并将纹理映射更改为平铺

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—纹理映射纹理映射

第2步

选择" 文字挤出材料"选项卡,单击" 照明"文件夹图标,然后选择" 加载纹理"以打开" 照明贴图"文件。

然后,单击照明纹理图标,然后选择编辑UV属性

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—照明纹理照明纹理
_ueditor_page_break_tag_

第3步

更改平铺值以获得您喜欢的结果。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—编辑UV属性编辑UV属性

步骤4

点击凹凸文件夹图标,选择加载纹理,然后打开凹凸纹理。然后,编辑凹凸UV属性,使它们与照明相匹配。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—凹凸设置凹凸设置

12.如何创建更多的3D材质

步骤1

选择所有" 顶部材质"选项卡并使用以下设置:

  • 弥漫:47,36,22
  • 闪耀:70
  • 反思:10

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—材料设置材料设置

第2步

选择Top Front Inflation Material选项卡,单击Diffuse纹理图标,选择Replace Texture以打开WoodFine0058图像,然后编辑纹理的UV属性

选择" 顶层材质"选项卡的其余部分,单击" 漫反射"纹理图标,然后从列表中选择" WoodFine0058 "。

选择" Top mesh"选项卡,将其" Texture Mapping"更改为" Tile",然后根据需要编辑每个" Top"网格材质的" UV属性 " 。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加顶部网格材质添加顶部网格材质

第3步

选择所有" 底部材质"选项卡,然后使用这些设置:

  • 漫反射:使用金属无缝纹理7包中的5.jpg纹理,并调整其UV属性
  • 镜面:(67,64,60)
  • 闪耀:70
  • 反思:20
  • 凹凸:10(使用相同的漫反射纹理和UV属性

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加底部网格材质添加底部网格材质

13.如何调整3D场景的照明

步骤1

选择无限光1标签上,改变其颜色,以(239232219),其强度60% ,而其阴影柔软度30% 

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—无限光1设置无限光1设置

第2步

使用" 移动工具"或" 坐标"值移动" 无限光",直到获得您喜欢的结果。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—移动无限的光移动无限的光

第3步

选择Environment选项卡,单击IBL纹理图标,选择Replace Texture,然后打开Early In The Morning图像。

将" 强度"更改为30%,然后移动图像以获得您喜欢的结果。

您可以在" 无限"和" 环境"灯光之间来回切换,并更改设置或移动它们,直到达到您想要的效果。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—环境设置环境设置

14.如何添加背景纹理

步骤1

接下来,我们将添加背景纹理并相应地调整相机角度,这可能需要增加画布大小。

所以请记住,您可以使用裁剪工具在您需要的任何时候增加画布大小,直到文本完全适合文档。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—裁剪工具裁剪工具
_ueditor_page_break_tag_

第2步

首先,在" 背景"图层顶部添加" 库存鹅卵石大图" ,然后转到" 文件">"放置链接"

这将添加图像作为智能对象,这将允许您应用非破坏性的调整。

将图层重命名为Floor,调整图像的大小以适应文档,并相应地更改3D图层的当前视图

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加地板纹理添加地板纹理

第3步

将" 墙"图放置在" 地板"层的顶部,根据需要调整墙纹理的大小,然后将其图层重命名为" 墙"

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加墙纹理添加墙纹理

15.如何添加和掩盖PNG图像

步骤1

在文本后面放置几个png图像,并将其转换为更加动态的结果。

然后,将所有树图层放在一个组中,并将其命名为灌木丛

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加树图像添加树图像

第2步

确保已选择" 灌木"组,并使用" 矩形选框"工具选择要显示的树的部分。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—做一个选择做一个选择

第3步

单击" 添加图层蒙版"图标以遮罩所选区域。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加一个图层蒙版添加一个图层蒙版

步骤4

用鼠标右键单击衬套组,然后选择转换为智能对象

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—转换为智能对象转换为智能对象

第5步

打开长凳建筑图像,并使用多边形套索工具选择路面的一侧。

转到编辑>复制复制所选区域。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—选择路面选择路面

第6步

返回到原始文档,并转到编辑>粘贴,将图层重命名为边缘,并将其转换为智能对象

转换并移动图像以覆盖树的底部边缘。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加边缘图像添加边缘图像

16.如何调整背景的元素

步骤1

选择" 地板"图层,然后转到图像>调整>可选颜色,然后将这些设置用于" 中性"通道:

  • 洋红色: 1
  • 黄: 2
  • 黑色: 9

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—选择性的颜色选择性的颜色

第2步

转到" 图像">"调整">"色阶",并将" 输出色阶亮点 "值更改为200

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—水平水平

第3步

选择Wall图层,进入图像>调整>色阶,并将输出色阶高亮值更改为175

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—水平水平

步骤4

选择" 布什"图层,转到图像>调整>级别,然后将" 输出级别高亮 "值更改为185

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—水平水平

第5步

转到图像>调整>色调/饱和度,选择黄色通道,并将色调更改为-30饱和度更改为-20

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色相饱和度色相饱和度
_ueditor_page_break_tag_

第6步

选择绿色通道,将色调更改为-35,将饱和度更改为-25

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色相饱和度色相饱和度

第七步

选择边缘图层,进入图像>调整>选择颜色,并使用这些设置:

白人

  • 品红: 9
  • 黄: 24
  • 黑色: 85

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—选择性的颜色 - 白人选择性的颜色 - 白人

中立

  • 黄色: 8
  • 黑色: -5

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—选择性的颜色 - 中立选择性的颜色 - 中立

第8步

转到图像>调整>色相/饱和度,并将色调更改为-10,将亮度更改为-30

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色相饱和度色相饱和度

17.如何应用图层样式和过滤器

步骤1

双击衬套层到应用阴影使用这些设置的效果:

  • 不透明度: 10%
  • 取消选中使用全局灯光
  • 角度: -91
  • 距离: 35
  • 大小: 30

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—阴影阴影

这将在墙上添加一个微妙的阴影。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—新增了影子新增了影子

双击边缘层到应用层以下样式:

第2步

添加一个内部阴影与这些设置:

  • 不透明度: 35%
  • 距离: 5
  • 大小: 13

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—内心的阴影内心的阴影

第3步

添加阴影与这些设置:

  • 不透明度: 70%
  • 取消选中使用全局灯光
  • 角度: 0
  • 距离: 10
  • 大小: 27

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—阴影阴影

这将更好地融合边缘与背景元素。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—样式边缘样式边缘

步骤4

选择层,去滤镜>模糊>高斯模糊,并改变半径0.5

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—高斯模糊高斯模糊

第5步

您可以将高斯模糊滤镜应用于其他背景元素的任何值,如" 灌木"和" 地板"图层。

这里的目标是实现一个低质量的事件照片效果,所以你可以玩弄所有的调整和过滤设置,以得到你喜欢的结果。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—高斯模糊高斯模糊
_ueditor_page_break_tag_

18.如何渲染和调整3D场景

步骤1

一旦你喜欢背景元素,就可以根据它对3D场景进行必要的更改。

然后,转到3D>渲染3D图层。渲染可能需要一段时间,但您可以通过按Esc键随时停止渲染。

渲染完成后,右键单击 3D图层,然后选择" 转换为智能对象"以避免发生意外更改。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—渲染并转换为智能对象渲染并转换为智能对象

第2步

转到图像>调整>色彩平衡,并使用这些设置:

  • 音调平衡:阴影
  • 颜色等级: -5,3,10

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色彩平衡 - 阴影色彩平衡 - 阴影

  • 音调平衡:中间调
  • 颜色等级: -5,-8,3

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色彩平衡 - 中色调色彩平衡 - 中色调

  • 音调平衡:亮点
  • 颜色等级: 2,3,-10

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—色彩平衡 - 亮点色彩平衡 - 亮点

第3步

复制文本层两次,并隐藏第二个副本。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—复制文本图层复制文本图层

19.如何应用模糊滤镜

步骤1

选择文字复制图层,然后转到滤镜>模糊>动感模糊

角度更改为-56,将距离更改为5

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—运动模糊运动模糊

第2步

文本复制图层的混合模式更改为柔光,并将其不透明度更改为70%

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—图层设置图层设置

第3步

使文本副本2层可见,去滤镜>模糊图库>字段模糊,改变模糊下价值模糊工具选项卡3

然后,在" 效果"选项卡下,选中" 散景"框,将Light Bokeh  值更改为33%Light Range阴影  值设置为98,将" Highlights"设置245

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—领域模糊领域模糊

步骤4

文本副本2图层的混合模式更改为变亮,并将其不透明度更改为30%

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—图层设置图层设置

20.如何将图像应用于图层蒙版

步骤1

文本复制图层添加图层蒙版,并确保选择蒙版的缩略图。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加一个图层蒙版添加一个图层蒙版

第2步

转到图像>应用图像,然后将图层更改为文本,将通道更改为RGB,将混合模式更改为强光

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—应用图像应用图像

第3步

按下并按住选项键,然后单击并拖动文本复制层"面具的文本复制2层复制它。

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—复制图层蒙版复制图层蒙

21.如何添加镜头光晕

步骤1

30 Awsome镜头光晕包中的镜头光晕23图像放在所有图层的顶部,并将图层的混合模式更改为屏幕

PS制作LED发光矩阵文字效果 优图宝 PS文字效果教程—添加镜头光晕添加镜头光晕

第2步

双击镜头光晕层的缩略图,打开原始图像的文件。在flare的图层下面添加一个新图层并填充

Black

。合并两个图层,然后保存并

utobao编注:更多PS教程学习进入优图宝ps文字特效栏目: http://www.utobao.com/news/56.html

相关资讯

    暂无相关的数据...