预览
以下是我们将在本教程中构建的内容。点击下面的图片查看全面.
步骤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挤压和斜角选项对话框窗口中,单击预览选项复选框,查看文本的外观。这些是您打开这些选项时的默认设置。
步骤7:调整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)。在这种情况下,键盘快捷键将更容易,因为我们将不得不取消分组相当多次,以确保所有内容都是取消分组的。
步骤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软件以及第三方产品。
下载源文件
- 3 d_text_illustrator(zip, 0.69 mb)
WebFX职业
加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。