当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 艺术字体 > PS制作炫光立体文字

PS制作炫光立体文字

  • 2021-11-27
  • 来源/作者: 不详    / 佚名    
  • 6 次浏览

这篇教程教飞特的朋友们用PS制作炫光立体文字,教程制作的立体文字光影质感很强,色彩也很舒服。转发过来和飞特的朋友们一起学习。先来看看最终的效果图吧:PS制作炫光立体文字 飞特网 PS文字效果教程

具体的制作步骤如下:

步骤1 - 创建一个新文档
打开Photoshop。选择文件>新建或按Ctrl/Command+ N,我设置的大小为1440px(宽)× 900px(高)。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤2- 创建3D文本
我们要在Illustrator中创建3D文本。首先,你需要在Illustrator中输入文本。我输入的文字是“FX”。打开Illustrator,选择文字工具,键入文字。输入字体更改为“ Hobo Std Medium ”。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤3- 文本着色
更改文字的颜色。“F”我们使用蓝色(#094569),“X”使用深橙色(#AB7D1B)。你的图像看起来应该像下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤4- 给文字添加3D效果
我们需要创建3D文本。去菜单>效果>3D>挤压与斜角...

PS制作炫光立体文字 飞特网 PS文字效果教程

按下图设置:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤5- 背景着色
完成3D文字之后,回到Photoshop中,改变背景颜色为蓝色(#000b12)。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤6- 在Photoshop中放置3D文本
从Illustrator里复制文本并把它粘贴到Photoshop中。选择文本图层,右击它选择栅格化图层。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤7- 分离文本
现在我们要把文本分成两部分。选择矩形选框工具(M),对字母“X”做选区。 按Ctrl + X剪切,Ctrl + V粘贴文本。对齐文本。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤8- 减淡工具的设置
我们需要在文本中创建高光。从工具里选择减淡工具(O),按下图设置笔刷。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤9- 添加高光
使用减淡工具涂抹需要高光的区域。你可以参照下图。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤10-添加更多的高光
参照步骤9,按下图创建更多的高光。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤11- 添加阴影
现在我们要在相反的区域创建阴影。选择加深工具(O),描绘阴影。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤12- 添加更多的阴影
参照步骤11,按下图添加更多的阴影。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤13- 增加强度
为了给文本添加更多的对比度,选择减淡工具(O)。增加画笔的大小为800px,然后在整个字母“F”上点击,再点击字母“X”,你会得到下图所示的效果。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤14- 添加角落的光
现在我们将添加一些点光使文字的边角更亮。选择画笔工具(B)。使用主直径为90px的柔软的圆形笔刷。选择白色为前景色,创建一个新层。在文字的边角里描绘。如下图:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤15- 擦除
擦除那些不小心添加在背景上的光。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤16- 添加外发光
点击添加图层样式按钮。选择外发光选项,并按下图设置。点击OK。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤17- 复制点光
现在复制步骤14中创建的光。选择涂抹工具(R),从右至左拖动画笔,光就散布在文本上了。参照下面的图片就知道我的意思了。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤18- 混合发光
选择涂抹工具(R),在文本的边角拖动光。如图。

PS制作炫光立体文字 飞特网 PS文字效果教程

这时你的图像应该如下图:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤19- 添加羽化发光
现在我们将在文字的边缘添加一些光。选择画笔工具(B)。使用主直径90px的柔软的圆形笔刷。创建一个新层,按下图在边缘周围描绘光。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤20- 对“X”添加高光
在这一步,我们将把焦点放在字母“X”上。用与步骤14和15同样的方式制作点光。参考下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤21 - 添加外发光
对点光添加外发光。点击添加图层样式按钮,选择外发光,并应用以下设置。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤22- 选择笔刷
选择画笔工具(B)。使用主直径3px的硬的圆形笔刷。参照下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤23- 创建路径
使用钢笔工具(P),按下图创建路径。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤24- 添加描边路径
现在,右键单击,选择描边路径选项...

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤25 - 添加画笔描边
从列表中选择画笔,然后点击确定。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤26 - 添加更多的描边路径
重复步骤22 - 25,添加更多的描边。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤14- 添加角落的光
现在我们将添加一些点光使文字的边角更亮。选择画笔工具(B)。使用主直径为90px的柔软的圆形笔刷。选择白色为前景色,创建一个新层。在文字的边角里描绘。如下图:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤15- 擦除
擦除那些不小心添加在背景上的光。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤16- 添加外发光
点击添加图层样式按钮。选择外发光选项,并按下图设置。点击OK。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤17- 复制点光
现在复制步骤14中创建的光。选择涂抹工具(R),从右至左拖动画笔,光就散布在文本上了。参照下面的图片就知道我的意思了。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤18- 混合发光
选择涂抹工具(R),在文本的边角拖动光。如图。

PS制作炫光立体文字 飞特网 PS文字效果教程

这时你的图像应该如下图:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤19- 添加羽化发光
现在我们将在文字的边缘添加一些光。选择画笔工具(B)。使用主直径90px的柔软的圆形笔刷。创建一个新层,按下图在边缘周围描绘光。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤20- 对“X”添加高光
在这一步,我们将把焦点放在字母“X”上。用与步骤14和15同样的方式制作点光。参考下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤21 - 添加外发光
对点光添加外发光。点击添加图层样式按钮,选择外发光,并应用以下设置。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤22- 选择笔刷
选择画笔工具(B)。使用主直径3px的硬的圆形笔刷。参照下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

FEVTE编注:更多PS文字效果教程及PS制作的文字效果作品交流请到飞特论坛PS文字效果交流区,地址:http://bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86

步骤23- 创建路径
使用钢笔工具(P),按下图创建路径。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤24- 添加描边路径
现在,右键单击,选择描边路径选项...

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤25 - 添加画笔描边
从列表中选择画笔,然后点击确定。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤26 - 添加更多的描边路径
重复步骤22 - 25,添加更多的描边。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤27 - 创建阴影区域的高光
在这一步我们将在黑暗处添加发光效果。选择钢笔工具(P),按下图创建路径。按Ctrl + Enter键做选区,填充棕色(#614717)。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤28 -改变混合模式
现在,把这层放在文字层的上方,按Ctrl + Alt + G组合文字图层。然后去图层混合模式,选择“颜色减淡”
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤29 - 擦除角落
选择橡皮擦工具(E)。选择直径100px的柔软的圆形笔刷。擦除边角。如下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤30 - 添加更多的描边路径
参照步骤22-25继续添加更多的描边路径。
 

PS制作炫光立体文字 飞特网 PS文字效果教程


做完这些步骤之后你的图像应类似于下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤31 - 对字母“F”添加描边路径
让我们把焦点对准字母“F”。按照步骤22 - 25再次添加描边。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤32 - 创建背景中的光
在之后步骤中,我们将集中在处理背景上。 我们要在字母下方添加光。选择画笔工具(B)。使用一个直径为300px的柔软圆形笔刷。选择蓝色(#546876)。在文本图层下方创建一个新层,描绘一个大的点。参照下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤33 - 变换点
按Ctrl + T,转换图层的形状如下图。按回车键确定。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤34 - 添加阴影
在文本图层的下方创建一个新层。 按Ctrl + 点击字母“F”图层的缩略图激活图层蒙版。然后点击你刚才创建的层,使用渐变工具(G)。用黑色填充蒙版。
 

对字母“X”也是如此。

然后按Ctrl + T,如下图变换黑色字母图层。按回车键。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤35 - 添加高斯模糊
这个影子应该更模糊才真实。去菜单>滤镜>模糊>高斯模糊...设置5.0px的半径。按OK。
 

PS制作炫光立体文字 飞特网 PS文字效果教程


结果应类似下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤36 - 创建星光
选择钢笔工具(P),按下图创建路径。在屏幕上点击右键,选择描边路径... 选择笔刷选项,然后勾选模拟压力。按OK。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤37 - 复制星光路径
选择路径,按Ctrl + J复制它。然后按Ctrl + T旋转。重复它直到你得到类似下图的星光效果。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤38 - 调整星光的方向
现在选择所有星光图层。按Ctrl + T旋转,使它的方向与字母“X”相同。 如图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤39 - 放置星光
复制和移动星光到文字高光的区域。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤40 - 添加颗粒
现在我们要在星光附近添加一些颗粒。选择画笔工具(B),按下图设置笔刷。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程


在文字高光处涂抹。

PS制作炫光立体文字 飞特网 PS文字效果教程

 

步骤41 - 添加半透明的烟雾
下载the smoke brush (Real Smoke (675 pixels))并安装到Photoshop中。选择下图所示的画笔。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤42 - 放置画笔
增大笔刷,在新层上描绘它。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤43 - 添加颜色
在烟雾图层上方创建一个新层。右击这个新层,然后选择创建剪贴蒙版选项。使用画笔工具(B),更改为色彩模式。使用下列颜色:蓝色#0a5689,黄#ffd44e,绿#c2e01f。
 

PS制作炫光立体文字 飞特网 PS文字效果教程


选择移动工具(V),把烟雾和颜色图层放在文字层的后面。如图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤44 - 复制与变换
复制与翻转烟雾与颜色图层。去编辑>变换>水平翻转,然后去编辑>变换>垂直翻转。把这个新层放在图像的右侧.. 见下图。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤45 - 改变颜色
现在改变右侧烟雾的颜色。点击颜色图层,按Ctrl + U激活色相/饱和度调整。使用下图的设置。
 

PS制作炫光立体文字 飞特网 PS文字效果教程


你应该得到下图所示的效果。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤46 - 添加颗粒
现在我们将在烟雾上添加一些颗粒。创建一个新层。选择钢笔工具(P),如下图创建路径。

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤47 - 笔刷设置
选择画笔工具(B),按下图设置笔刷。

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤48 - 放置颗粒
笔刷设置完成后,再次选择钢笔工具(P)。在屏幕上点击右键,选择描边路径。选择笔刷选项,然后勾选模拟压力。按OK。
 

PS制作炫光立体文字 飞特网 PS文字效果教程


下图是做完之后的效果:

PS制作炫光立体文字 飞特网 PS文字效果教程

步骤49 - 复制和变换颗粒
复制颗粒,水平和垂直翻转它们。把它们放在屏幕的右侧。
 

PS制作炫光立体文字 飞特网 PS文字效果教程

 << 上一页  [11] [12] 下一页