ps设计多彩立体特效的光感文字

这篇教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。 原文来自:textuts.com 最终效果: 步骤1: -设置前景色为# 212121,背景色为# 000000(黑色)。从文档的中心到其中一个角落创建一个径向渐变。 – 使用颜色# f4edd2来创建文本,字体

用ps制作电子屏幕字特效

新建文档。 背景填充黑色。画4个圆角矩形,设置如下,颜色分别为#ff4c22 #1283f9 #79f95a #ff4c22。 画一矩形选区,定义图案。 隐藏所有形状层,输入文字,建新层,起名图案。 副标题 图案层填充任意一种颜色,双击添加图层样式,选择刚才定义的那个图案。 图层创建剪

 这篇教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。

最终效果:

ps设计多彩立体特效的光感文字插图

步骤1:

-设置前景色为# 212121,背景色为# 000000(黑色)。从文档的中心到其中一个角落创建一个径向渐变。

ps设计多彩立体特效的光感文字插图(1)

ps设计多彩立体特效的光感文字插图(2)

– 使用颜色# f4edd2来创建文本,字体为Junegull。我们希望出现两种不同尺寸的文本。所以如果你想要不同的尺寸,就分别在独立的图层上创建文本。较大的尺寸是250像素,设置行距是180(如有必要修改线条之间的垂直距离)。

ps设计多彩立体特效的光感文字插图(2)

– 较小的尺寸是150。你可以按自己的喜好修改尺寸,我的设置如下

ps设计多彩立体特效的光感文字插图(4)

步骤2:

双击文本图层应用下列风格:

– 外发光:改变混合模式为硬光、等高线为Cone – Inverted,确保选中消除锯齿。

ps设计多彩立体特效的光感文字插图(5)

– 内发光:只是改变颜色为# ffff00。

ps设计多彩立体特效的光感文字插图(6)

– 改变填充的值为0。

ps设计多彩立体特效的光感文字插图(7)

– 对于更小的字体,你需要缩放效果使其适应新的尺寸。因此右击原始文本图层,选择复制图层样式。

ps设计多彩立体特效的光感文字插图(8)

  右击其他文本图层,选择粘贴图层样式。这将对新的文本图层应用同样的图层样式及同样的值。

ps设计多彩立体特效的光感文字插图(9)

– 为了缩放风格,右击图层效果图标,选择缩放效果。

ps设计多彩立体特效的光感文字插图(10)

– 改变缩放的值,使风格符合字体的尺寸。

ps设计多彩立体特效的光感文字插图(11)

步骤3:

– 设置前景色为# e5dfc9。在所有图层的上方创建一个新层并命名为“Light”。

ps设计多彩立体特效的光感文字插图(12)

-使用画笔工具开始在字母上点缀圆点。使用一个柔软的圆形笔刷,并设置其大小20(大字体),小字体为10.

ps设计多彩立体特效的光感文字插图(13)

– 完成点之后,选择海绵工具,并设置强度值为70%。开始往不同的方向涂抹点。使用相同的笔刷大小(20和10)。

ps设计多彩立体特效的光感文字插图(14)

– 这时文本看起来应该像这样:

ps设计多彩立体特效的光感文字插图(15)

步骤4:

双击“Light”图层应用下列风格:

– 外发光:改变混合模式为线性光。

ps设计多彩立体特效的光感文字插图(16)

– 内发光:改变混合模式为硬光,颜色为# ffff00,大小为8。

ps设计多彩立体特效的光感文字插图(17)

– 这将对涂抹的点添加一些发光效果。

ps设计多彩立体特效的光感文字插图(18)

步骤5:

– 是时候添加一些明亮的颜色了。在所有图层的上方创建一个新层并命名为“Color”。使用一个柔软的圆形笔刷,并设置其大小大约60像素,在文本周围涂抹小的彩色圈。不要做得太多了,留一些空间。

颜色使用#e6631b、# 00 f4fd和# 9 f1e6b。你也可以选择你喜欢的颜色。

ps设计多彩立体特效的光感文字插图(19)

– 你应该得到下图的效果。

ps设计多彩立体特效的光感文字插图(20)

– 改变“Color”图层的混合模式为叠加。

ps设计多彩立体特效的光感文字插图(21)

步骤6:

– 现在我们要创建对角线图案来用于该教程中。这是非常简单的。创建一个5×5 px的新文件,背景内容设置为透明。

ps设计多彩立体特效的光感文字插图(22)

– 使用矩形选框工具,单击添加到选区图标,来创建5个对角方块(每个方块1 px——你可以放大以便观察的更清楚)。

ps设计多彩立体特效的光感文字插图(23)

– 完成之后,使用黑色填充选区,按Ctrl + D取消选择。

ps设计多彩立体特效的光感文字插图(24)

– 去编辑->定义图案,并输入名称Diagonal Lines。图案就完成了~

ps设计多彩立体特效的光感文字插图(25)

步骤7:

– 回到原始文件,在文本图层(s)的上方,“Color”和“Ligh”图层的下方创建一个新层,并命名为“Lines”。设置前景色为# e8641b,背景色为# ffd200。

ps设计多彩立体特效的光感文字插图(26)

– 打开画笔面板(窗口- >画笔),并选择Dry 笔刷(尺寸39)。按下图改变设置:

– 画笔笔尖形状:-

ps设计多彩立体特效的光感文字插图(27)

– 形状动态:-

ps设计多彩立体特效的光感文字插图(28)

– 散布:-

ps设计多彩立体特效的光感文字插图(29)

– 纹理:(使用你创建的“Diagonal Lines”图案)。

ps设计多彩立体特效的光感文字插图(30)

– 颜色动态:-

ps设计多彩立体特效的光感文字插图(31)

笔刷就完成了。

步骤8:

– 右击文字图层,选择创建工作路径。

ps设计多彩立体特效的光感文字插图(32)

– 选择”Lines”图层,然后使用直接选择工具,右击路径选择描边路径。

ps设计多彩立体特效的光感文字插图(33)

– 从工具下拉菜单中选择笔刷,并选中模拟压力。

ps设计多彩立体特效的光感文字插图(34)

这将使用你创建的笔刷描边路径。点击回车键消除路径。(重复同样的步骤来描边其他文本图层)。

ps设计多彩立体特效的光感文字插图(35)

– 改变“Lines” 图层的不透明度为30%或任何其他你想要的值。

ps设计多彩立体特效的光感文字插图(36)

如果你喜欢现在的效果你可以不用在继续,或者你可以遵循下一个步骤来添加一个光泽效果。

步骤9:

– 按Ctrl 点击选择所有的文本图层,并复制他们,把副本放在“Color”图层的下方以及“Ligh”图层的上方。然后右击其中的一个选择清除图层样式。

ps设计多彩立体特效的光感文字插图(37)

– 设置副本文字图层的填充为0。

ps设计多彩立体特效的光感文字插图(38)

-双击较大尺寸的文本层,应用斜面与浮雕的图层风格。改变深度为430,大小为10。勾去使用全局光,改变角度为98,高度53。勾选消除锯齿,改变高光模式为点光,颜色为# f4f3e6,设置阴影模式不透明度的值为0。

ps设计多彩立体特效的光感文字插图(39)

– 至于等高线,只要勾选消除锯齿框。

ps设计多彩立体特效的光感文字插图(40)

– 复制并粘贴同样的风格到其他文本图层中,只需要为小尺寸文本改变斜面与浮雕的尺寸为7。

ps设计多彩立体特效的光感文字插图(41)

– 这将给文本添加一个漂亮的光泽效果,使其更加流行。

ps设计多彩立体特效的光感文字插图(42)

完成了~

希望大家喜欢这个教程。

ps设计多彩立体特效的光感文字插图

 这篇教程将向大家展示如何使用Photoshop笔刷和图层风格来创建丰富多彩的光感文本效果。

最终效果:

ps设计多彩立体特效的光感文字插图

步骤1:

-设置前景色为# 212121,背景色为# 000000(黑色)。从文档的中心到其中一个角落创建一个径向渐变。

ps设计多彩立体特效的光感文字插图(1)

ps设计多彩立体特效的光感文字插图(2)

– 使用颜色# f4edd2来创建文本,字体为Junegull。我们希望出现两种不同尺寸的文本。所以如果你想要不同的尺寸,就分别在独立的图层上创建文本。较大的尺寸是250像素,设置行距是180(如有必要修改线条之间的垂直距离)。

ps设计多彩立体特效的光感文字插图(2)

– 较小的尺寸是150。你可以按自己的喜好修改尺寸,我的设置如下

ps设计多彩立体特效的光感文字插图(4)

步骤2:

双击文本图层应用下列风格:

– 外发光:改变混合模式为硬光、等高线为Cone – Inverted,确保选中消除锯齿。

ps设计多彩立体特效的光感文字插图(5)

– 内发光:只是改变颜色为# ffff00。

ps设计多彩立体特效的光感文字插图(6)

– 改变填充的值为0。

ps设计多彩立体特效的光感文字插图(7)

– 对于更小的字体,你需要缩放效果使其适应新的尺寸。因此右击原始文本图层,选择复制图层样式。

ps设计多彩立体特效的光感文字插图(8)

  右击其他文本图层,选择粘贴图层样式。这将对新的文本图层应用同样的图层样式及同样的值。

ps设计多彩立体特效的光感文字插图(9)

– 为了缩放风格,右击图层效果图标,选择缩放效果。

ps设计多彩立体特效的光感文字插图(10)

– 改变缩放的值,使风格符合字体的尺寸。

ps设计多彩立体特效的光感文字插图(11)

步骤3:

– 设置前景色为# e5dfc9。在所有图层的上方创建一个新层并命名为“Light”。

ps设计多彩立体特效的光感文字插图(12)

-使用画笔工具开始在字母上点缀圆点。使用一个柔软的圆形笔刷,并设置其大小20(大字体),小字体为10.

ps设计多彩立体特效的光感文字插图(13)

– 完成点之后,选择海绵工具,并设置强度值为70%。开始往不同的方向涂抹点。使用相同的笔刷大小(20和10)。

ps设计多彩立体特效的光感文字插图(14)

– 这时文本看起来应该像这样:

ps设计多彩立体特效的光感文字插图(15)

步骤4:

双击“Light”图层应用下列风格:

– 外发光:改变混合模式为线性光。

ps设计多彩立体特效的光感文字插图(16)

– 内发光:改变混合模式为硬光,颜色为# ffff00,大小为8。

ps设计多彩立体特效的光感文字插图(17)

– 这将对涂抹的点添加一些发光效果。

ps设计多彩立体特效的光感文字插图(18)

步骤5:

– 是时候添加一些明亮的颜色了。在所有图层的上方创建一个新层并命名为“Color”。使用一个柔软的圆形笔刷,并设置其大小大约60像素,在文本周围涂抹小的彩色圈。不要做得太多了,留一些空间。

颜色使用#e6631b、# 00 f4fd和# 9 f1e6b。你也可以选择你喜欢的颜色。

ps设计多彩立体特效的光感文字插图(19)

– 你应该得到下图的效果。

ps设计多彩立体特效的光感文字插图(20)

– 改变“Color”图层的混合模式为叠加。

ps设计多彩立体特效的光感文字插图(21)

步骤6:

– 现在我们要创建对角线图案来用于该教程中。这是非常简单的。创建一个5×5 px的新文件,背景内容设置为透明。

ps设计多彩立体特效的光感文字插图(22)

– 使用矩形选框工具,单击添加到选区图标,来创建5个对角方块(每个方块1 px——你可以放大以便观察的更清楚)。

ps设计多彩立体特效的光感文字插图(23)

– 完成之后,使用黑色填充选区,按Ctrl + D取消选择。

ps设计多彩立体特效的光感文字插图(24)

– 去编辑->定义图案,并输入名称Diagonal Lines。图案就完成了~

ps设计多彩立体特效的光感文字插图(25)

步骤7:

– 回到原始文件,在文本图层(s)的上方,“Color”和“Ligh”图层的下方创建一个新层,并命名为“Lines”。设置前景色为# e8641b,背景色为# ffd200。

ps设计多彩立体特效的光感文字插图(26)

– 打开画笔面板(窗口- >画笔),并选择Dry 笔刷(尺寸39)。按下图改变设置:

– 画笔笔尖形状:-

ps设计多彩立体特效的光感文字插图(27)

– 形状动态:-

ps设计多彩立体特效的光感文字插图(28)

– 散布:-

ps设计多彩立体特效的光感文字插图(29)

– 纹理:(使用你创建的“Diagonal Lines”图案)。

ps设计多彩立体特效的光感文字插图(30)

– 颜色动态:-

ps设计多彩立体特效的光感文字插图(31)

笔刷就完成了。

步骤8:

– 右击文字图层,选择创建工作路径。

ps设计多彩立体特效的光感文字插图(32)

– 选择”Lines”图层,然后使用直接选择工具,右击路径选择描边路径。

ps设计多彩立体特效的光感文字插图(33)

– 从工具下拉菜单中选择笔刷,并选中模拟压力。

ps设计多彩立体特效的光感文字插图(34)

这将使用你创建的笔刷描边路径。点击回车键消除路径。(重复同样的步骤来描边其他文本图层)。

ps设计多彩立体特效的光感文字插图(35)

– 改变“Lines” 图层的不透明度为30%或任何其他你想要的值。

ps设计多彩立体特效的光感文字插图(36)

如果你喜欢现在的效果你可以不用在继续,或者你可以遵循下一个步骤来添加一个光泽效果。

步骤9:

– 按Ctrl 点击选择所有的文本图层,并复制他们,把副本放在“Color”图层的下方以及“Ligh”图层的上方。然后右击其中的一个选择清除图层样式。

ps设计多彩立体特效的光感文字插图(37)

– 设置副本文字图层的填充为0。

ps设计多彩立体特效的光感文字插图(38)

-双击较大尺寸的文本层,应用斜面与浮雕的图层风格。改变深度为430,大小为10。勾去使用全局光,改变角度为98,高度53。勾选消除锯齿,改变高光模式为点光,颜色为# f4f3e6,设置阴影模式不透明度的值为0。

ps设计多彩立体特效的光感文字插图(39)

– 至于等高线,只要勾选消除锯齿框。

ps设计多彩立体特效的光感文字插图(40)

– 复制并粘贴同样的风格到其他文本图层中,只需要为小尺寸文本改变斜面与浮雕的尺寸为7。

ps设计多彩立体特效的光感文字插图(41)

– 这将给文本添加一个漂亮的光泽效果,使其更加流行。

ps设计多彩立体特效的光感文字插图(42)

完成了~

希望大家喜欢这个教程。

ps设计多彩立体特效的光感文字插图

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部