1. 爱猫说设计狮网首页
  2. 学设计

Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案

Illustrator 设计教学 | 简单、平面的文字通常会在设计中被其他向量元素淹没。运用这两种制作雕刻体效果的方法,让你的字体更吸睛。

Illustrator 设计教学 |雕刻或斜角艺术字体已经在设计领域中存在了很长一段时间,但是处理文字的方式和风格却不断地发展。各个创意领域的设计师们都将雕刻字体融入了自制字体风格、粉笔手写字母和以文字设计的海报中。这种多变的字体风格可借由精致的手绘和衬线来呈现出更优雅的质感,或者以柔和的色调、粗外框和一些纹理来散发复古味。透过融入自己的个人风格,例如复古纹理、粒状纹理或阴影,轻松运用这种简单的字体设计技巧

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

在 Adobe Illustrator 中,有几种方法能设计出雕刻或斜面字体。让我们一起来看看如何使用两种不同的方法来制作出这种流行的风格。


如何使用 “突出与斜角” 功能制作雕刻字体

Illustrator 实用的 “突出与斜角” 效果可以制作多种 3D 效果,例如阴影或等角投影。除了这些多变的效果外,“突出与斜角” 选单还可以帮文字加入斜角使之焕然一新。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

“突出与斜角” 选单唯一的缺点是,很难用这个功能来为圆形字母(例如 O 或 C)绘制斜角。如果你使用的是像 T 或 L 这种有菱有角的字母,那么 “突出与斜角” 效果就能派上用场,只需点击几下即可快速制作出雕刻质感。


步骤 1:使用衬线或无衬线风格输入词汇

输入短句或单字来展开你的斜角制程,最好使用粗的无衬线或衬线字体。使用文字工具 (T)制作文字,然后前往字元段落面板修改字体风格和文字方向。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

Montserrat 或 Josefin Slab 等粗几何字体风格最适合斜角效果;使用 “突出与斜角” 选单制作手写体或圆体风格可能会产生异常结果。


步骤 2:打开 “突出与斜角” 效果

使用选取工具 (V)来选取要制作斜角的文字,然后前往效果&gt;3D> 突出与斜角。你会注意到各种以不同方式修改文字的选项。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

位置设定为前方离轴,然后将鼠标移至斜角选项上,然后选取古典。你可以试试其他斜角选项,但是我觉得此设定最能仿制出斜面外观。根据字体及其大小,将高度调整为 10pt 或更小。高度过高会产生斜角抵触,并可能导致异常结果。最后,将表面设定为塑胶效果。点击确定以返回斜角文字。


步骤 3:展开和重新上色

在预设情况下,“突出与斜角” 效果会根据文字的原始颜色制作亮部和阴影。前往物件> 扩充外观,可轻松修改各个向量形状的色调。现在每个斜面都是一个向量图形,但与其他形状是同一个群组。按 Shift + Command + G 解散所有文字元素的群组,然后再次解散群组将所有斜面形状分开。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

使用选取工具 (V)来启用个别向量图形,然后使用自订色票调色板或色彩选单中的颜色滑杆重新上色。在制作 3D 形状时,需要以各种色调建立亮部、中间色和阴影。思考一下文字的哪些部分可以更亮,以及阴影要落在哪里。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

要调整好这些主要的亮部和阴影的重点在于建立一个假想光源。用椭圆工具 (L)画一个圆,来精确定位 “光源” 可能的来源。将较浅的色调分配给最接近 “光源” 的部分,再将较深的色调分配给离 “光源” 最远的部分。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

在各个斜面形状上试试各种深浅色、阴影和色调;我偏好使用单色调搭配,但是你也可以大胆使用抢眼的色调。

若要在斜面字体中加入更多字元,可以将外框、纹理、渐层、半色调或剪裁遮色片融入各个向量形状中。


如何使用 “位移复制” 手动制作雕刻字体

设计斜面文字的另一种技巧是使用 “钢笔” 工具手动制作每个形状。尽管这种方法可能更耗时,但最后的效果却是很令人惊艳的。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

和 “突出与斜角” 技巧不同的是,这种方法没有字母形状上的限制。你可以随心所欲地使用圆形字母,例如 O 或 C。


步骤 1:输入词汇

同之前步骤,找一个等粗的衬线或无衬线字体。在加入斜面时,粗细不均或尖尾的字体所呈现的效果不会这么好。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

使用文字工具 (T)输入单字或短语,然后前往物件> 展开将文字转换为可编辑的向量。


步骤 2:位移复制

位移复制指令会根据原始向量制作出缩小版本,同时保留原本的比例和边线。使用选取工具 (V)来选取向量文字,然后前往物件> 路径> 位移复制

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

你会看到一个位移复制选单跳出,可在选单内修改位移及外观。尽量将位移量维持在-4-10 像素之间,需视原始文字的大小而定。若位移超出此范围可能会与原始向量重叠,或产生与原始路径难以辨别的路径。将转角设定为尖角,并将尖角限度设定为 4。点击预览检视结果,然后根据需要调整位移量。完成后,点击确定返回向量。


步骤 3:绘制斜切面向量形状

使用强大的钢笔工具 (P)来绘制形状,将位移复制的角连接到原始路径。这些形状将位于每个字母的斜角部分。圆形部分稍后将使用 “路径管理员” 面板编辑。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

绘制完所有有角度的斜面形状后,继续制作其余字母的圆形部分。带出路径管理员面板(视窗> 路径管理员),然后使用选取工具 (V)来选取单个字母中的所有形状。在路径管理员的选项中,点击分割。这个指令会将所有重叠的路径分割为单独的向量形状。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

分割好后,Illustrator 会将所有形状组成群组。使用 Shift + Command + G 分别选取每个形状来解散所有元素的群组。对其余的弯曲字母形状重复上述步骤。


步骤 4:指定颜色

现在你已经绘制好所有的斜面形状了,可以开始编辑有趣的部分了:套用颜色!你可以使用色彩选单滑杆试试不同的颜色或汇入自订色票。我发现使用单色色调可以制作出逼真的 3D 效果。

<span class='yzk_title_9211'>Illustrator 设计教学 | 如何制作 3D 雕刻字体,活跃您的专案</span>-爱猫说设计狮网

跟第一种技巧一样,将浅色调套用到亮部,将深色调套用到阴影。至于圆形的字母,我发现最好的方法是使用渐变来融合色彩的渐层。

爱猫说是一个完全独立的媒体,运营只靠网络广告支撑,如果您支持爱猫说设计狮网的话,请对此网站关闭广告拦截功能(如:Adblock)爱猫说设计狮网衷心的感谢您。

本文来自作者:请叫我网站管理员,资源整理不易,且下且珍惜。如果您觉得不错,欢迎评论。本文观点不代表爱猫说设计狮网立场,转载请联系原作者。

若本文章的资源已经失效,您可以在评论区告诉我们,我们将及时更新。如果您想要获取更多资源,并与我们进行互动,请加入我们的官方QQ群:284300445。爱猫说设计狮联盟

发表评论

登录后才能评论

联系我们

15298802030

在线咨询:点击这里给我发消息  爱猫说设计狮联盟

邮件:admin@imaoshuo.cn

工作时间:周一至周五,9:30-18:30,节假日休息

QR code
error: 注意:本站内容受到保护!