Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在Adobe Illustrator中创建一个等轴文本效果

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product image
What You'll Be Creating

在以下步骤中,您将学习如何在Adobe Illustrator中创建一个简单的等距文本效果。 

对于初学者,您将学习如何创建一个基本的文本部分,以及如何使用3D 凸出和斜角效果将其转换为3D对象。接下来,您将学习如何快速选择一些具有相似属性的形状,以及如何将它们变成复合路径。 最后,您将学习如何着色和组织您的形状,如何创建一个简单的背景,以及如何使用变换效果添加微妙的阴影。

有关如何调整或改善最终文本效果的更多灵感 ,您可以在GraphicRiver上找到大量资源。

1.如何用文本创建新文档

步骤1

点击Control-N创建一个新文档。从单位下拉菜单中选择像素。在宽度框中输入850,在高度框中输入600,然后单击高级按钮。 为颜色模式选择RGB,将柵格效果设置为屏幕(72 ppi),然后单击创建文档按钮。

转到编辑>首选项>单位,并确保三个测量单位都设置为像素。

create a new document

步骤2

选择文字工具(T)并将焦点放在字符面板(窗口>类型>字符)上。选择Silkscreen Expanded Font,并将字体大小设置为200像素

移动到您的画板,只需点击它。添加您的文本并将其颜色设置为R=251 G=137 B=100

create text with the type tool

2.如何添加3D效果并展开它

步骤1

确保您的文字仍然被选中,并转到效果> 3D>凸出和斜角。单击更多选项按钮,输入下面显示的所有属性,然后单击确定按钮。最后,事情应该看起来如下图所示。

create the 3D effect

步骤2

随着文本仍然被选中,请转到对象>扩展外观。确保生成的形状组保持选中状态,并按住Shift-Control-G键盘快捷键三次,以取消所有部分的编组。

移动到图层面板(窗口>图层),展开现有图层,您应该有一系列形状,如下图所示。

expand the appearance

3.如何着色和整理您的文本

步骤1

选择选择工具(V)并选择组成3D文本顶部的所有形状。只需转到对象>复合路径>建立或使用Control-8键盘快捷方式把你选定的形状转换为复合路径。

确保复合路径保持选中状态,使用Shift-Control-]键盘快捷方式将其移动到前面,然后集中在外观面板( 窗口>外观)上。 

首先,用R=255 G=200 B=0替换现有的填充颜色,然后选择描边。 将其颜色设置为R=46 G=58 B=58,然后单击描边文本以打开描边弹出面板。将粗细增加到4像素,不要忘记检查圆头连接按钮。

make a compound path

步骤2

聚焦图层面板,打开现有图层,上一步中制作的复合路径应位于顶部。只需将其重命名为“顶” ,然后取消选中该眼睛图标即可使其不可见。

现在,您需要选择构成3D文本基础的所有形状。使用选择工具(V),只选择其中一个形状,然后转到选择>相同>外观。 这将基本上从文档中选择所有具有相同外观属性的形状  。 

选择所有这些形状后,将它们变成新的复合路径(Control-8)。确保这个新的复合路径保持选中状态,将现有的填充颜色替换为黑色(R=0 G=0 B=0),并使用Shift-Control-[键盘快捷键将其放置到后面。

返回到图层面板,滚动到面板的底部以进入本步骤中制作的复合路径。将其重新命名为“ Base ”,然后将其锁定,以确保不会意外地选择或移动它。

lock the shape

步骤3

尽管跳过这一步,因为以下动作不会改变您的最终设计的外观。只要你想要让你的图层面板干净,组织良好,就可以了。

基本上,您需要删除3D文字的所有侧面,一旦你返回“顶部”复合路径的可见性,它将结束隐藏。 从一个字母移动到另一个字母,选择不需要的形状,然后使用Delete键将其删除。最后,事情应该看起来像第五个图像。

organize the layers

4.着色和组织您的文本的侧面

步骤1

选择其中一种浅棕色形状,然后转到选择>相同>填充颜色,选择其余的具有相同填充颜色的形状  。确保所有这些形状都保持选中状态,并将其焦点放在外观面板上。

R=0 G=173 B=236替换现有的填充颜色,然后选择描边。将其颜色设置为R=46 G=58 B=58,然后打开该描边弹出面板。将粗细增加到4像素,不要忘记检查圆角连接按钮。

fill shapes with blue

步骤2

选择其中一个剩余的棕色形状,然后再次选择>相同>填充颜色。确保所有这些形状保持选中状态并返回到外观面板。

R=252 G=130 B=119替换现有填充颜色,然后选择描边。将其颜色设置为R=46 G=58 B=58,然后打开描边弹出面板。将粗细增加到4像素,不要忘记检查圆角连接按钮。 

fill shapes with pink

5.添加背景和简单的阴影

步骤1

使用矩形工具(M),创建一个850x600像素的形状。确保它覆盖整个画板,并将填充颜色设置为R=0 G=173 B=236

add the blue background

步骤2

图层面板并解锁“base”复合路径。选择它并将其移动到外观面板。

混合模式更改为柔光,然后转到效果>路径>偏移路径。输入2像素偏移量并将圆形连接设置圆形。 单击确定按钮,然后转到效果>扭曲和变换>变换。将水平移动滑块拖动到0.2像素,在副本框中输入100,单击确定按钮,完成。

add the shadow

恭喜你!你已经完成了!

看起来应该是这样子的。我希望您喜欢本教程,并可以在以后的项目中应用这些技术。

随意调整最终设计,使其成为您自己的设计。您可以在GraphicRiver上找到一些很棒的灵感来源,并提供有趣的解决方案来改善您的设计。

Isometric Pixel Text Effect Adobe Illustrator Tutorial
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.