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

如何在AI中设计一个复古海报

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

没有咖啡就不能活? 这种快乐,复古风格的艺术将使您完美的添加到任何厨房 - 您的早晨酿造的视觉伴侣。

在本教程中,我们将在Illustrator中使用各种工具(包括钢笔,铅笔和路径查找器工具等),以创建简单的矢量插图。 我们还会修饰一些时尚的字体来完成我们的设计。

如果你对一个快速的项目有心情,你可以从这个矢量包开始。 您可以照​​咖啡壶和杯子现在的形状,或添加自己的装饰品。

为了更多的灵感,请查看Envato Market上的其他复古咖啡矢量

准备好了吗? 让我们开始吧!

1.设置您的文档

步骤1

首先我们将在Illustrator中打开一个新文档。 我将文档尺寸设置为A3,这是一种常见的海报尺寸,大约相当于美国测量中的11 x 17英寸。 您可以看到下面的设置:

Open new Illustrator documentOpen new Illustrator documentOpen new Illustrator document

步骤2

接下来,我们将选择我们的颜色。 如果您想像我一样使用相同的调色板,您可以插入下面列出的十六进制代码。 只需双击工具栏中的填充框(您的颜色选择出现),然后在窗口底部的框中​​输入一个代码,即前面带有数字符号(#)的框。

Choose color paletteChoose color paletteChoose color palette

步骤3

通过使用矩形工具来添加一个充满整个艺术板的背景,填充黄色/ #F9CF1C

将图层锁定在图层面板上,点击左边的空框。

2.放置字体设计

创建反映某个时间段的设计的关键之一是选择真实的字体。 对于这个项目,我们想要一种让人想起20世纪50年代和60年代(通常被称为“中世纪”或“中世纪现代”)的风格。 我选择了两个可以呼应这个时代的免费字体,你可以在下面的链接中下载:

步骤1

创建一个新图层,输入“Fresh” ,字体大小170 pt。 将字体更改为Carosello,颜色更改为橙​​色/ #F77823。 然后使F稍大一点,大约180pt

步骤2

输入“咖啡”,大小145pt。 将字体更改为Maiden Orange,将颜色更改为/#3BAD9D

这些字母在脚本字体的粗笔触旁边看起来有点太薄,所以给 ‘COFFEE’一个5pt的描边,并将间距改为50。 当您选择文本框时,这两个设置都可以在您的屏幕顶部扩展。

Add text strokeAdd text strokeAdd text stroke

将两个词拖到画板的右上角,我们将在那里整理它们。 这是我们目前为止所拥有的:

Place textPlace textPlace text

3.修改和润型

现在我们将对文本进行一些修改,给它一些特别的复古风格。

步骤1

首先,选择“Fresh”,然后转到效果>变形>上升,并将弯曲设置为18%

Warp textWarp textWarp text

接下来,使用Illustrator的默认画笔之一,我们将在“Fresh”下添加一些下划线用于强调,并填充它与“COFFEE”之间的空间。

步骤2

选择画笔工具。 从您的画笔库菜单中,选择艺术效果>艺术油墨,找到锥形圆角笔刷。

照字母的倾斜角度,在“Fresh”下绘制几个橙色斜线。 如果您的线条有点凹凸不平,请将平滑工具拖动到其上 (位于铅笔工具下方,并通过点击按钮进行访问)。 我将顶线的描边改为1.5pt,并将底线保持在1pt,所以它们之间会有一点变化,好像他们真的是用刷子画了一样。

Create swashes with paintbrush toolCreate swashes with paintbrush toolCreate swashes with paintbrush tool

一些Illustrator笔刷可能会与您分配给它们的笔触颜色略有不同。 在这里,您可能会注意到,这些线条似乎比“‘Fresh”文本更浅的橙色。 如果您在工作中注意到这个问题,只需选择看起来不正确的画笔笔触,请转到“ 对象”>“展开外观”,然后重新选择你想要的颜色样本。

步骤3

我们最后的点缀是给“COFFEE”添加一个微妙的阴影。 首先,我们想使字母形成一个全部的形状,所以我们不必再分别更改填充和描边颜色。 要执行此操作,请转到文字>创建轮廓,然后单击对象>扩展(保留默认设置)>确定。 要完成此过程,请选择窗口>路径查找器>联合

现在复制粘贴'COFFEE'来复制它。 将颜色更改为黄金色/ #F9B31C以及将副本稍微放置在原始单词的左侧。 现在点击回到蓝绿色的“COFFEE”,然后选择对象>排列>前移一层

Add shadow to textAdd shadow to textAdd shadow to text

现在我们完成了我们项目的排字部分。 您可能需要调整展示位置,直到单词以您喜欢方式坐落在一起。

4.创建插图

现在我们添加我们的主要艺术品:咖啡壶和杯子。 你可以你喜欢的处理这个部分,但一些技术你可能会考虑:

  • 使用预先存在的矢量形状,如链接的介绍
  • 手绘,先在纸上或直接在Illustrator中
  • 使用参考照片和钢笔工具

我选择了第三个选项,有几个原因。 一,我喜欢钢笔工具提供的用于创建曲面和几何形状的控置。 二,我有一个特别的咖啡壶的风格的想法,想要借助参考照片获得正确的形状。

如果您也想使用此方法,将会遵循一些基本步骤。 有关参考照片的建议,请参阅以下链接(Creative Commons许可的图片通过Flickr,由用户Jay Kaye提供)。 我将使用的是第一个选项,但您可以使用这些技术,无论您选择哪张照片。

  • 咖啡壶:123
  • 杯:123

步骤1

将您的参考照片放在您的画板的侧面,并将其不透明度降低到约 50%。 使用钢笔工具,勾勒出您的咖啡壶的基本形状。 如果您想要任何部分与主体不同的颜色,请将它们分开形状,以便以后轻松着色。 不用担心创建完美的直线; 稍微有点不规则的形状将会适合这种风格。

这里是我的轮廓概要。 即使喷嘴的颜色与其余的喷嘴相同,我给它自己的形状来创建它的轮廓鲜明的角度。

Outline coffee pot with pen toolOutline coffee pot with pen toolOutline coffee pot with pen tool

步骤2

通过单击交换填充和描边箭头或按Shift-X将轮廓更改为填充形状。 应用任何你喜欢的颜色。 您可能需要向后放置一些形状(如此处的手柄)。

Fill outlined shapesFill outlined shapesFill outlined shapes

将完成的咖啡壶放在左下角,把它放在文本下面大约三分之二的空间。 确保喷嘴指向右侧。 如果您使用的参考照片面向的是另一个方向,这是一个简单的修复。 只需拖动光标选择整个罐子,然后单击对象>变换>对称>垂直

步骤3

对杯子重复前两个步骤。 如果您需要剪掉一个形状,例如手柄内部,一个简单的方法是确保前面的形状或轮廓,选择它和背景形状(按住Shift),然后转到窗口>路经查找器 > 减去前面(就是第一行的第二个按钮)。

Outline cup with pen toolOutline cup with pen toolOutline cup with pen tool
Fill shapes with colorFill shapes with colorFill shapes with color

将杯子放在右边角落的壶对面(手柄朝外)。 对于杯子的内部,我选择了一个较浅的蓝绿色。

5.添加收尾工作

步骤1

不能忘记填满你的杯子!使用椭圆工具为咖啡添加深棕色椭圆形。 您可以使用直接选择工具拖动椭圆的锚点,直到其适合您的杯子内部。 用钢笔工具绘制一个较浅的棕色弯曲形状,以增添高光。

Fill coffee cup with ellipse toolFill coffee cup with ellipse toolFill coffee cup with ellipse tool

步骤2

创建一个新的图层,并将其移动到图层底部的第二层。 使用与上一步(椭圆工具和移动锚点)相同的技术,在罐和杯下面以金色添加阴影。

Create shadows with ellipse toolCreate shadows with ellipse toolCreate shadows with ellipse tool

步骤3

我们的最后一步是为咖啡壶画一些冒出来的蒸汽。 使用3pt的铅笔工具,笔画颜色为白色。 画一些波纹,重叠的线条,填充罐子上方和文本左侧的空间。 我发现创建流体,交叉线条的最佳方式是将它们绘制在两个循环中,在壶嘴开始和结束。

Draw lines with pencil toolDraw lines with pencil toolDraw lines with pencil tool

这就是全部,伙计们!

伟大的工作-我想你已经为自己赢得了一杯咖啡的休息时间。 我希望你有兴趣使用Illustrator的一些最基本的形状和绘图工具,以及一些方便的快捷键,创造简单的矢量插图。 如果您有兴趣了解更多关于创建正宗的前瞻性中世纪风格的设计,一定要看看我们的10个顶尖提示,创建复古灵感的设计。

随时在评论部分分享您的项目结果或提出问题。 和往常一样,快乐的设计!

关注我们的公众号
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads