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

用Adobe Illustrator制作邮箱插图

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Communication Week.
27 Restaurant Menu Templates With Creative Designs
How to Create a Dreamy, Emotional Photo Manipulation Scene With Photoshop

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

Final product image
What You'll Be Creating

数十年来,我们用这个简陋的邮箱和全世界的人来联系。它们有不同的形状和大小,但柱子的形状可以说是最具标志性的。 在本教程中,你将逐步学习经典柱形红色邮箱的制作过程。

你将学到一些技巧,包括制作基本2D形状,操作锚点以及使用路径查找器工具。希望你享受这个过程,并在这方面学到些新知识。开始吧!  

GraphicRiver上更多的邮箱矢量图形中获得灵感。

1.制作邮箱形状

步骤1

打开你的Adobe Illustrator,创建一个新的文件(文件>新建)。在本教程中,我们将创建一个自定义文档,700 x 1000px,但是在你的项目中你可以选择别的规格。

Create a custom document at 700 x 1000 px

步骤2

现在,我们有一个打开着的新文件,我们能开始制作邮箱的主体。首先,选择矩形工具(M)。选择一个漂亮的红色填充你的矩形。

Red colour to fill your rectangle with using the colour picker

步骤3

使用矩形工具(M),画一个矩形。我们将使用该矩形来作为我们的邮箱的主体。

Create a red rectangle using the Rectangle Tool M

步骤4

再次使用取色工具,为你的邮箱基部选择一个新的颜色。

Grey colour to fill your rectangle with using the colour picker

步骤5

再次使用矩形工具(M),制作邮箱的基部。确保盒子的形状略宽于红色矩形的宽度,并把它置于底部。

The base of the post box

2.制作邮箱头部

步骤1

使用之前的红色,选择钢笔工具(P),从右边开始制作波浪形状,它将用来组成邮箱顶部部分。你可以使用直接选择工具(A)来操纵锚点和句柄来创建你所需的形状。

Using the pen tool to create a shape

步骤2

使用选择工具(V),确保你的新形状被选中。 复制形状并粘贴到位,通过使用快捷键Ctrl+C(复制),然后Ctrl+Shift+V(粘贴)。这将把你的新形状直接放置到前一个的上面。

把新形状移到左边(为了确保它直线移动,移动形状时,你可以按住键盘上的Shift键)。

Duplicating your new shape

步骤3

右键点击该复制形状,选择变换镜像。然后确保你选的是垂直方向,点击确定。翻转形状。 

Right click choose Transform and then Reflect

步骤4

使用选择工具(V),移动该翻转图形,使它与之前的形状排成一行。全选这两个形状,点击Ctrl+G进行编组。这将让你更容易移动形状。 

The final red shape

步骤5

选择一个更明亮的红色并使用矩形工具(M)来制作一个薄的矩形。把它放置在你的新形状顶上。

Add a bright red rectangle on top of your shape

步骤6

再次选择之前的红色并用椭圆工具(L)来制作一个长的红色圆形。

A red circular shape

步骤7

使用矩形工具(M),在这圆形上,水平中段下画一个矩形。

Bright rectangle on top of circular shape

步骤8

使用选择工具(V),确保两形状都被选中,使用路径查找面板,选择剪去前面。这将删除顶部形状及其重叠部分(在这种情况下,圆形的底部)。

Minus Front on both of the shapes

步骤9

现在结合使用矩形工具(M)椭圆工具(L)来制作一个放置在其底部的薄矩形及一个放置在其顶部的小圆形。

为了画一个正圆,使用椭圆工具(L)的同时按着Shift键。

Add a circle and rectangle to the shape

步骤10

现在,把所有形状编组,以制作邮箱顶部的基础形状。把该新形状放在主体顶部上。

Place the top of post box on the body

3.制作邮箱投信孔

步骤1

为了制作投信孔,我们将先做右边,然后对它镜像复制以制作左边。  这会确保我们的最终形状是对称的。让我们开始,先用颜色选择器为孔选择一个新的灰色。

Choose a dark blue colour

步骤2

使用矩形工具(M)来制作小矩形。把它放置在投信孔的左边。

Dark rectangle

步骤3

现在,在箱子的右上角使用矩形工具(M)制作两个小的矩形。然后,使用直接选择工具(A)移动矩形底部的角,以便它们可以和深灰色箱子匹配。 

Using the direct selection tool on red rectangles

步骤4

采取步骤同上,在底部制作一个粉红色形状。选择所有形状,按着Ctrl+G把它们打包编组

Creating a pink rectangle

步骤5

制作一个新的亮红色盒子,并用增加锚点工具(+)在箱子底部边缘增加一个新锚点。这让你可以使用直接选择工具(A)来拉动右下角yi制作一个小的三角形。 

Creating a triangle on a square

步骤6

现在,把第一组物体放置在其上,以结合两形状。右击该明红色物体,将其置于底层(右击>排列>置于底层)。

Right click send to back

步骤7

现在,所有形状都在正确位置上,全选并用Ctrl+G编组复制该组,水平翻转第二组。把它们排成投信口。

Combine the two halves of the letter hole

步骤8

使用矩形工具(M)制作标记牌。你可以创建两个长方形,其中一个大于另一个。然后把小的放在大的上面。按着Ctrl+G将其编组。

More rectangles for the letter hole

步骤9

把该新组放在邮箱主体顶部。

The full post box

4.为邮箱制作细节

步骤1

使用矩形工具(M)在形状之间创建一些薄阴影线,以增加邮箱顶部层次感。使用深红色。你愿意的话还可以增加一些轻微的不透明度。

Small shadows for the top of the post box

步骤2

再次使用矩形工具(M)在邮箱底部创建一些深灰色的凹槽。

Shift键,使用矩形工具(M)来画个正方形。

Small lines on the bottom of the post box

步骤3

选择圆角矩形工具创建一排胶囊形状。然后用直接选择工具(A)删除它们一半。 为了完成这个,确保在点击删除按钮前只有下半部的锚点被选中。 全选它们,按下Ctrl+G把它们全部编组

记着,画圆角矩形时,你可以通过按键盘上的向上或向下键来调整角的弯曲度。

Red capsules and half red capsules

步骤4

现在,在你的邮箱顶部放置该组以制作些凹槽。

Placing half red capsules on the top of the post box

5.制作王冠

步骤1

现在让我们开始制作王冠!使用圆角矩形工具,制作王冠底部。

Bottom of the crown

步骤2

使用钢笔工具(P)制作王冠中间部分,你可以选择你喜欢的厚度,用描边做。

Bottom and middle of the crown

步骤3

结合使用椭圆工具矩形工具(M)来完成王冠的顶部,并把它放置在邮箱顶部。

选择星形工具制作王冠上的十字架。在画布上点击拖拽,点击几次向下键来做一个三角形后,释放鼠标按钮。

A star and a triangle

步骤4

椭圆工具做个圆,在其上方放置该三角形。复制三角形,达到顶上一个,底部一个。

按着Shift键,用椭圆工具(L)画正圆。

Circle and triangles

步骤5

选择所有形状编组。复制粘贴到位(Ctrl+Shift+V)。旋转90度

Creating a cross out of circles and triangles

步骤6

使用椭圆工具制作另一个圆形,并把十字架置于其上。再把它们放在王冠上。

A vector crown for the post box

6.制作邮箱亮部

步骤1

现在,你已经拥有了邮箱的全部细节,选择所有形状,点击Ctrl+G以全部编组

The full post box

步骤2

点击Ctrl+C复制整组,再Ctrl+Shfit+V粘贴到位。选中复制的邮箱,打开路径查找器面板 ,选中联集。这将把所有形状变成一个形状。

The combined post box all in one colour

步骤3

现在,使用直接选择工具(A),删除一半复制的邮箱。 要做到这一点,利用鼠标点击并拖拽选区选择该形状的一半(确保一半的锚点被选)。如果你遗漏了一些点,选择然后删除。

删除形状的一半后,利用颜色选择器为它选择一个明亮些的粉红色。 

Half the post box is pink

步骤4

选中粉色形状,打开透明度面板,选择不透明度30%。然后在下拉菜单中选择叠加

Making an overlay layer out of the half pink post box

7.制作明信片和邮票

步骤1

明信片部分,让我们通过利用矩形工具(M)开始。 制作一个明信片形状的浅灰色框架。你还可以创建一个2pt灰色描边,作为明信片的细节。

A grey rectangle

步骤2

接着,你需要使用钢笔工具(P)线段工具(\)来制作明信片的线条。

Creating lines for the post card

步骤3

做邮票,使用矩形工具(M)制作两个方格,一个略小于另一个,重叠放置。 然后,使用椭圆工具围绕外边的正方形制作小圆。完成后,小圆全选,通过Ctrl+G编组

Two squares and lots of circles around it

步骤4

选择圆形组和下方的白方格。确保两者都被选到,使用路径查找器,选择减去前面

Turning the shapes into a stamp

步骤5

在灰色框架上制作虚线。你可以按以下步骤进行:复制灰色框架,去掉灰色填充,保持描边(如之前步骤所示),然后进入描边选项,选择虚线4pt

Creating a dashed line

步骤6

选择虚线,回到顶部菜单,选择对象>扩展。确保填充线条都被选中。这可以为你的虚线制作外形。 

Tick fill and stroke options

步骤7

使用直接选择工具(A)来选择虚线外形。右击,选择隔离选定的组

Right click and Isolate Selected Group

步骤8

你现在可以使用直接选择工具(A)来直接选择形状。选择你想选的形状,使用颜色选择器来改变颜色。

The final post card and stamp

8.制作背景

步骤1

现在是时候结束我们的插画了!让我们为我们的背景创建一个新的图层,这样它就和我们的邮箱分开了。您可以通过单击图层选项卡右下角的新建图层按钮来实现这一点。

Create a new layer for the background

步骤2

自选颜色,通过矩形工具(M)来制作背景,铺满整个画板。

Create a pink background

步骤3

然后使用椭圆工具来制作邮箱下方的阴影。

Create the bottom shadow

真棒!你完成了!

祝贺你!你已经成功完成了这个课程。在下方随意分享你的创作吧!  我希望你会觉得本教程有用,且也学到了可以用于未来插画的很多技巧和窍门。下次见!

Vector Post Box Illustration Adobe Illustrator Tutorial
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.