如何在Adobe Illustrator绘制一个扁平化设计师人物

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

 

在本次教程,我们将要绘制一个办公的设计师人物,坐在办公桌旁,在电脑上画画。为了保持制作一个时下流行的扁平风格插画,我们将使用很多基本的几何形状,借助变形效果,路径查找器,形状生成器还有一些其他有用的工具进行合并和变换,在没有使用平板电脑,不需要任何熟练的绘图技巧就能来帮助我们创建一副插画。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

那么我们开始吧!

 

1. 在Adobe Illustrator中如何绘制一个桌子

 

步骤1

 

我们先来画桌面。选择圆角矩形工具,绘制一个540 x 10 px的浅棕色圆角矩形。

 

如果我们使用直接选择工具(A)选中这个形状,可以调整边角半径。然后在控制面板内设置半径大小为(5 px) ,或者手动拖拽实时转角的圆形标记。

 

对这个形状进行复制粘贴在前面(Control-C > Control-F)。朝右边移动矩形左边,让这个形状变短一些 (450 x 10 px) 。填充色更亮一点。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

现在选择铅笔工具(N) ,在桌子上画一个简单的木质文理。双击铅笔工具(N),调整设置值,穿过桌面的浅棕色部分画出弯曲的线段。

 

选中所有的线段,把它们编成一个组(Control-G),在描边面板(窗口>描边)内设置粗细1 px ,在颜色面板内编辑描边颜色,颜色稍微比桌面深一点。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

现在使用剪切蒙版,我们来将多余的线条进行隐藏。

 

对浅棕色桌面形状复制(Control-C > Control-F) ,并把它放在最前面(Shift-Control-])

 

将顶部形状的填充描边都设为,和线条一起选中。右击鼠标创建剪切蒙版。来了!现再所有的线条都被隐藏在顶部形状内了。

 

对桌面的深色部分,也使用同样的方法。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤4

 

我们接来画桌腿。选择矩形工具(M),在桌面的左下侧,绘制两个深灰色,12 x 85 px的支柱。

 

对两个形状进行复制(Control-C > Control-F),颜色改为深一点,进行收缩,将底边向上移动。这样就能组成一个桌面的投影。

 

再将支柱进行复制,按住Alt, 将形状收缩变窄一点。拉动底部边缘向下移动,让桌腿更高一点(7 x 215 px)

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤5

 

在桌腿底部绘制一个100 x 10 px的圆角矩形。把它复制一个,将上部的副本颜色改浅一点,更短一点(80 x 20 px),这样做的话,就能给扁平化风格图片增添一些三维的感觉。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤6

 

将桌腿的所有部分进行编组(Control-G),按住Alt-Shift,将形状组拖到桌子的另一侧,从而复制一个。

 

做的不错!桌子就完成了。我们继续!

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

2. 如何创建一个扁平化的电脑和绘图桌面

 

步骤1

 

我们先来画一个显示屏。选择圆角矩形工具,绘制一个大小为135 x 85 px圆角半径为10 px的圆角矩形。

 

将这个形状复制一次,重复粘贴在前面(Control-C > Control-F > Control-F)。将顶部的形状使用向右的箭头把它朝右边移动。使用选择工具(V) 或者按住Shift,向右移动。

 

现在选中顶部形状还有下面的形状。选择形状生成工具(Shift-M),按住Alt, 将鼠标靠近在我们需要删除的部分。 在多余的部分上进行点击,在矩形左边缘只剩下一个细小的条纹。填充颜色改的深一点,作为高光。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

现在显示屏做好了,我们来画一个支撑。使用矩形工具(M)绘制一个45 x 55 px的矩形,填充颜色稍微比显示屏深一点。

 

直接选择工具(A)选中右上角的锚点,把它的边角半径改为15 px,让它变为圆角。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

将支撑台复制一下(Control-C > Control-F),将副本远离左边一点。同时选中这两个形状,使用形状生成工具(Shift-M),按住Alt的同时,删除掉顶部形状,还有副本重叠的部分。

 

给电脑支撑台添加一个高光,方法和步骤1为显示屏绘制高光的方法一样。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤4

 

在显示屏上放置一个深灰色矩形,作为支撑台的投影。多次按Control-[把它最后一层。

 

使用矩形工具(M)在支撑台底部放置一个60 x 5 px的矩形。将左边的边角变成圆形。

 

使用椭圆工具(L),画一个20 x 20 px的圆标签来完成对电脑的装饰。按住Shift,就能保证画出的圆是正圆。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤5

 

现在我们来画一个平面桌子。先来画一个100 x 50 px的圆角矩形,边角半径为10 px

 

选中这个形状,双击剪刀工具(在缩放工具(S)的下拉菜单中,可以找得到),将剪刀角度设为40,点击OK,应用这个变化。

 

在形状的左边缘绘制一个浅色的长条作为高光。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤6

 

现在我们来画一个细长的支撑台。选择矩形工具(M),绘制一个60 x 33 px的矩形,深灰色,细描边,没有填充

 

使用直接选择工具(A)选中底部的锚点。按Enter打开移动窗口。将水平值设为10 px,垂直为0 px,点击OK,就把底部边缘移动到右边了。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤7

 

使用直接选择工具(A)依然选中底部的锚点,将边角半径改为8 px圆角。在中间添加一个扁形椭圆标签完成桌面的绘制。

 

瞧设备都完成了!我们继续!

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

3. 如何画一个扁平化风格的咖啡马克杯

 

步骤1

 

我们来用矩形画一个杯子。创建一个32 x 25 px绿色形状,将顶部边角稍微变圆,然后回到底部边角,设置圆角半径9 px

 

在马克杯左边缘创建一个浅绿色高光。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

我们来画一个手柄。创建一个12 x 15 px的矩形。使用直接选择工具(A)选中左边上部和底部的锚点,将边角设为5 px圆角。

 

把它复制一个(Control-C > Control-F),按住Alt-Shift,将副本缩小一点。同时选中两个形状,点击路径查找器里的减去顶层按钮把顶部的形状剪切掉,在手柄中间就会出现一个空洞。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

将手柄放在马克杯上,把它置于底层(Shift-Control-[)。在马克杯底部边缘添加一个细长的小矩形来完成杯子的绘制。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

4. 如何绘制一个扁平化分书本

 

步骤1

 

我们来创建一个67 x 12 px,深灰色的矩形,将左边角变成半圆。打开对象>路径>偏移路径,设置偏移值为2 px,将外部的形状颜色改的浅一点。

 

将小的形状复制两次(Control-C > Control-F > Control-F),将两个副本用白色填充。把顶部的副本移到右边,将它盖住书本的右边缘。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

同时选中顶部以及大一点浅灰色的形状,使用路径查找器里的减去顶层功能在灰色形状内进行挖空。

 

将书封面末端角变圆角。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

使用钢笔工具(P)或者直线段工具(\),按住Shift画出水平线作为纸张厚度。把不需要的部分使用剪切蒙版进行隐藏,和之前我们做桌面木质纹理一样的方法。

 

将纸张形状复制一个作为微小的投影,把它移到右边。借助形状生成工具(Shift-M),按住Alt键,删除掉多余的部分。

 

这就是一本书啦!我们完成了!

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤4

 

现在我们需要将所有的对象放在桌子上。根据个人喜好,可以多放几本书,大小和颜色可任意。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

5. 如何画一个扁平化时尚潮流人物

 

步骤1

 

我们来画头部,绘制一个50 x 80 px的圆角矩形。设置顶部边角半径19 px,底部半径为23 px

 

使用圆角矩形工具还有椭圆工具(L)画出眼睛,眉毛还有鼻子。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

现在我们来创建一个画笔来画一个非主流小胡子!先来画一个小圆,大概10 x 10 px。 使用直接选择工具(A)选中左边的锚点,把它尽量朝左边拖动。在顶部控制面板里,将选中的锚点转换为边角

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

将绘制好的形状拖到画笔的面板内(窗口>画笔),创建一个艺术画笔。将所有的选项都选择默认。通过双击笔刷面板里面的这个画笔,你还可以回到这个选项窗口进行调整。

 

现在选择画笔工具(B),画一个弯曲的胡子。如果需要调整下描边大小。然后喜欢的画,就打开对象>扩展外观。多按几次Control-[ 把胡子放在鼻子后面。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤4

 

现在来添加一些头发。将头部形状复制一个,粘贴在前面两次(Control-C > Control-F > Control-F)。将底部的副本向右下角移动,如下图所示(蓝色形状)。

 

选中顶部副本以及下面的一个,点击路径查找器面板里面的减去顶层按钮。将得到的形状用胡子同样深棕色进行填充。

 

鬓角太长了,我们先来对它进行修剪。选择橡皮擦工具(Shift-E),按住Alt,将底部的部分删掉。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤5

 

现在用同样的方法,我们来画胡子胡须。将脸部形状进行复制两次,将顶部副本向上角。使用减去顶层功能去除不需要的部分。将胡须的颜色改为头发深一点的。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤6

 

我们来对人物头发进行调整。选择矩形工具(M) ,绘制一个65 x 30 px的深棕色矩形。我们可以使用吸管工具(I)吸取胡子的颜色。

 

使用对齐面板将头发的左边缘和胡须的左边进行对齐。同时选中头发形状,还有头部,再次点击头部把它作为关键对象(在它周围就会看到一个粗选框)。点击水平向左对齐将头发朝胡须对齐。

 

使用直接选择工具(A)选中头发顶部和底部的边角,将它们全变成圆形。

 

最后,选中左上角的锚点,将这个边角也变圆角。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤7

 

现在头部已经好了。我们接着画身体部分!先来画一个70 x 135 px深蓝色矩形作为T恤。双击剪刀工具,设置剪刀角度20度。将边角改为半径为20 px的圆角。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤8

 

画一个深棕色小矩形,底部是圆形的作为脖子。在画一个粉色的圆角矩形作为领子。按Control-[把它放在脖子形状的后面。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤9

 

现在我们来画胳膊。绘制一个 17 x 96 px大小的矩形。尺寸不一定需要完全一样;只需要保证正好适合于T恤顶部边缘还有桌顶边缘。

 

选中左下角的锚点,将边角完全变圆,组成一个胳膊肘。将创建的形状复制一个,按住Shift旋转90度

 

画一个小圆作为拳头,把它隐藏在画板的后面。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤10

 

绘制一个带有圆角的细长白色矩形作为手写笔。把它稍微旋转一下,放在人物的手内。

 

我们来给胳膊的上部分加个袖子。将垂直方向的胳膊组成部分复制一个,使用橡皮擦工具(Shift-E),按住Alt,删掉副本的下半部分。将剩下的形状填充为一个亮粉色。

 

我们再来添加另外一个胳膊。选中垂直部分,双击镜像工具(O)。将形状进行垂直方向的翻转,点击复制。将第二只胳膊放在身体边,把它置于底层(Shift-Control-[),T恤的后面。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤11

 

将身体形状复制一个,使用橡皮擦工具(Shift-E)删掉顶部,在桌子下只留下一个细长的部分。将它用深颜色填充,作为投影。 将新的形状载复制一个,在进行擦除,把余下的部分用深蓝色进行填充,作为牛仔裤。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤12

 

现在我们来画小腿。先画一个23 x 130 px的矩形,颜色为浅蓝色。使用直接选择工具(A)选中右上角的锚点还有底部两个锚点,把它们变成半圆。

 

在腿部上部分添加一个小一点的矩形,让它完全变圆,这样的画来组成一个弯曲的膝盖。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤13

 

将小腿复制一个,使用橡皮擦工具(Shift-E)删掉副本的顶部,在底部只留下一小部分。 将填充改成一个棕色皮肤的颜色。穿过小腿添加一个浅蓝色圆角矩形,作为卷起的裤管。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤14

 

现在我们来添加一只鞋子。先来画一个40 x 20 px深蓝色矩形,把它放在后面(Shift-Control-[),和小腿紧挨着。

 

绘制一个25 x 25 px的白色矩形,作为靴子尖头端,把它和深蓝色形状右边缘挨着。选中顶部边角,设置圆角半径为12 px

 

选择铅笔工具(N),在靴子头端画几条线。借助剪切蒙版,将不需要的部分进行隐藏。

 

在底部画一个细长的白色矩形作为鞋底完成鞋的绘制。将左小姐的边角变圆,再用一个细长的深灰色长条对鞋底进行装饰。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤15

 

现在我们来画第二只腿!挨着人物下方画一个80 x 23 px的矩形。在顶部再添加一个小矩形,颜色浅一点,把它和之前绘制的形状左边缘进行对齐。

 

将新形状的左边角完全变圆。

 

现在我们来添加一个旋转的细长矩形,让腿在膝盖的位置进行弯曲。我只是将第一条腿复制了一个,使用选择工具(V) 把它旋转大概250度,和膝盖位置进行贴合。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤16

 

添加第二只鞋,将腿部所有的组成元素颜色进行加深,这样的话,就能给图片添加一些三维感。

 

不错!我们的人物就完成了。我们接着来做最后一部分。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

6. 如何画一把现代椅子

 

步骤1

 

我们画的人物还浮在半空中,那么我们来给它添加个椅子,让他舒舒服服地坐下来吧。

 

先来绘制一个87 x 105 px的棕色矩形,作为椅子的后靠背。选中左下方的锚点,按Enter键打开移动窗口。 将水平位置值设为7 px垂直0 px,点击OK,锚点就会朝右边移动7 px

 

对于对面的锚点,重复同样的动作,但是这次水平值设为-7 px,,将锚点移动到左边。

 

最后,选中顶部两个锚点,让它们成为半圆。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤2

 

选中这个形状,打开对象>路径>偏移路径,设置偏移值为-8 px。同时选中两个形状,点击减去顶层,在中间进行挖空。

 

使用橡皮擦工具(Shift-E) ,按住Alt,擦除掉框架内的底部。

 

给椅子后背添加三个垂直方向的木板,把它们放在框架后面(Shift-Control-[)。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤3

 

添加椅子后靠背和木质的底部。应用我们之前制作木质桌面的方法,使用简单的木质纹理将它们进行装饰。

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

步骤4

 

现在我们来给椅子添加腿。我们需要一个类似酒吧台的高座椅。使用矩形工具(M) ,绘制组成部分,可以参考之前绘制桌腿的方法和颜色

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

太棒了!时尚设计师以及他的创意空间就完成了!

 

太棒了!时尚设计师以及他的创意空间就完成了!做的不错!我希望你们能够喜欢本次教程,发现一些新的技巧,有所启发,去创建更多扁平化风格的插画!

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

 

如何在Adobe Illustrator绘制一个扁平化设计师人物-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

发表评论