在今天的教程中,我们将重新创建漫画(也是即将上映的电影)- 复仇者联盟中使用的文字效果,使自己觉得自己实际上也是英雄,至少是Illustrator / Photoshop英雄:)
我们将在Adobe Illustrator中手动制作文本,然后将其路径导入Adobe Photoshop并应用一些效果和纹理。 我们将使用“ Hongkiat”代替“复仇者”作为文本,或者您可以随意使用任何文本。
让我们开始吧。
入门
要遵循本教程,您将需要以下资源:
复仇者文本效果
步骤1:获取字体
让我们开始研究其角色。 我们的第一个选择是使用免费字体类型。 在使用关键字“免费字体复仇者联盟”在Google中搜索后,我发现了两个以“复仇者联盟”为主题的字体, “复仇者联盟”和“强大复仇者联盟” 。 两者都是由Owen Dawson制造的 。 不幸的是,两者都没有我们项目的完整字母。
第一个字体没有K和O。在“ Hongkiat”中需要这两个字符。 另外,我们不能使用它的A字符,因为它不适合在字母之间使用,例如在“ Hongkiat”中。
第二种字体似乎基于《复仇者联盟》的原始漫画。 它具有圆形边缘而不是尖锐边缘。 此字体样式与其电影海报不同。
因此,我们最好的选择是手动绘制字符。 我们将不使用这些字体,但是在创建字符时它们将对我们有用。
步骤2:参考
您应该开始搜寻“复仇者联盟”。 这是我用来参考的内容。 保存图像文件,在Adobe Illustrator中创建新文件,然后粘贴该文件。 单击对象>锁定>选择以锁定图像并防止图像被意外编辑。
步骤3:制作角色
在当前的“ AVENGERS”文本中,我们可以找到“ HONGKIAT”中使用的N和G。 制作新图层,然后使用钢笔工具跟踪字符N和G。
第4步
对于其他字符(H,O,K,I,A和T),我们将以其他可用字符为基础。 对于I,我们使用可用的N字符并删除其中的一半。
对于O,我们通过关闭E并在其中心添加Kong来修改E。
对于K,我们可以简单地通过切除R的上部来修改R。
我们还将R用作A的基本字符。
对于T,我们使用之前创建的A字符。
第5步
将所有这些字符放入其位置。 目前,我们有“ ONGKIAT”。
第6步:绘制第一个字符“ H”
就像参考图中一样,第一个字符比其他字符高。 对于H,我们可以使用预览字体The Avengers中的引用。
步骤7
从相同的原点绘制两个圆。 选择两个圆圈,打开“路径查找器”面板,然后选择“减”以创建环形形状。
步骤8
将环形放在H和O字符的上方。 注意:为了帮助我们更好地观察,我将视线中未使用的路径移开。
步骤9
选择“ Ho”字符,然后单击“对象”>“路径”>“偏移路径”。
第10步
右键单击H,然后选择“取消组合”以将“偏移路径”与其主路径分开。 对O重复此过程。
步骤11
通过单击对象>排列>移到最前面,将大H放置在环形形状的顶部。 选择大的H和环形,然后在“路径查找器”面板上选择“减”。
这就是结果。
步骤12
右键单击环形,然后选择“取消组合”。
步骤13
通过单击“对象”>“排列”>“置于最前”将大O放置在环形形状的顶部。 选择大O及其下方的环形。 在“路径查找器”面板中,选择“减”。
结果如下。
步骤14
删除环上未使用的其余部分。
步骤15
这是我们当前路径的完整预览。
步骤16
绘制两个矩形,然后将它们分别旋转45°和–45°。 定位两个形状,直到得到箭头形状。
步骤17
选择两个形状,然后从“路径查找器”面板中选择“合并”。
步骤18
将箭头放在H字符上方。 参见下面的图片。 选择两个形状,然后选择“减”。
现在,我们在H字符内隐藏了一个箭头。 现在可以使用该文本了。
步骤19:开始在Photoshop中工作
打开Photoshop。 制作一个新文件,尺寸为:2000 px×900 px。 用颜色填充背景:#070707。
步骤20:导入字符路径
返回到Illustrator。 选择所有字符路径,然后按Ctrl + C将其复制到剪贴板。
步骤21
在Photoshop中, 按Ctrl + V。 粘贴文本作为路径。
Illustrator中的文本将作为新路径放置。 您可以在“路径”面板上找到它。
步骤22
在O和A中选择路径。在选项栏中,将其模式设置为“减”。 此模式将使两条路径都在其主路径内创建Kong。
步骤23:将路径转换为形状
单击“图层”面板中的黑白圆圈。 选择纯色,将其颜色设置为#070c12。 现在,我们基于导入的路径有了新的形状。
双击图层以打开“图层样式”对话框。 添加斜角和浮雕。 选择“技术:凿子硬”以获得硬边。
这是我们目前的结果。
步骤24
添加具体纹理并将其放置在文本顶部。 将其混合模式设置为“屏幕”,并将其不透明度降低到47%。
步骤25
添加图层蒙版。 绘制从白色到黑色的线性渐变。
步骤26
按Ctrl + Alt + G将纹理转换为剪贴蒙版。 现在纹理进入文本内部。
步骤27
当前,纹理在文本的下部褪色。 让我们通过使用不透明度为30%的画笔用白色绘制该区域来揭示其中的一些区域。 在下面,您可以在绘制完这些区域后看到图层蒙版。
这就是结果。 您会看到,文本的下部现在有一个细微的纹理。
步骤28:在文本上添加浮雕描边效果
复制文本并将其粘贴到原始文本图层后面。 添加图层样式:描边。
在下面,您可以看到结果只是一条纯色笔触线。
步骤29
让我们添加“斜角”和“浮雕”并将其样式设置为“描边浮雕”。 这样,效果也将应用到我们刚刚添加的笔画中。
现在,笔触具有浮雕外观。
步骤30
添加外发光可在每个角色后面添加微妙的阴影。 目前,由于背景仍然太暗,我们将无法看到其效果。
步骤31
在具有笔触效果的文本上方创建新图层。 按Ctrl并单击文本层。 单击选择>修改>展开。 设置扩展3个像素。 请注意,我们将选择范围扩大了3个像素,使其与笔触大小匹配。
用从白色到黑色再到白色的线性渐变填充选择。
将其混合模式设置为叠加。 将不透明度降低到30%。
步骤32:在背景上添加灯光
在文本下创建新层。 激活画笔工具并将其不透明度设置为100%。 在文本后面绘制白线。
步骤33
减少笔刷的不透明度,并绘制覆盖第一行的较大线条。
步骤34
绘制投射在线条边缘的随机光线。
步骤35
按Ctrl并单击文本层可基于文本形状创建新选择。 制作新层并将其放置在主要文本的顶部。
激活画笔工具,将其不透明度设置为10%。 在文本中间画一些白色,就像从后面投射的光线一样。
在下面,您可以看到添加光投射前后的结果。
步骤36
再次制作新图层。 将其放在文本顶部。 右键单击并选择“描边”。
选择白色,宽度:1像素。
步骤37
按Ctrl + D删除选择。 应用高斯模糊以柔化描边线。
步骤38
删除一些笔触线。 这些线条在文本形状上突出显示。
步骤39
在新图层上再次绘制另一条描边线。 删除其中一些以使其更鲜明。
步骤40
制作新图层并用线性渐变填充,从白色到黑色。 按Ctrl并单击文本层。
步骤41
通过单击“图层”面板上的“添加图层蒙版”图标来添加图层蒙版。 将混合模式设置为叠加,并将其不透明度降低到55%。
步骤42:添加颜色
再次,按Ctrl并单击文本层。
添加调整层色相/饱和度。 使用下面的设置,并确保激活“着色”选项。
这是文本的结果。
步骤43:增加文本对比度
制作新图层。 按Ctrl并单击文本层,然后用从黑色到白色的径向渐变填充选择。
将混合模式设置为叠加,然后将其不透明度降低到40%。
步骤44:添加字幕
在文本上方用颜色#3b568绘制一个细矩形。 添加图层蒙版,然后在两端涂上黑色。 在矩形上方添加字幕。
最后结果
大功告成! 以下是本教程的结果。 点击图片查看完整尺寸。 希望您喜欢本教程并学到一些新技术。 如果您有任何问题随时问。
本教程将指导您在Adobe Illustrator和Photoshop中手动创建类似复仇者联盟的文字效果,包括绘制文字、应用效果和纹理,最终在Photoshop中完成一系列细致的后期处理。
4614

被折叠的 条评论
为什么被折叠?



