在Adobe Illustrator中创建3D文本的指南

预览

以下是我们将在本教程中构建的内容。点击下面的图片查看全面预览

步骤1:添加文本

我们将从输入一些文本开始。

点击你的文字工具(T),点击并拖动画板上的文本框,然后输入“DESIGN text”两行。这样就能得到我们想要的形状。您可以通过打开字符面板(窗口>输入>字符或按Ctrl/Cmd + T)来调整文本的大小。

我使用的字体是Adelle Basic大胆的,但如果你喜欢,也可以使用其他类似的字体。添加文本

步骤2:将文本转换为路径

现在我们将隐藏文本的形状,这样它将更容易工作。使用你的选择工具(V),点击文本,然后去类型>创建轮廓(Shift + Ctrl/Cmd + O)。

将文本转换为路径

步骤3:调整字距和行距

应该调整文本的字距(字母之间的间距)和行距(顶部单词和底部单词之间的间距),使所有内容都更紧凑。首先,我们需要取消文本分组,所以去对象>取消分组(Shift + Ctrl/Cmd + G),这样我们就可以单独点击每个字母。

用选择工具(V)在“TEXT”周围点击并拖动一个框,选择那个单词,然后将它移到“DESIGN”附近。调整字距和行距为了修复“DESIGN”的字距,我们想用选择工具(V)在“DESIGN”周围拖动一个方框-不包括“N”,最后一个字母。因为我们想让“DESIGN”的“N”和“TEXT”的“T”保持对齐,将选定的字母向右移动一两个空格。重复“DESI”,“DES”等,直到文本被均匀收紧。

调整字距和行距

第四步:添加颜色

因为它将更容易看到3D文本的侧面,我们将为字母添加颜色。首先选择“DESIGN”的所有字母,用黄色填充。注意:如果你没有看到颜色面板打开,你可以转到窗口>颜色(F6)。

如果你没有将RGB设置为颜色模式,你可以单击面板右上方的箭头,然后单击选项中的RGB。添加颜色我们将对“TEXT”做同样的操作,但它将是浅蓝色。添加颜色你可以把颜色放在你的色板(窗口>色板,如果你没有看到它),只需点击并拖动你的颜色到它从颜色面板。

添加颜色

第五步:调整大小

我们现在可以开始制作3D文本了。首先,我们应该让文字填满画板。选择这两个单词,按住Shift(以防止文本扭曲),然后拖动一个角锚使其更大。

调整大小

步骤6:进入3D文本

让我们开始制作3D文本。首先,通过选择对象>组(Ctrl/Cmd + G)将字母分组,这样当我们使文本三维时,字母保持为一个形状,而不是成为单独的3D形状。进入3D文本接下来,选择效果> 3D >挤压和斜面,这将打开一个选项对话框窗口。

在3D挤压和斜角选项对话框窗口中,单击预览选项复选框,查看文本的外观。这些是您打开这些选项时的默认设置。进入3D文本

步骤7:调整3D文本

让我们开始摆弄3D挤压和斜面选项。

选项对话框窗口中3D框上的蓝色方框是文本的正面。你可以点击并拖动立方体的每条边,看看它们如何改变你的3D文本。对于我们的文本,我们想让文字看起来像躺在地上,所以调整位置选项,让你的文本看起来像平躺在背上。

调整3D文本调整3D文本

第八步:调整视角

“DESIGN”的右上角看起来不合适,也不在透视内。为了解决这个问题,我们可以将透视图调整为50左右o我们的课文。调整角度调整角度

第九步:调整高度

最后,我们将用挤出深度调整文本两侧的高度,使它们略短(到40pt)。

调整高度对于我们的目的,这些是我们需要更改文本的唯一选项,因此按OK提交设置。调整高度

步骤10:将3D文本转换为路径

文本看起来还可以:它有一些基本的阴影,但总的来说,它相当暗,相当平淡。此外,我们想在上面添加一些风格化的阴影,使它更有趣。

要开始编辑文本,请转到Object > Expand Appearance。这将获取2D文本并为3D文本创建路径。我们需要取消文本的分组,这样我们就可以开始处理它的不同部分。

提示:对对象进行分组和取消分组是两个常见的Illustrator命令。我建议习惯他们的键盘快捷键- Ctrl/Cmd + G(组)和Ctrl/Cmd + Shift + G (Ungroup)。在这种情况下,键盘快捷键将更容易,因为我们将不得不取消分组相当多次,以确保所有内容都是取消分组的。

将3D文本转换为路径

步骤11:调整文本面颜色

选择“DESIGN”字母的面,点击一个面,按住Shift,然后点击其他字母,一次选择所有字母。要应用颜色,单击我们放入色板面板的黄色色板。对TEXT和我们选择的蓝色做同样的操作。

调整文本面颜色

步骤12:创建阴影颜色

为了给文本的两边加阴影,我们需要创建更多的颜色。我们还想要两种黄色:一种深色的,一种深色的一个。要制作另外两种黄色,在色板面板中单击我们用于“DESIGN”面的原始黄色,并从R和G中减去40(例如。

247 187 14变成207 147 14)。点击并拖动这个黄色到色板,并通过从R和G中减去另一个40来创建另一个黄色,这样它就变成了167、107、14。这是3个黄色。蓝调也是如此,G和B减40,变成113 146 170 113 106 130。创建阴影颜色

步骤13:简化曲线

你会注意到,当你点击一些弯曲的形状时,它们被分成了两部分。我们想把这两部分合并成一个,所以打开探路器面板,如果你还没有打开它(Shift + Ctrl/Cmd + F9)。点击侧面的一部分,然后按住Shift键,点击另一部分。

在路径识别面板中单击联合命令,然后单击展开。简化曲线这将把两个形状合并为一个。对所有分离的曲线形状进行此操作。

简化曲线

步骤14:添加黑影

现在我们需要决定哪边能得到光源,哪边不能。由于光源已经设置在右侧,我们将使用它。因此,文本的底部部分和文本的左侧将是暗黄色,左侧是最暗的。

所以让我们在文本的左边边缘使用最深的黄色和蓝色。添加阴影

步骤15:添加浅色阴影

在文本的其他边使用中间的蓝色和黄色阴影。现在,我们可以停在这里,保持这个块阴影,或者我们可以更进一步,添加一些颜色梯度,使阴影更丰富。

为了本教程的目的,让我们继续添加一些渐变。添加浅色阴影

步骤16:创建阴影梯度

现在让我们创建一些渐变。打开渐变面板(Ctrl/Cmd + F9)如果你还没有。

点击并拖动最亮的黄色色块到渐变的左边,第二个黄色拖动到渐变的右边。现在点击并拖动渐变到色板面板。使用中间黄色和暗黄色创建一个与第一个相同的渐变。

你现在应该有两个黄色渐变。要将渐变应用到特定的块上,只需选择该块并单击渐变色块。用蓝色渐变重复这个步骤。

创建阴影梯度

步骤17:为浅色阴影添加渐变

现在,记住我们的光源是从右边来的,所以这些形状会从右向左投下阴影。记住这一点,点击较浅的文本边,然后点击较浅的渐变。要调整渐变,在工具面板上单击渐变工具(G)。

你可以点击并拖动形状来调整渐变。为浅色阴影添加渐变

步骤18:完成浅色阴影渐变

继续为两个单词的浅色区域添加渐变。我们添加颜色梯度的方式没有精确的科学,这只是一个在不同的部分之间获得颜色差异的问题,使事物更加突出,并在照明中给予它们微妙的变化。

完成浅色阴影渐变

步骤19:添加较暗的阴影梯度

重复我们对浅色区域所做的,并在深色区域添加深色渐变。较暗的区域将在顶部最亮,底部最暗(那里有最少的光)。添加更暗的阴影梯度

步骤20:点亮文本面

我们可以称之为良好的原样,但如果我们想让文本面更明显一点,我们可以点击每个字母面(按住Shift选择单独的片段在一起),然后Ctrl/Cmd + C(复制),然后Ctrl/Cmd + F(粘贴在前面)。

把这些抄写的字母填上白色。打开透明面板(Shift + Ctrl/Cmd + F10)。改变混合模式为叠加,不透明度为30%。

照亮文本面

教程汇总

就是这样,伙计们。本教程介绍了一些制作具有精确阴影的3D文本的技术。我们没有使用3d渲染软件——只是插画家

在Adobe Illustrator中构建3D对象的好处是,您可以调整字母的大小,以便它可以随心所欲地大或小(因为它毕竟是一个矢量对象),并轻松地将它们导入其他Adobe Creative或Production Suite软件以及第三方产品。预览

下载源文件

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!