位置:首页>>ps教程>>PS字体设计>>正文

PS教程:创建渐变时尚文字效果

来源:设计前沿网 作者:Pavlo Manachyn 时间:2018-06-29T09:11:09

在本PS教程中,我想向您展示如何在Adobe Photoshop中创建渐变文字效果。如果你想毫不费力地得到最终结果 PS渐变字图片

你会设计什么字体效果图?

教程素材
本教程中将使用以下资源:

伟大的Vibes字体

在开始创建此文字效果之前,请下载并安装字体。

1.如何创建图层样式

步骤1

打开Photoshop,并转到文件>新建来创建一个新文档。

创建一个新文档

第2步

使用#282828 颜色填充文档。使用这些设置选择类型工具(T):

字体:伟大的Vibes 字体大小:127 pt 颜色:白色 跟踪选择字符:-25
文本工具

第3步

写下“Fairy”(第一个字母应该是大写字母)并将其放置在Photoshop文档的中心(按 Control-A 选择文档,然后选择 移动工具(V) 并单击 对齐垂直中心 并 对齐水平中心 图标)。

文本对齐

步骤4

双击文字图层以应用以下图层样式。

使用这些设置添加笔触:

大小: 7像素 职位: 外面 混合模式:正常 不透明度: 100% 填充类型:颜色 颜色: #ff0084
第1层 - 描边

然后点击确定保存更改。

第5步

选择Fairy图层,转到图层>复制图层,并将图层命名为“中间”。点击确定创建图层。选择移动工具(V)并向上移动并向左移动7 px。转到图层>图层样式>清除图层样式以清除图层样式。将颜色更改为 #c6c6c6。

创建一个新图层

第6步

该n 在文本图层上用鼠标双击以打开“ 图层样式”窗口。

使用这些设置添加笔触:

大小: 4像素 职位:外面 混合模式:正常 不透明度: 100% 填充类型:颜色 颜色: #8c054a
第2层 - 描边

第7步

现在添加一个 内部发光:

混合模式:叠加 不透明度: 50% 噪音: 0% 颜色: #ffffff 技术:更软 来源:边缘 呛: 100% 大小: 4像素 轮廓:线性取消选中 Anti-aliased 范围: 100% 抖动: 0%
第2层 - 内部发光

第8步

使用以下设置添加渐变叠加层:

混合模式:正常 不透明度: 100% 梯度:从#f6b6ce到#e35b9b 风格:反映 角度: 90° 规模: 46%取消选中 反转 和 抖动 检查 与图层对齐
第2层 - 渐变叠加

第9步

添加 阴影 与这些设置:

混合模式:正常挑选颜色 #840048 不透明度: 100% 设置角度: 135° 之前, 取消选中 使用全局灯光框 距离: 10像素 传播: 100% 大小: 0像素 轮廓:线性取消选中 Anti-aliased
噪音: 0%检查 层敲出阴影
第2层 - 阴影

点击确定保存更改。

第10步

选择中间层并复制它。双击名称并将其更改为“Front”。按Enter键应用设置。选择移动工具(V)并将其向上移动5 px,然后向左移动1 px。转到图层>图层样式>清除图层样式以清除图层样式。

创建一个新图层

第11步

确保选择了Front图层。 在图层上用鼠标双击以应用以下图层样式。将填充不透明度设置为0%。

第3层 - 混合选项

第12步

添加描边:

大小: 7像素 位置:里面 混合模式:正常 不透明度: 0% 填充类型:颜色 颜色: #000000
第3层 - 描边

步骤13

使用这些设置添加颜色叠加层 :

混合模式:正常 颜色: #ffffff 不透明度: 40%
第3层 - 颜色叠加

然后点击 确定 保存更改。

第14步

选择图层Fairy,Middle和Front,转到图层>合并图层(或按下Control-E)将它们合并成一个。

合并图层

第15步

双击文字图层以应用以下图层样式。

添加描边:

大小: 10像素 职位:外面 混合模式:正常 不透明度: 100% 填充类型:颜色 颜色: #000000
合并图层 - 描边

步骤16

现在添加一个 外发光:

混合模式:正常 不透明度: 100% 噪音: 0% 颜色: #ffffff 技术:更软 呛: 100% 大小: 14像素 轮廓:线性取消选中 Anti-aliased 范围: 100% 抖动: 0%
合并图层 - 外发光
广告

步骤17

添加阴影与这些设置:

混合模式:正常挑选颜色 #000000 不透明度: 30% 设置角度: 135° 之前, 取消选中 使用全局灯光框 距离:35 像素 传播: 0% 大小: 0像素 轮廓:线性取消选中 Anti-aliased
噪音: 0%检查 层敲出阴影
合并图层 - 投影

点击 确定 保存更改。

恭喜,你完成了!

在本教程中,您学习了如何创建一段童话文本。希望你喜欢。不要忘记与我们分享您的结果。

最后结果

我们刚刚创建的这种文字效果