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

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

by
Read Time:1 minLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

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

步骤1

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

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

create a new documentcreate a new documentcreate a new document

步骤2

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

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

create text with the type toolcreate text with the type toolcreate text with the type tool

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

步骤1

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

create the 3D effectcreate the 3D effectcreate the 3D effect

步骤2

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

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

expand the appearanceexpand the appearanceexpand 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 pathmake a compound pathmake a compound path

步骤2

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

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

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

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

lock the shapelock the shapelock the shape

步骤3

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

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

organize the layersorganize the layersorganize the layers

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

步骤1

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

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

fill shapes with bluefill shapes with bluefill shapes with blue

步骤2

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

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

fill shapes with pinkfill shapes with pinkfill shapes with pink

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

步骤1

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

add the blue backgroundadd the blue backgroundadd the blue background

步骤2

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

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

add the shadowadd the shadowadd the shadow

恭喜你!你已经完成了!

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

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

Isometric Pixel Text Effect Adobe Illustrator TutorialIsometric Pixel Text Effect Adobe Illustrator TutorialIsometric Pixel Text Effect Adobe Illustrator Tutorial
关注我们的公众号
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads