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

如何在Adobe Illustrator绘制一幅室内复古插画

by
Read Time:1 minLanguages:

Chinese (Simplified) (中文(简体)) translation by Clare Liu (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

我们偶尔都会怀念过去:过去认识的人,去过的地方,或者用过的事物。生活在高科技数字时代,我们时常会怀念一些事物,比如奶奶家过时的水罐或者你儿时的玩具。 因为你还记得它是怎么坏的,仍然想哭:现在不要哭—我还想让你们学习今天的教程呢!

擦干眼泪,想一想...比如...例如放置在柜橱上的旧电视。我将向你展示如何使用基本的形状,变形效果,还有偏移路径创建这样一幅插画。

顺便说一下,GraphicRiver上有很多怀旧事物系列图集,去里面看看吧。

1. 如何创建一台复古电视

步骤1

打开Adobe Illustrator,新建一个文件(文件>新建),宽,高850 x 850 px。我们先来创建一个电视形状。使用圆角矩形工具,创建一个浅灰色的圆角矩形。 填充颜色,可参考下图。不需要有描边—下图的描边只是为了便于看见。

接下来,我们将对这个圆角矩形应用一个膨胀效果。打开效果>变形>膨胀。输入下面的选项值。对这个形状进行扩展(对象>扩展外观)。

creating the TV shapecreating the TV shapecreating the TV shape

步骤2

现在我们在原变换后的圆角矩形中央。创建一个小的副本。选中这个形状同时,打开对象>路径>偏移路径,输入负数-9,点击OK。 在原形状前面就会得到一个小的该形状副本。

接着,对这个形状创建一个小的副本,选中第二个副本,再次打开对象>路径>偏移路径,输入输入负数-4。将小副本颜色改为深灰色。

最后,使用同样的方法,将最小的形状再复制一个,这次的偏移路径设为-2。现在你应该总共有四个形状了。

creating the TV shape 2creating the TV shape 2creating the TV shape 2

步骤3

现在我们来给TV创建一个屏幕。将任意一个灰色形状复制一个,把它放在最前面。变小一点,颜色改为更深一点的灰色。 接下来将这个形状创建一个小副本:打开对象>路径>偏移路径,输入输入负数-2。颜色改为蓝灰色。

creating the screencreating the screencreating the screen

步骤4

我们来给电视屏幕添加体积感。使用椭圆工具(L)创建一个椭圆,和灰色形状交叉重叠。这个椭圆的颜色没重要,因为它是被用来作为剪切板的。

现在将浅蓝色形状复制一个,粘贴在前面(Control-C, Control-F),同时选中它,还有上面的椭圆,点击路径查找器面板里面的减去顶层按钮。 这个操作之后,我们得到灰蓝色屏幕内椭圆的部分。最后将屏幕的上部分颜色改为一个亮一点的颜色。

creating the screen 2creating the screen 2creating the screen 2

步骤5

我们来给电视添加扬声器。创建一个深灰色的圆(为了保证画出的圆是一个正圆,使用椭圆工具(L)的同时,按住Shift键)。 选中这个圆,同时按住Shift Alt键,把它拖到右边。这样的话,你就会对椭圆进行复制,而且副本都保持在水平线上。

选中新建的圆,再按Control-D键,三次重复上个操作,创建一组相同间距的圆。

现在选中一排圆,同时按住ShiftAlt键,向下拖动。再一次按Control-D,重复上步操作。直到和下图展示的结果差不多的时候。

creating the speakercreating the speakercreating the speaker

步骤6

为了保证在移动对象的时候更加精确,我们需要启用智能参考线。因此,我们打开视图>智能参考线(Control-U)。 画一个灰色填充的圆,没有描边。为了为了保证画出的圆是一个正圆,使用椭圆工具(L) 的同时,按住Shift键。 将这个圆复制一个,粘贴在前面(Control-C, Control-F),把它变小一点,确保它正好位于原形状的正中央。对于小圆,将颜色改为浅灰色。

接下来,使用矩形工具(M),创建一个灰色矩形,把它放在圆的正中央。将这个矩形复制一个,粘贴在前面(Control-C, Control-F),减小它的宽度(使用选择工具(V))。把它放在原形状的正中央,颜色改为浅灰色。

creating the manual switchcreating the manual switchcreating the manual switch

步骤7

现在将手动开关放在电视的右侧。你可以稍微把它向侧边旋转一点,让矩形不是正好在垂直方向。为了突出这是一个手动开关,我们将在后面创建一个深灰色的圆。 之后,对整个手动开关包括高亮显示部分,进行复制,把副本放在下面,如图所示。这稍微改变一下这个手动开关的旋转方向。

placing the manual switch and creating another oneplacing the manual switch and creating another oneplacing the manual switch and creating another one

步骤8

现在我们来绘制天线。先画一个细长的,垂直方向的前胡思而椭圆。使用直接选择工具(A),将左右两边的锚点向下移动。 创建一个小圆,把它放在椭圆的剪端部分,如下图所示。把它复制一个,得到另一个天线(Control-C, Control-V)。在底部添加一个椭圆。

再次强调,在绘制的时候不需要描边颜色,下面的描边是为了便于你们看到。

creating the antennacreating the antennacreating the antenna

步骤9

将我们的天线放在顶部,放在电视后面(Control-X, Control-B)。因为电视外部形状没有任何描边颜色,我们需要突出天线就在后面,和电视分开的。 因此,创建一个细长的水平椭圆,把它放在天线和电视机身交叉线上。

placing the antennaplacing the antennaplacing the antenna

步骤10

现在我们来创建电视脚架。首先创建一个灰色矩形,然后选择直接选择工具(A) ,将底部两个锚点移到左边。下面的两个锚点之间距离比上部锚点之间的间距要大。

creating the TV legscreating the TV legscreating the TV legs

步骤11

将电视脚架放在合适的位置。创建另一只脚架,选中左边的,右击>变换>镜像,然后选择垂直,90度角,点击复制。将副本移到右边。我们的复古电视图像就完成了!

placing the leg and creating another oneplacing the leg and creating another oneplacing the leg and creating another one

2. 如何绘制橱柜

步骤1

当然,在过去,电视机很笨重,体积较大。不是挂在墙上的,而是放在橱柜或者桌子上的。因此,今天我们把电视机放在橱柜上。

先画一个棕色矩形(矩形工具(M))。在棕色矩形内再创建一个深色矩形。我们需要再次使用偏移路径:选中棕色矩形的同时,打开对象>路径>偏移路径,输入-10 px的偏移。 将新建的矩形改为深棕色。

再次,选中深棕色矩形,打开对象>路径>偏移路径,输入偏移值-3 px。现在将颜色改成另一种棕色。

creating the cabinetcreating the cabinetcreating the cabinet

步骤2

我们来给橱柜门添加纹理。创建一个细长的,浅棕色椭圆,正好能填充进最小的矩形内。 前面步骤启用的智能参考线,会很有帮助。将椭圆放进左侧最小的矩形内。

将这个椭圆复制一个水平对齐(按住 Shift Alt 键把它向右拖拽)。现在使用Control-D按钮尽可能多次重复这个操作,填充这个矩形。

adding the texture to the cabinetadding the texture to the cabinetadding the texture to the cabinet

步骤3

给我们的橱柜添加两扇门,创建一个细长的深棕色工具,把它放在橱柜的中间位置,如下图所示。

continue creating the cabinetcontinue creating the cabinetcontinue creating the cabinet

步骤4

创建一个棕色的圆作为把门把手。把它复制一个,粘贴在前面(Control-C, Control-F),变小一点。 确保它正好位于中央位置(使用智能参考线)。现在,将新建的圆颜色改为浅棕色。 把最初的圆再复制一个,但是这次比浅棕色圆还要稍微小一点(Control-C, Control-F)。第三个小圆颜色将会比第二个颜色稍微深一点。

为了方便操作,将所有的圆进行编组(右击>编组)。这三个圆就会是我们的把手。把它放在左边门上。 把它缩小的时候,记得按住Shift键。为右边门也创建一个门把手:按住ShiftAlt键的同时,把门把手移到右边。

creating the handlescreating the handlescreating the handles

步骤5

橱柜腿的创建方法和电视一样。先创建一个棕色的矩形,然后使用直接选择工具(A),将下面的两个锚点移到左边。 下面的锚点间距比上面的要小。将橱柜腿放在左边橱柜下面。

最后,创建另一只腿:选中左边的腿,右击>变换>镜像。选择垂直,90度角,点击复制。将副本移到右边。我们的橱柜就完成了!

creating the legscreating the legscreating the legs

3. 如何创建背景

步骤1

使用矩形工具(M)创建一个宽和高都为850 px的蓝色正方形。首先,选中这个工具,轻轻在画板上点击一下,输入必要的选项值。

creating the backgroundcreating the backgroundcreating the background

步骤2

为了在场景中添加一些维度,在正方形底部创建一个深蓝色矩形。

adding the shadowadding the shadowadding the shadow

步骤3

最后,把创建好的电视和橱柜放在背景的前面。然而,将背景置于底层将会更容易操作一点(Control-X, Control-B)。

placing all objectsplacing all objectsplacing all objects

4. 如何创建插满花的玻璃罐

步骤1

现在我们会在玻璃瓶内添加艺术漂亮的鲜花。怎么画玻璃瓶呢,线画一个灰色圆角矩形。记住这里的描边只是为了便于看到。

在圆角矩形上部分添加一个小矩形,在顶部再添加一个水平放置的小圆角矩形。使用路径查找器面板中的联集按钮,将这些形状进行合并。

creating the jarcreating the jarcreating the jar

步骤2

在瓶子中添加一些水,使用偏移路径在花瓶内创建一个副本(输入偏移值为-6)。在内部你将需要两个副本。

现在降低这两个副本的不透明度:在外观面板内(窗口>外观),在弹出的菜单中点击“不透明度”,将不透明度降低到50%

现在我们需要将内部形状的一部分进行裁剪,创建一个任意颜色的矩形作为剪板。确保矩形盖住内部形状的顶部。 选中这个两个形状,点击路径查找器里面的减去顶层按钮。我们将得到形状的下半部分,代表瓶内的水。

creating the water in the jarcreating the water in the jarcreating the water in the jar

步骤3

把玻璃瓶放在橱柜上,靠近电视机。

placing the jar on the cabinetplacing the jar on the cabinetplacing the jar on the cabinet

步骤4

最后,在瓶内放一些花。在我之前的教程里,你可以找到如何创建这些花。把你的花放在玻璃瓶内。就完成了!

adding flowers in the jaradding flowers in the jaradding flowers in the jar

总结

我们完成了!做的不错!希望大家在Adobe Illustrator中创建这幅图的时候,喜欢某些过程和操作捷径。 一如既往,来跟我们分享一下你的作品吧,也可以在下方评论区提出问题。快乐设计!

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