illustrator下载_使用Illustrator和Photoshop创建复仇者联盟文字效果

本教程将指导您在Adobe Illustrator和Photoshop中手动创建类似复仇者联盟的文字效果,包括绘制文字、应用效果和纹理,最终在Photoshop中完成一系列细致的后期处理。

在今天的教程中,我们将重新创建漫画(也是即将上映的电影)- 复仇者联盟中使用的文字效果,使自己觉得自己实际上也是英雄,至少是Illustrator / Photoshop英雄:)

我们将在Adobe Illustrator中手动制作文本,然后将其路径导入Adobe Photoshop并应用一些效果和纹理。 我们将使用“ Hongkiat”代替“复仇者”作为文本,或者您可以随意使用任何文本。

让我们开始吧。

入门

要遵循本教程,您将需要以下资源:

复仇者文本效果

步骤1:获取字体

让我们开始研究其角色。 我们的第一个选择是使用免费字体类型。 在使用关键字“免费字体复仇者联盟”在Google中搜索后,我发现了两个以“复仇者联盟”为主题的字体, “复仇者联盟”“强大复仇者联盟” 。 两者都是由Owen Dawson制造的 。 不幸的是,两者都没有我们项目的完整字母。

第一个字体没有K和O。在“ Hongkiat”中需要这两个字符。 另外,我们不能使用它的A字符,因为它不适合在字母之间使用,例如在“ Hongkiat”中。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

第二种字体似乎基于《复仇者联盟》的原始漫画。 它具有圆形边缘而不是尖锐边缘。 此字体样式与其电影海报不同。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

因此,我们最好的选择是手动绘制字符。 我们将不使用这些字体,但是在创建字符时它们将对我们有用。

步骤2:参考

您应该开始搜寻“复仇者联盟”。 这是我用来参考的内容。 保存图像文件,在Adobe Illustrator中创建新文件,然后粘贴该文件。 单击对象>锁定>选择以锁定图像并防止图像被意外编辑。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤3:制作角色

在当前的“ AVENGERS”文本中,我们可以找到“ HONGKIAT”中使用的N和G。 制作新图层,然后使用钢笔工具跟踪字符N和G。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
第4步

对于其他字符(H,O,K,I,A和T),我们将以其他可用字符为基础。 对于I,我们使用可用的N字符并删除其中的一半。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

对于O,我们通过关闭E并在其中心添加Kong来修改E。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

对于K,我们可以简单地通过切除R的上部来修改R。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

我们还将R用作A的基本字符。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

对于T,我们使用之前创建的A字符。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
第5步

将所有这些字符放入其位置。 目前,我们有“ ONGKIAT”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
第6步:绘制第一个字符“ H”

就像参考图中一样,第一个字符比其他字符高。 对于H,我们可以使用预览字体The Avengers中的引用。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤7

从相同的原点绘制两个圆。 选择两个圆圈,打开“路径查找器”面板,然后选择“减”以创建环形形状。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤8

将环形放在H和O字符的上方。 注意:为了帮助我们更好地观察,我将视线中未使用的路径移开。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤9

选择“ Ho”字符,然后单击“对象”>“路径”>“偏移路径”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
第10步

右键单击H,然后选择“取消组合”以将“偏移路径”与其主路径分开。 对O重复此过程。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤11

通过单击对象>排列>移到最前面,将大H放置在环形形状的顶部。 选择大的H和环形,然后在“路径查找器”面板上选择“减”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

这就是结果。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤12

右键单击环形,然后选择“取消组合”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤13

通过单击“对象”>“排列”>“置于最前”将大O放置在环形形状的顶部。 选择大O及其下方的环形。 在“路径查找器”面板中,选择“减”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

结果如下。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤14

删除环上未使用的其余部分。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤15

这是我们当前路径的完整预览。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤16

绘制两个矩形,然后将它们分别旋转45°和–45°。 定位两个形状,直到得到箭头形状。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤17

选择两个形状,然后从“路径查找器”面板中选择“合并”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤18

将箭头放在H字符上方。 参见下面的图片。 选择两个形状,然后选择“减”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

现在,我们在H字符内隐藏了一个箭头。 现在可以使用该文本了。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤19:开始在Photoshop中工作

打开Photoshop。 制作一个新文件,尺寸为:2000 px×900 px。 用颜色填充背景:#070707。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤20:导入字符路径

返回到Illustrator。 选择所有字符路径,然后按Ctrl + C将其复制到剪贴板。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤21

在Photoshop中, 按Ctrl + V。 粘贴文本作为路径。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

Illustrator中的文本将作为新路径放置。 您可以在“路径”面板上找到它。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤22

在O和A中选择路径。在选项栏中,将其模式设置为“减”。 此模式将使两条路径都在其主路径内创建Kong。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤23:将路径转换为形状

单击“图层”面板中的黑白圆圈。 选择纯色,将其颜色设置为#070c12。 现在,我们基于导入的路径有了新的形状。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

双击图层以打开“图层样式”对话框。 添加斜角和浮雕。 选择“技术:凿子硬”以获得硬边。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

这是我们目前的结果。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤24

添加具体纹理并将其放置在文本顶部。 将其混合模式设置为“屏幕”,并将其不透明度降低到47%。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤25

添加图层蒙版。 绘制从白色到黑色的线性渐变。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤26

按Ctrl + Alt + G将纹理转换为剪贴蒙版。 现在纹理进入文本内部。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤27

当前,纹理在文本的下部褪色。 让我们通过使用不透明度为30%的画笔用白色绘制该区域来揭示其中的一些区域。 在下面,您可以在绘制完这些区域后看到图层蒙版。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

这就是结果。 您会看到,文本的下部现在有一个细微的纹理。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤28:在文本上添加浮雕描边效果

复制文本并将其粘贴到原始文本图层后面。 添加图层样式:描边。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

在下面,您可以看到结果只是一条纯色笔触线。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤29

让我们添加“斜角”和“浮雕”并将其样式设置为“描边浮雕”。 这样,效果也将应用到我们刚刚添加的笔画中。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

现在,笔触具有浮雕外观。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤30

添加外发光可在每个角色后面添加微妙的阴影。 目前,由于背景仍然太暗,我们将无法看到其效果。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤31

在具有笔触效果的文本上方创建新图层。 按Ctrl并单击文本层。 单击选择>修改>展开。 设置扩展3个像素。 请注意,我们将选择范围扩大了3个像素,使其与笔触大小匹配。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

用从白色到黑色再到白色的线性渐变填充选择。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

将其混合模式设置为叠加。 将不透明度降低到30%。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤32:在背景上添加灯光

在文本下创建新层。 激活画笔工具并将其不透明度设置为100%。 在文本后面绘制白线。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤33

减少笔刷的不透明度,并绘制覆盖第一行的较大线条。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤34

绘制投射在线条边缘的随机光线。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤35

Ctrl并单击文本层可基于文本形状创建新选择。 制作新层并将其放置在主要文本的顶部。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

激活画笔工具,将其不透明度设置为10%。 在文本中间画一些白色,就像从后面投射的光线一样。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

在下面,您可以看到添加光投射前后的结果。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤36

再次制作新图层。 将其放在文本顶部。 右键单击并选择“描边”。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

选择白色,宽度:1像素。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤37

按Ctrl + D删除选择。 应用高斯模糊以柔化描边线。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤38

删除一些笔触线。 这些线条在文本形状上突出显示。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤39

在新图层上再次绘制另一条描边线。 删除其中一些以使其更鲜明。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤40

制作新图层并用线性渐变填充,从白色到黑色。 按Ctrl并单击文本层。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤41

通过单击“图层”面板上的“添加图层蒙版”图标来添加图层蒙版。 将混合模式设置为叠加,并将其不透明度降低到55%。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤42:添加颜色

再次,按Ctrl并单击文本层。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

添加调整层色相/饱和度。 使用下面的设置,并确保激活“着色”选项。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

这是文本的结果。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤43:增加文本对比度

制作新图层。 按Ctrl并单击文本层,然后用从黑色到白色的径向渐变填充选择。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标

将混合模式设置为叠加,然后将其不透明度降低到40%。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
步骤44:添加字幕

在文本上方用颜色#3b568绘制一个细矩形。 添加图层蒙版,然后在两端涂上黑色。 在矩形上方添加字幕。

如何在Photoshop中绘制iCloud图标

如何在Photoshop中绘制iCloud图标
最后结果

大功告成! 以下是本教程的结果。 点击图片查看完整尺寸。 希望您喜欢本教程并学到一些新技术。 如果您有任何问题随时问。

如何在Photoshop中绘制iPad2

如何在Photoshop中绘制iPad2

翻译自: https://www.hongkiat.com/blog/avenger-text-effect/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值