PS基础教程!教你创建一个复古的发光字效(含素材)

时间:2017-07-02
类别:PS教程
水平:入门
观众:1.6w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

原图作者:Rose

素材链接:网页链接(原教程未提供全部素材,小编自己找了一些)

本教程将教你如何使用智能对象以及图层样式来制作发光复古文字。 让我们开始吧!

这个文字效果是受到Envato市场上的一些图层样式的启发而制作出来的。

本教程的制作过程中使用了以下文件:

  • 大约翰字体
  • 金属纹理
  • 冻结纹理背景
  • 免费六千个PS渐变中Supertuts007【加载其中的CHROMES.grd文件】

新建文档,设置为800X600PX。然后单击“图层”面板底部的“新建填充或调整图层”图标,再选择“纯色”。

PS基础教程!教你创建一个复古的发光字效(含素材)

使用颜色 #2e353b

PS基础教程!教你创建一个复古的发光字效(含素材)

选择“纯色”图层,应用“渐变叠加”的图层样式,设置如下:

  • 勾选仿色
  • 混合模式:线性叠加
  • 不透明度:20%
  • 样式:径向
  • 缩放:150%
  • 轻点渐变颜色框,最左侧颜色为#FFFFFF,最右侧颜色为#ababab。
PS基础教程!教你创建一个复古的发光字效(含素材)

这将制作出一个简单的渐变背景。

PS基础教程!教你创建一个复古的发光字效(含素材)

将金属纹理放在“纯色”图层的顶部,根据你的喜好来调整大小。

将金属纹理的图层重命名为“背景”图层,并将图层混合模式更改为柔光。

PS基础教程!教你创建一个复古的发光字效(含素材)

点击图像“调整”色阶,并将中间调更改为1.50.

PS基础教程!教你创建一个复古的发光字效(含素材)

使用字体大约翰,输入“走出去”。 文字大小为200,颜色为#e8a5o5,字距是100.

PS基础教程!教你创建一个复古的发光字效(含素材)

将文字图层重命名为“文字”,然后右键将其转换为智能对象。

确保在图层的命名规范,不然图层多起来会头晕的。

PS基础教程!教你创建一个复古的发光字效(含素材)

复制“文字”图层,然后灭掉小眼睛,并将其放到原来的图层上方。

PS基础教程!教你创建一个复古的发光字效(含素材)

接下来我们将复制后的文字图层转换为智能对象。

由于我们是使用的智能对象,为了避免混乱,我们将制作一个动作来高效的完成所需的操作。

在窗口菜单里打开动作面板【快捷键ALT + F9】。

PS基础教程!教你创建一个复古的发光字效(含素材)

单击动作面板底部的“新建”图标,然后命名为Extrusion,再确定即可。

PS基础教程!教你创建一个复古的发光字效(含素材)

点击面板底部的“新建动作”,然后命名为操作,再单击记录按钮。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择“文字”复制图层,然后CTRL+J,复制一下。

PS基础教程!教你创建一个复古的发光字效(含素材)

按V进入移动模式,然后将复制出来的新图层向下移动一下,向右移动一下。

PS基础教程!教你创建一个复古的发光字效(含素材)

移动完了就不要动了。 你应该看到你的操作被记录到了新建的动作里。

PS基础教程!教你创建一个复古的发光字效(含素材)

单击“ 动作”面板底部的停止录制图标。

PS基础教程!教你创建一个复古的发光字效(含素材)

单机动作面板底部的播放图标十次,新建出十个文字副本。

PS基础教程!教你创建一个复古的发光字效(含素材)

最后一次动作出来的图层名应该是文字复制12。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择所有的文字复制图层,然后单击菜单栏上的图层》排列》反转。

你将会看到最后一个辅助图层在下面,然后第一个辅助图层是在上面。

PS基础教程!教你创建一个复古的发光字效(含素材)

取消选择第一个和最后一个图层,将剩下的选择了的图层新建组,重命名为Extrusion。

PS基础教程!教你创建一个复古的发光字效(含素材)

重命名文字副本为文字表面,文字副本12为文字底端。

复制文字表面图层,将复制后的图层填充更改为0,再将其复制。

PS基础教程!教你创建一个复古的发光字效(含素材)

双击文字复制2图层应用以下图层样式:

添加斜面与浮雕的图层样式,设置如下:

  • 大小:0
  • 阴影模式-不透明度:15%
PS基础教程!教你创建一个复古的发光字效(含素材)

再添加一个投影的图层样式,设置如下:

  • 不透明度:7%
  • 距离:3
  • 大小:2
PS基础教程!教你创建一个复古的发光字效(含素材)

这样就制作出了第一个挤出层。

选择该图层,然后右键选择“复制图层样式”。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择文字复制,然后右键“粘贴图层样式”。

这将制作出3D效果。

PS基础教程!教你创建一个复古的发光字效(含素材)

复制Extrusion组,拖动副本将其放置在文字复制2图层之上,并将其填充值更改为0。

PS基础教程!教你创建一个复古的发光字效(含素材)

单击文字表面图层以应用以下图层样式:

应用以下设置以添加斜面与浮雕:

  • 大小:3
  • 光泽等高线:内凹-深
  • 勾选消除锯齿
  • 阴影模式-不透明度:15%
PS基础教程!教你创建一个复古的发光字效(含素材)

使用以下设置添加等高线:

  • 等高线:内凹-深
  • 勾选消除锯齿
  • 范围:100%
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置添加描边:

  • 大小:1
  • 位置:内部
  • 混合模式:滤色
  • 填充类型:渐变
  • 使用水龙头70渐变预设来进行渐变填充
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置添加内阴影:

  • 不透明度:35%
  • 取消使用全局光
  • 角度:141
  • 距离:9
  • 阻塞:6
  • 大小:18
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置添加内发光:

  • 混合模式:线性光
  • 不透明度:100%
  • 颜色:#d1cc90
  • 方法:精确
  • 大小:90
  • 等高线:环形
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置添加外发光:

  • 不透明度:100%
  • 使用水龙头140渐变预设填充颜色
  • 扩展:28
  • 大小:10
  • 等高线:内凹-浅
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置以添加阴影:

  • 不透明度:7%
  • 距离:3
  • 大小:2
PS基础教程!教你创建一个复古的发光字效(含素材)

这就是文字表面图层的图层样式设置。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择该本子图层应用以下图层样式:

应用以下设置以添加斜面与浮雕:

  • 大小:10
  • 取消使用全局光
  • 角度:138
  • 高度:21
  • 光泽等高线:内凹-深
  • 勾选消除锯齿
  • 阴影模式-不透明度:15%
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置以添加等高线:

  • 等高线:内凹-深
  • 勾选消除锯齿
  • 范围:100%
PS基础教程!教你创建一个复古的发光字效(含素材)

应用以下设置添加描边

  • 大小:1
  • 位置:内部
  • 混合模式:滤色
  • 填充类型:渐变
  • 使用水龙头70渐变预设进行渐变填充
PS基础教程!教你创建一个复古的发光字效(含素材)

这将是文字表面内部表面的效果。

PS基础教程!教你创建一个复古的发光字效(含素材)

将文字表面复制2图层应用以下样式:

应用以下设置添加斜面与浮雕:

  • 方法:雕刻清晰
  • 大小:10
  • 取消勾选使用全局光
  • 角度:110
  • 高度:26
  • 光泽等高线:环形
  • 勾选消除锯齿
  • 阴影模式 - 不透明度: 15%
PS基础教程!教你创建一个复古的发光字效(含素材)

使用以下设置来应用等高线

  • 等高线:画圆步骤
  • 勾选 消除锯齿
  • 范围:100%
PS基础教程!教你创建一个复古的发光字效(含素材)

这将制作出文字表面内部第二部分的表面。

PS基础教程!教你创建一个复古的发光字效(含素材)

复制文字表面的图层样式到文字底端,然后再进行些修改。

斜面与浮雕

  • 大小:6
PS基础教程!教你创建一个复古的发光字效(含素材)

等高线:

  • 等高线:锥形-反转
PS基础教程!教你创建一个复古的发光字效(含素材)

阴影:

  • 不透明度:70%
  • 距离:20
  • 大小:50
PS基础教程!教你创建一个复古的发光字效(含素材)

这就是文字底部的效果。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择该挤压组,应用以下设置:

  • 勾选仿色
  • 混合:正片叠底
  • 使用炉管185x的渐变预设来填充
PS基础教程!教你创建一个复古的发光字效(含素材)

这将增加一些更多的效果。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择挤出组的复制组来应用以下图层样式设置:

  • 混合模式:线性光
  • 不透明度:35%
  • 颜色:#a9f6ff
  • 大小:27
  • 等高线:环形-双
  • 范围:75%
PS基础教程!教你创建一个复古的发光字效(含素材)

将所有可见的文字图层合并成组,并使用组图层样式。

PS基础教程!教你创建一个复古的发光字效(含素材)

选择该合并组,以应用外发光的图层样式:

  • 混合模式:滤色
  • 不透明度:50%
  • 颜色:#399da7
  • 大小:150
PS基础教程!教你创建一个复古的发光字效(含素材)

这就做完了文字效果。

如果要更改文字,可以到原始文字图层的缩略图里打开原始文字,更改文字后再保存关闭。

这这样会一并更改其他的智能对象图层,你将得到你输入的新文字的效果。

PS基础教程!教你创建一个复古的发光字效(含素材)

将冻结纹理放在所有图层至上,并重命名为纹理叠加。 改其混合模式为线性光及不透明度为15%。

PS基础教程!教你创建一个复古的发光字效(含素材)

在所有图层上添加一个渐变调整图层,勾选仿色。

使用颜色渐变填充#433469到左边,#5e6474在中间,#d4b28a在右边的设置。

将图层的混合模式更改为“颜色”和“不透明度”为15%。

PS基础教程!教你创建一个复古的发光字效(含素材)

复制这个渐变图层,然后将混合模式更改为柔光,不透明度改为50%。

PS基础教程!教你创建一个复古的发光字效(含素材)

在教程里,我们制作了一个带有纹理叠加图层的简单渐变背景。

然后我们输入了文字,将其转换为一个智能对象,将其复制。 之后,我们记录了一个东西来制作立体效果,并开始对不同的图层应用不同的图层样式来制作文字效果。

最后我们添加了一个纹理和几个调整填充图层来完成收尾工作。

欢迎 留下你的见解。

PS基础教程!教你创建一个复古的发光字效(含素材)

最新教程欢迎关注 @优设基础训练营 ,最新设计干货请戳→优设网,更多精彩教程尽在优优教程网~

3 收藏 24

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 12

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片