万圣节专题 | 超酷万圣节字体设计

万圣节专题 | 超酷万圣节字体设计

灵感来自万圣节,学习如何创建自己的万圣节灵感的排版在几个简单的步骤:从滴水,飞溅,阴影,亮点到粘液效应。您还将学习如何通过玩各种图层来假冒3D效果。所有的滴水和飞溅都是用刷子+橡皮擦制成的。

你将要创建什么

我们将从创建一个非常简单,纯色的背景开始。然后我们继续阅读文本。至于细节,我们首先要开始做滴滴效果,然后再重点介绍,最后是阴影。您还将学习如何更改整个排版的颜色。您将需要Photoshop CS3或更高版本才能遵循本教程。

万圣节专题 | 超酷万圣节字体设计

教程资源

冲浪资本 - 达丰

纹理包 - rodiennes

裂纹刷 - funeral0ng

步骤1

创建一个新的画布(Ctrl + N /文件>新)在830 x 1030 px |分辨率为200像素

万圣节专题 | 超酷万圣节字体设计

第2步

像往常一样,我们将把这些层分成几组,使整个过程更加整洁,更有条理。我们从背景开始。创建一个新组(只需单击“创建一个新组图标”位于“层”面板底部的“新建图层”和“调整图层”图标之间),并将其重命名为“背景”。

万圣节专题 | 超酷万圣节字体设计

现在将默认的背景图层移动到我们刚刚创建的组,您需要删除锁(单击锁定图标|单击并将锁定图标拖动到文件夹),然后再执行此操作。然后将图层重命名为“背景”

万圣节专题 | 超酷万圣节字体设计

步骤3

将您的前景颜色更改为#181414并使用Paintbucket工具,填写您的画布。

万圣节专题 | 超酷万圣节字体设计

步骤4

现在我们已经完成了我们的背景,有时间输入我们的文字。首先,创建一个新组,并将其重命名为“文本”。

万圣节专题 | 超酷万圣节字体设计

步骤5

抓住文本工具,将您的字体更改为“SurfingCapital”,然后开始输入。由于我们要进行万圣节式的排版,我建议您使用适合所谓假期的短语。我用“Trick or Treat”去了,但你可以明白地输入任何你喜欢的短语。如果您不喜欢我使用的字体,我建议用粗的字体替换其他字体。我认为这些类型的字体真的适合这种文本效果,但你可以自由地尝试这种文字效果与其他字体。

万圣节专题 | 超酷万圣节字体设计

我决定把这样的短语划分成这样,使它更容易使用:

万圣节专题 | 超酷万圣节字体设计

* LS代表字母间距

rick:r = 25px | i = 75 px | c = 75 px | k = 25像素

或:或= 120像素

reat:reat = 10px

文字颜色:#1a9216

我想让这个短语的某些字母比其他的大一些,所以我玩它的字体大小(尺寸在照片上显示)

步骤6

现在你可以看到,文本有点透明,我们需要让它看起来更加大胆;但在继续这样做之前,我建议您为每个文本层创建一个新组;将每个组重命名为文本,因此不会太混乱。

万圣节专题 | 超酷万圣节字体设计

之后,将所有文本图层转换为智能对象(选择文本图层>右键单击>转换为智能对象)

步骤7

现在我们做了所有这一切,我们终于可以继续了。双击文本图层 - 将其转换为Smart对象的图标。这样做会打开我们到一个只有这个层的新画布。现在,重复文本层二三次,这取决于你想要的厚度。我复制了我三次。

万圣节专题 | 超酷万圣节字体设计

我知道有一个Faux Bold选项,我们可以使用这个insead,但是当我尝试使用该选项时,它最终落后于笔记本电脑(这是因为字体太重而无法加载),这让我感到很沮丧。所以请注意,如果您想要使用“伪造粗体”选项,请继续。但它确实滞后于您的电脑很长一段时间。

步骤8

完成重复后,保存.psb文件,关闭它并重复其他文本图层。

步骤9

然后点击fx> Gradient Overlay ...

(根据文本,将其不透明度更改为大约12-22%)。与其他文本图层重复。

万圣节专题 | 超酷万圣节字体设计

步骤10

现在我们可以添加细节,我们从头开始。

创建一个新图层,将其放在文本图层之下,并重命名为“清除”。将您的前景颜色更改为#1a9216,然后开始抓取画笔工具(按B |刷大小约7-10px,硬度为100%,间距为1%)。

万圣节专题 | 超酷万圣节字体设计

要使滴水效果开始,随意地围绕想要所述效果的地方刷牙。我做了一个圆形和椭圆形的混合:

万圣节专题 | 超酷万圣节字体设计

现在抓住您的橡皮擦(按E |刷子大小5-8px;必须小于画笔工具,硬度为100%,间距为1%),并开始擦除(以弯曲的动作,使S形状等),直到它们开始看起来像滴水。我建议不时更改刷子尺寸。

万圣节专题 | 超酷万圣节字体设计

我还在文字上添加了滴漏。并使其看起来3D,选择滴水,fx>斜面和浮雕:

万圣节专题 | 超酷万圣节字体设计

完成后,重复其他文本图层。花点时间做这个步骤不要随便擦除我将整个画布放大到300-400%左右,并打开了一个导航标签,所以我可以看到整个画布在工作时的样子。 *右键单击>复制图层效果|右键单击>粘贴层效果非常有用。

步骤11

现在是亮点的时候了。

选择文本图层,复制它,将其放在“清除”图层下方,并将其重命名为“亮点”。

万圣节专题 | 超酷万圣节字体设计

fx>颜色叠加:#6aaf05

(隐藏渐变叠加层文本效果)

将这个图层移到左边(尝试微调它几次)。删除可能与使用图层蒙版(位于图层底部的fx和“调整图层”图标之间的图层蒙版)对比的亮点部分。

万圣节专题 | 超酷万圣节字体设计

与其他文本图层重复。 *右键单击>复制图层效果|右键单击>粘贴层效果非常有用。

步骤12

阴影。

再次复制文本图层,将其放在“亮点”图层下方,并将其重命名为“阴影”。

万圣节专题 | 超酷万圣节字体设计

fx>颜色叠加:#147a11

fx>阴影:

万圣节专题 | 超酷万圣节字体设计

(隐藏渐变叠加层文本效果)

将这个层更多的移动到右边,像高光一样,去掉可能与滴水效应形成对比的部分;使用图层蒙版,因为我们正在使用智能对象。

万圣节专题 | 超酷万圣节字体设计

与其他文本图层重复。 *右键单击>复制图层效果|右键单击>粘贴层效果非常有用。

步骤13

粘液

创建一个新图层,并将其放在您为每个文本图层所制作的所有组上。将其重命名为“泥”。将图层的不透明度更改为80%|填充到0%

万圣节专题 | 超酷万圣节字体设计

fx>阴影:

万圣节专题 | 超酷万圣节字体设计

fx>内阴:

万圣节专题 | 超酷万圣节字体设计

抓住画笔工具,重复我们做的滴水步骤,但这次使用一个稍大一点的画笔大小(大约10-13像素),并在文本中创建效果,给人留下了流泪的印象。

万圣节专题 | 超酷万圣节字体设计

步骤14

几乎完成了创建一个新组,将其放置在所有组之上,并将其重命名为“覆盖”。打开纹理包(我使用5,4,3),并像这样放置:

纹理4:不透明度25%|填充30%|混合模式乘法

万圣节专题 | 超酷万圣节字体设计

纹理5:不透明度25%|填充30%|混合模式乘法

万圣节专题 | 超酷万圣节字体设计

纹理3:不透明度25%|填75%|混合模式变暗

万圣节专题 | 超酷万圣节字体设计

如果您不喜欢本教程使用的纹理包,您可以随时用水彩/墨水溅刷(这里有一些这些PhotoshopTutorials.ws)或其他纹理来替换它。我认为谷物纹理也会很好。

步骤15

[可选:其他颜色]

如果您不喜欢本教程使用的颜色绿色,以下是将其更改为其他颜色的简单方法。

首先,创建一个新组并将其放在“覆盖”组下面,您可以重命名它。我改名为“其他颜色”。复制文本组,然后合并(我建议先复制它,以便对文本进行某些更改)。将其重命名为“合并文本”,并将其放在我们刚刚创建的组中。

万圣节专题 | 超酷万圣节字体设计

第16步

如果您想要蓝色,请点击调整图层图标>色相/饱和度...:

万圣节专题 | 超酷万圣节字体设计

*之后,选择刚刚制作的调整图层,右键单击>创建剪辑蒙版。

第17步

如果你想要一个芥末色,点击调整图层图标>渐变图:

万圣节专题 | 超酷万圣节字体设计

点击调整图层图标>曲线:

万圣节专题 | 超酷万圣节字体设计

步骤18

如果您想要类似血的颜色,请单击调整图层图标>纯色:#a8090d。将其混合模式更改为:颜色。

然后使用我们刚制作的曲线调整来创建芥末色。

*仅使用黄色和红色的曲线调整。

步骤19

如果要添加裂缝,请使用裂纹刷包(使用与背景相同的颜色),并将其放置为:

 

万圣节专题 | 超酷万圣节字体设计

最终结果

万圣节专题 | 超酷万圣节字体设计
万圣节专题 | 超酷万圣节字体设计
万圣节专题 | 超酷万圣节字体设计
万圣节专题 | 超酷万圣节字体设计

万圣节专题 | 超酷万圣节字体设计

万圣节专题 | 超酷万圣节字体设计


 长按上方二维码可以订阅绘王公众号哦