在Photoshop中创建一个时髦的复古波浪文本效果

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

预览

这就是我们要创造的。您可以单击第一张图片查看完整版。

预览

预览版2

资源

  • 由禅宗纹理拼贴纹理
  • 由禅宗纹理染色纸纹理
  • 由禅宗纹理纸纹理

步骤1:创建形状

我们将从创建一个新的1200 px x 1200 pxAdobe Photoshop中的文档。

使用钢笔工具(P),我们要创建一个抽象的有机形状,就像我下面所做的。确保你创建的是形状层,而不是路径层;您可以通过选项栏更改此设置。

更改颜色(双击颜色选项框打开颜色编辑器对话框)为蓝色(# 017 eff).

请记住,现在,我们将使用完全饱和的颜色,这是在光谱的右上角。

创建形状

步骤2:添加更多的形状

我们将用Ctrl/Cmd + J复制刚才创建的形状层。

把颜色改为明亮的黄色(# ffd801).同样,选择一个位于光谱右上角的颜色。

使用Ctrl/Cmd + T(自由变换)变换形状使其更小;按住Shift键保持形状与原来的比例相同。

添加更多的形状

第三步:添加更多的形状

重复步骤2两次以上。将第一种颜色改为白色(# ffffff)和粉色的颜色为第二个(# fe0096)的第二个。

形状应该在彼此内部移动一点,让它更自然,有机,浮动的感觉;你可以使用移动工具(V)移动东西。

添加更多的形状

第四步:给形状添加一个笔画

在我们继续之前,我们要在每个形状周围添加一个笔画。点击图层面板底部的添加图层样式图标。然后点击中风调整你的设置,使你有黑色(# 000000)作为描边颜色2 px根据你的笔画大小。

对所有的形状重复此操作。

在形状上添加笔画

步骤5:创建文本背景

将我们刚刚创建的图层移动到一个名为Shape1.右键单击该文件夹并单击复制图层组.调用新文件夹Shape2

点击Shape2形状文件夹,然后按Ctrl/Cmd + T进行自由变换。

旋转Shape2,直到你得到像我这样的东西。

创建文本背景

步骤6:完成文本背景

继续复制和旋转形状,直到你覆盖了画布的大部分区域,同时保持形状之间的空白。你也可以进入编辑>转换>水平翻转,使形状更适合。关键是在蓝色的负空间和形状本身中获得流动的感觉。

在不同的形状中交替使用相同的4种颜色,这样你会有更多随机的外观。

更改背景层为蓝色(# 017 eff),这样你就有了类似下图的东西。

完成文本背景

第七步:添加复古风格

我们将给我们的背景更多的一个古老和复古的外观。

为了达到这个效果,我们将使用来自Zen Textures的纸张纹理。

使用Ctrl/Cmd + T(自由变换),缩小纹理,使其适合图像。确保纹理是顶层,并降低不透明度为40%

顺便说一下,现在保存Photoshop文档是个好主意。

添加复古风格

步骤8:合并图层并添加文本

我们要把所有的图层合并成一个图层。要做到这一点,点击图层面板右上角的向下箭头图标,然后点击平整图像在出现的菜单中。

我们的形状应该变成背景图像,这是锁定的。

要解锁它,双击该层,然后将其重命名为波浪Backgound

现在我们要加入一些白色(# ffffff)文本。我用的字体是博多尼活字字体海报但你可以使用任何你喜欢的字体(更粗的字体会更好)。

合并图层并添加文本

步骤9:屏蔽文本背景

将文本图层拖到图层面板中,使其位于波浪背景图层的下方。

点击波浪背景图层,点击>图层,创建剪贴蒙版(Ctrl/Cmd + G),这样可以遮罩我们的背景,使它只显示在文本所在的位置。

在你的图层面板中,蒙版的图像应该有一个向下的箭头,文本应该有下划线。

用这种方式制作字母的好处是,你可以随心所欲地更改文本,而背景中仍然有蒙版图像。

屏蔽文本背景

步骤10:给背景上色

创建一个新层,并一直移动到底部。叫它背景然后用蓝色填充,就像# 003547

颜色的背景

步骤11:添加投影图层样式

让我们给文本添加一些效果。点击文字图层,然后点击图层面板底部的“添加图层样式”图标,选择“开启”阴影

将您的设置更改为如下所示。这个微妙的背景会给我们的文本更多一点深度,这样它看起来就像坐在背景上一样。

添加投影

步骤12:添加斜角和浮雕图层样式

现在我们再次打开图层样式对话框,应用一个斜面和浮雕图层样式。这将给我们的文本一点边缘,给它一个微妙的3D外观。

添加斜面和浮雕

步骤13:添加渐变叠加图层样式

再次打开图层样式对话框,应用一个渐变叠加图层样式。

我们使用的是由白到黑的渐变。这将改变文字的明暗,让它看起来更真实一点。

添加渐变叠加

步骤14:添加描边图层样式

我们现在要做的最后一件事是再次进入图层样式对话框,并添加一个1 px黑色描边到文本通过描边图层样式。这将把我们的文本与背景中的形状捆绑在一起,它们也有笔画。

添加一个中风

步骤15:背景变暗

我们现在要开始做背景了。

首先,我们要使画布的边缘变暗,创建一个阴影。

新建一个图层(Ctrl/Cmd + Shift + N),并在图层面板中将其移动到背景图层的上方。

用矩形选框工具(M)将羽毛选项(在屏幕顶部的选项栏)更改为100 px

在整个画布上点击并拖动一个框,然后用Ctrl/Cmd + Shift + I(这与选择> inverse相同)得到反向选择。

用黑色填充区域(# 000000).

将不透明度降低到30%

你的结果看起来应该类似于我下面所做的。

背景变暗

步骤16:背景照明

我们将在画布的中间给背景一个轻微的白色不透明度渐变,给人一种有光源直接从上面来的感觉。

在图层面板中选择背景图层,点击添加图层样式图标,并添加一个渐变叠加图层样式。改变它,使它的左边是白色的100%不透明度和白色的右边用0%不透明度。

背景闪电

步骤17:创建一个旧的纹理背景

我们的背景将有一个古老的纹理外观。

我们将通过分层一些纹理来实现这个外观,以得到我们想要的。

首先,我们需要从Zen Textures中获取拼贴纹理。

使用自由变换(Ctrl/Cmd + T)将纹理调整到合适的位置(按住Shift键以防止纹理不成比例地倾斜)。

移动纹理,使它刚好在背景层之上,并改变混合模式为

改变图层的不透明度为50%

创建一个旧的纹理背景

步骤18:添加和处理纸张纹理

我们将要使用的下一个纹理是来自Zen Textures的染色纸纹理。将纹理导入文档并调整其大小。

改变纹理所在图层的混合模式

现在因为这让我们的艺术作品太暗了,我们要用曲线工具使它变亮。

使用Ctrl/Cmd + M打开曲线工具对话框,创建如下图所示的曲线。

添加和处理纸张纹理

步骤19:添加噪音

我们将给图像添加一些噪声,让它看起来更老。新建一个图层,填充白色(# ffffff).

进入滤镜>噪声>添加噪声并改变数量为103%均匀分布,并确保单色检查。

添加噪声

步骤20:模糊噪音

更改噪声层的混合模式为

进入滤镜>模糊>高斯模糊,并更改半径为1.0 px

将此图层的不透明度设置为40%

模糊的声音

步骤21:创建折痕阴影

为了完成它,我们将在背景中创建一个折痕,将框架的顶部的文本。

使用矩形选框工具(M),羽毛选项在0 px(这是默认值,但我们在前面将其更改为100px),在画布的顶部创建一个框选框。

点击渐变工具(G),做一个小的黑色渐变,最暗的部分来自于盒子的底部,如下图所示。

创建折痕阴影

创建折痕高光

按Ctrl/Cmd + Shift + I得到反向选择。

创建一个新图层(Ctrl/Cmd + Shift + N),用渐变工具(G)添加一个白色渐变,这样最亮的部分在方框的顶部。最暗的黑色和最亮的白色渐变应该相交。

创建折痕高光

步骤23:使折痕更加微妙

降低黑色渐变层的不透明度为50%白色渐变到20%所以你会得到一个更微妙的折痕。

使折痕更加微妙

步骤24:掩盖折痕

如果你想让折痕在画布的右侧消失,就像我下面做的那样,点击图层面板中两个渐变图层左边的空框(这应该会弹出一个链接图标)。

Ctrl/Cmd + E将两个图层合并在一起。

点击添加图层蒙版图标,使用笔刷工具(B),颜色为黑色,0%硬度刷头20%不透明度,开始慢慢刷去右边的折痕,直到你得到你喜欢的东西。

掩盖折痕

结论

伙计们,这是一种创造一些让人想起70年代的时髦复古文本的技术。我希望你喜欢本教程,并鼓励你在评论中分享你的想法。

结论

下面是另一个版本:

下载源文件

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!