使用智能参考线创建复古类型

Illustrator中的智能指南是我不能没有的功能 - 我每次工作时都会不断打开它们。

虽然有些设计师觉得它们会导致屏幕杂乱,并选择不使用它们,但对我而言,使用此功能的好处远远超过了这里和那里的一点点分散注意力。

在本教程中,我将向您介绍智能参考线可以使用的各种用途,从简单的对象对齐到最大化Illustrator的旋转和缩放工具的输出。在接下来的几页中,我们使用一些非常简单的技术创建一些复古的内联字母,然后进入Photoshop以添加最后的润色。

gridline doc

网格线文件

01创建一个新文档。我将我的设置为220x220mm,并修改了背景网格,每20毫米显示一个网格线,有8个细分。要更改设置,请转到Illustrator>首选项>参考线和网格。

smart guides

智能指南

02如果您还没有,请从“视图”菜单中打开智能参考线(Ctrl / Cmd + U),并使用网格作为参考,使用“线段”工具(\)绘制五条垂直线。

ellipse tool anchor

椭圆工具

03请注意,当您将鼠标悬停在粘贴板上的元素上并启用智能参考线时,该元素会突出显示 - 它最初可能会令人不安,但您很快就会习惯它。现在,使用椭圆工具(L),从第一行的顶部锚点绘制一个圆。当您将光标放在锚点上时,它会调出一个标签来告诉您它是一个锚点,或一组坐标(取决于您使用的是哪个版本的Illustrator)。从这个标签中绘制圆圈意味着它的锚点与线的完美对齐,使平滑过渡变得容易。

right anchor

正确的锚

04现在将鼠标悬停在圆圈的右侧锚点上,按住Shift + Alt,单击并拖动以制作副本,并将其与下一行的锚点对齐。再次,使用网格作为指导,调整圆的大小,使其在另一侧相等,并重复这些步骤,直到完成所有五行。

make guides

制作指南

05在最里面的圆的底部锚点处,使用椭圆工具(L)绘制另一个圆,您将使用该圆将线连接在一起。使用相同的技术首先将光标与锚点对齐,然后绘制,直到它与下一个锚点对齐。现在使用“线段”工具(\)从同一个圆的顶部锚点到较大圆的边缘绘制一条线。如果仍然选择此选项,请转到视图>参考线>制作参考线,或按Ctrl / Cmd + 5。这将为您提供一个新的45角度指南,这将在下一步中有用。

scissors anchor

剪刀锚

06使用智能参考线,将较小的连接圆与您刚绘制的指南对齐。然后,使用剪刀工具(C),在与较大圆相交的锚点处切割圆圈,并在它们与前面绘制的垂直线相交的位置切割圆圈。和以前一样,智能导轨将帮助您确保切割到将所有东西连接在一起的精确区域。

direct selection tool

直接选择

07使用直接选择工具(A)选择连接点。然后按Ctrl / Cmd + J,选择Smooth将它们连接在一起。这将把段组合成一个路径。重复其余部分,然后在垂直线的底部使用相同的技术,以便您有一条长路径。

resize roatate

调整旋转大小

08您还可以在调整大小和旋转对象(例如连接圆圈)时使用智能参考线。要执行此操作,只需在使用任一工具到所需锚点时单击并拖动元素中心的十字准线,然后单击相对的锚点以精确放置元素。

composition positioning

组成精度

09保持绘制线条,直到您的构图与上面显示的图像类似。您需要不时地打开和关闭Snap to Grid,以便进行精确定位,但请记住,如果打开Snap to Grid,您将无法使用智能指南。

centre label

中心标签

10现在你有了基本的线条,通过选择最小的圆圈并将它带到前面来创建中心标签(Ctrl / Cmd + Shift +]),然后按住Shift键并单击下一个圆圈的大小,然后使用“路径查找器”减去形状。这将使标签形状为您稍后单独着色。

photoshop layer styles

Photoshop图层样式

11接下来,打开Photoshop并以220x220mm创建新文档。然后,在新图层上,用白色填充背景。使用图层样式窗口(图层调色板上的'fx'图标),创建一个渐变叠加并用软转换填充它 - 我使用了c:50,m:0,y:8,k:0和c :75,m:15,y:30,k:0作为我的两种颜色,但你可以使用你认为最好的任何颜色。

vector smart object

矢量智能对象

12将矢量线复制并粘贴到Photoshop文件中,但请确保将主线条和中心标签保持为单独的智能对象,因为您将对它们进行不同的着色。再次使用“效果”调板,为中心标签创建c:25的颜色叠加。然后对于主类型,创建白色的颜色叠加和白色的外发光,设置为40%不透明度和50px的大小。单击确定。

thin ultra condensed

薄超

13现在创建一个新图层,并以您喜欢的任何字体键入单词“PLAY”。我选择了Univers Thin Ultra Condensed,赋予这件作品轻盈而独特的优势,并与自定义类型的异想天开的味道形成鲜明对比。接下来,添加另一个图层,并创建从中心透明到外边缘黑色的渐变渐变叠加。添加少量噪音,并将图层设置为叠加。您可能希望稍微降低此图层的不透明度,但这完全取决于您自己的品味。

glow layer

GLOW层

14创建另一个图层并将其命名为“Glow”。在“画笔”调板中,将画笔的硬度设置为0%,将“圆度抖动”设置为100%。尝试最小圆度以找到最佳效果;我把我的设定为20%,这样刷子就不会画得太薄。现在使用白色作为颜色,在字体中涂上一些模糊的光线来复制光线。随心所欲,随心所欲地工作。

add background

背景

15剩下要做的就是添加一个背景图像,为类型提供一个上下文。我用了一些甲板的图像作为背景纹理。稍微提高对比度,然后将图层设置为40%的柔光。最后,使用“曲线”对话框增强一些颜色,然后就完成了。


史蒂文邦纳
Steven总部位于苏格兰斯特灵,是一位多学科的设计师和插画师,为哈珀柯林斯,吉百利和苏格兰政府等客户工作。对类型的热爱是他作品的反复出现的特征。查看史蒂文的更多作品:Stevenbonner.com



翻译字数超限