Adobe Photoshop制作3D灯泡字效果教程

文章大纲 隐藏
Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

在本教程中我将向你介绍如何使用Photoshop的3D功能制作灯泡字,过程并不复杂,几张图片、一些纹理素材、变幻下图层样式以及添加适当数量的调整图层就可以达成目标。话不多说,现在就进入正文!

感谢

GraphicRiver

上各种炫酷的

图层特效

给了我创作的灵感。

教程素材

在本教程中所使用到的素材如下:

  • Burford基本

    字体

  • 小型棕色砖体0478

    图像-1

  • 金属渐变无缝纹理包

    by jojo-ojoj

  • 字母E灯泡 

    by makamuki0

  • 灯泡

    by ivoxis

  • 火花0023

     (可替换成任意你喜欢的图片)


1. 调整背景纹理

步骤 1

新建文档,大小设置为1000 x 750px , 执行文件 > 置入嵌入对象指令, 选择图像小型棕色砖体0478将其作为一个智能对象置入。

调整图像大小至覆盖背景后敲击回车键。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

打开图像 > 调整 > 色相/饱和度菜单, 将明度值更改为-65

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

双击图层小型棕色砖体0478打开图层样式并更改颜色叠加设置如下: 


  • 颜色: #e0e0e0

  • 混合模式:线性加深

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

可以看到现在砖体图层亮度较之前明显降低

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


2. 创建可编辑3D 文本

步骤 1

输入文本SHINE,均为大写,字体设置为 Burford 基础字体。将大小字距分别设置为 450 pt-75

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

执行 3D > 从所选图层新建 3D 模型命令。

将文本转换为可编辑的3D文本。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


3. 玩转 3D 模式

步骤 1

想要玩转3D模式,你要做的第一步是确认 3D 面板和属性面板是否已打开。

3D 面板囊括了构建3D 场景需要的所有组件, 单击其中任何一个的名称, 就可以在属性面板中更改其设置。因此, 在更改属性面板中的设置之前, 请先确保在3D 面板中选择了合适的对象。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

如果选择移动工具, 你会在选项栏的右侧看到3D 模式组。

选中任一3D模式后,鼠标单击并拖动对象即可更改视图(在3D面板中选择对象)。

利用3D模式组摆弄当前视图调整直到你满意为止。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


4. 调整3D 网格和盖子设置

步骤 1

3D面板中选中文本网格标签,在属性面板中将凸出深度更改为0

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

属性面板中切换选项卡至盖子

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

单击等高线以创建自定义轮廓。

等高线编辑器窗口打开后,在合适的位置添加锚点。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

选中刚才添加的锚点,勾选底部的边角选项。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 5

再次添加锚点,同样勾选边角选项。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 6

接下来,分别在底部输入两个锚点的输入输出百分比值。

左锚点:


  • 输入: 5

  • 输出: 95

右锚点:


  • 输入: 95

  • 输出: 95

点击确定

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 7

斜面宽度角度更改为1285%

你也可以根据自己的想法设置为不同的数值。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


5. 塑造纹理材质

步骤 1

在3D面板中选择前膨胀材质,点击属性面板中漫射旁的文件夹图标,选择载入纹理

金属渐变无缝纹理包中打开 misto 1.jpg

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

单击漫射纹理图标, 选择编辑 UV 属性

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

调整平铺位移值直至满意。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

其余设置可参照下图(颜色模式为RGB):


  • 镜像: 135, 59, 33

  • 发光: 191,96,27 – 强度 -4.77

  • 闪亮:70%

  • 反射:3%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


6. 3D 材质的保存及再应用

步骤 1

打开材质选取器, 单击弹出菜单图标, 选择新建材质

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

名称栏内输入 Front and Back Material ,点击确认

这样就将材质添加到了材质选取器中,以便后续随时调用。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

选择后膨胀材质,打开材质选取器,下拉直至找到命名为Front and Back Material的材质,单击以应用。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


7. 更多纹理材质

步骤 1

在3D面板中选择前斜面材质,点击漫射旁的文件夹图标,选择载入纹理。从金属渐变无缝纹理包中打开 d.jpg

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

同时选中凸出材质和后斜面材质,点击漫射旁的文件夹图标,从列表中载入d材质。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

同时选中前斜面材质、凸出材质以及后斜面材质,在属性面板中修改其参数如下:


  • 镜像: 104, 86, 64

  • 发光: 191,96,27 – 强度-4.77

  • 闪亮:85%

  • 反射: 20%

  • 折射: 1.536%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

保留凸出材质以及后斜面材质选中不变,将它们的闪亮值更改为30%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


8. 调整3D 场景的照明

步骤 1

在3D面板中选择无限光 1, 将其强度更改为 50%, 阴影柔和度更改为100%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

使用移动工具调整光线角度直到满意为止,你也可以通过在位于属性面板内的坐标标签内输入精确的数值来调整。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


9. 其它 3D 设置的调整

步骤 1

鉴于在之前的步骤中我们使用斜面等高线创建了3D 网格而没有设置凸出深度,这就有可能导致一些随机线条的产生。

为了消除多余的线条,我们需要在3D面板中选择标签场景,然后移去隐藏内容:位于属性面板中,同时勾选背面线条

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

由于后面我们要利用现有的图片素材手动添加灯泡,所以在与3D文本透视的匹配上会存在一些难度。

总的来说有两种方案可以解决这个问题。在3D面板中选择当前视图(原文中为Custom View,实际应为Current View——译者注)标签然后在属性面板里切换视图视图。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

或者你也可以使用移动工具3D模式组件来改变视图,然后选择当前视图标签,点击正交按钮。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


10. 已渲染3D 场景的后续调整

步骤 1

以上步骤完成后,在菜单栏中执行3D > 渲染3D图层。渲染可能稍微需要花费点时间,但你可以随时按Esc键终止进程。

渲染完毕后,选中3D图层然后鼠标右键单击,在弹出的菜单中选择转换为智能对象以避免误操作损坏图层。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

双击3D 图层以应用以下图层样式:

步骤 2

添加外发光样式,参数如下:


  • 混合模式: 线性光

  • 不透明度: 7%

  • 颜色: #ffcb8d

  • 大小: 131

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

添加投影样式,参数如下:


  • 不透明度: 75%
  • 取消选中使用全局光

  • 角度: 63

  • 距离: 6

  • 大小: 10

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

至此3D 文本的样式设置完毕。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


11. 创建虚光效果

步骤 1

单击图层面板下方的创建新的填充或调整图层按钮,选择纯色

填充色设置为黑色,更改混合模式不透明度分别为柔光50%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

使用椭圆选框工具在文本周围创建选区。

选择纯色图层蒙版的缩略图, 使用黑色填充选区。

快捷键 Command-D 取消选区。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

保持蒙版缩略图选中状态不变, 打开属性面板, 增加羽化值柔化边缘从而达到虚化效果。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


12. 添加灯泡

步骤 1

打开图像字母 E 灯泡, 并使用椭圆选框工具选择在字母顶部的灯泡。

打开编辑 > 拷贝以复制所选内容。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

返回到原始3D文档, 在菜单栏中打开编辑 > 粘贴, 将图层重命名为灯泡 01, 然后将其转换为智能对象

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

双击智能对象的缩略图打开对应的文件, 然后执行图像 > 图像大小命令, 将宽度高度值均更改为56像素。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

 灯泡 01图层的上面添加一个色相/饱和度调整图层, 并将其设置为剪切蒙板。将色相值更改为-12

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 5

双击灯泡 01图层, 使用以下设置为其添加内发光效果:


  • 混合模式: 线性减淡 (添加)

  • 不透明度: 25%

  • 颜色: #fff2e3

  • 源: 居中

  • 大小: 27

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 6

保存文件并关闭以返回原始文档。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


13. 为灯泡添加图层样式并复制

步骤 1

将灯泡放在第一个字母内, 敲击快捷键Command-T进入自由变换模式, 根据需要调整灯泡大小。

完成后, 按回车键

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

双击 灯泡 01 智能对象图层以应用以下图层样式:

步骤 2

添加外发光图层样式,参数如下:


  • 混合模式: 线性光

  • 不透明度: 75%

  • 颜色: #ffcb8d

  • 大小:20

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

添加投影图层样式,参数如下:


  • 不透明度: 35%
  • 取消勾选使用全局光

  • 角度:63

  • 距离: 6

  • 大小: 7

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

灯泡的图层样式设置完毕。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

按住Option键(译者注:PC为Alt键)不放, 然后鼠标单击-拖动灯泡以复制。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 5

重复上述操作以填充字母。

一旦你完成了, 把所有的灯泡编为一组, 并命名为灯泡

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


14. 打造火花四溅的灯泡

步骤 1

打开图像灯泡, 使用椭圆选框工具选择灯泡的内部并复制。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

将复制的灯泡内部部分粘贴到原始文档中, 重命名为灯泡 02, 并将其转换为智能对象

调整灯泡02的大小使其与灯泡01相匹配。

隐藏所有灯泡01并将所有灯泡02放置在其上。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

双击灯泡 02图层以应用以下图层样式:

步骤 3

添加内阴影图层样式,参数如下:


  • 混合模式: 线性光

  • 颜色: #b8b8b8

  • 不透明度: 100%

  • 距离: 0

  • 大小:10

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4

添加内发光图层样式,参数如下:


  • 混合模式: 线性减淡 (添加)

  • 不透明度: 55%

  • 颜色: #ffffff

  • 源: 居中

  • 大小:13

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 5

添加外发光图层样式,参数如下:


  • 混合模式: 线性光

  • 不透明度: 5%

  • 颜色: #ffcb8d

  • 大小:20

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 6

添加投影图层样式,参数如下:


  • 不透明度: 35%
  • 取消勾选使用全局光

  • 角度:63

  • 距离: 6

  • 大小: 7

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第二个灯泡的图层样式设置完毕, 但我们仍然需要设法消除暗影区。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 7

再次双击灯泡02图层以调整其混合选项

我们将使用混合颜色带本图层的滑块来解决灯泡02图层存在的暗影区问题。

为此, 请按住Option(PC版本为Alt)键, 然后单击-拖动位于左边滑块将其分离。

然后, 不断调整滑块直到暗区域消失。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

最终调整的结果应该和下图类似:

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


15. 添加火花

步骤 1

火花0023图像集中选取任何你喜欢的图像放置在灯泡02图层的上方, 将其混合模式更改为滤色, 适当变形如果有必要的话。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

复制灯泡02图层, 添加更多的火花, 以打造至少2个以上火花四溅的效果。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费


16. 总体调整

步骤 1

在所有图层的顶部添加一个新图层, 命名为杂色

执行编辑 > 填充命令, 将内容更改为50% 灰色, 单击确定

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 2

杂色图层转换为智能对象,混合模式更改为柔光

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 3

打开滤镜 > 杂色 > 添加杂色。将数量更改为 3, 分布高斯分布, 并勾选单色选框。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤 4 

添加颜色查找调整图层, 从3DLUT文件的下拉菜单中选择3Strip.look, 并将图层的不透明度更改为85%

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

祝贺你,大功告成!

在本教程中, 我们首先使用简单的纹理图像来构建背景, 并从文本图层创建了3D 网格。

然后, 我们调整了3D 网格设置, 添加材质, 调整了光影设置, 并渲染。

之后, 我们使用了一些图像, 以及调整图层和图层样式, 将灯泡添加到文本中。

最后, 我们做了一些总体调整以达到最终效果。

如果可以,欢迎随时在下方评论区留下您的宝贵意见、建议以及学习成果。

Adobe Photoshop制作3D灯泡字效果教程-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

发表评论