码迷,mamicode.com
首页 > 其他好文 > 详细

AI-制作扁平插画

时间:2018-04-04 12:26:52      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:副本   img   work   card   使用   pat   user   重复   pos   

 

一位设计师角色,坐在办公桌前并在平板电脑上绘图

技术分享图片

 

技术分享图片

 

所以我们开始吧!

1.如何在Adobe Illustrator中创建表格

步骤1

我们先来制作一个桌面。采取圆角矩形工具,并创建一个540×10像素浅褐色的圆角。

如果我们使用直接选择工具(A)选择它,然后在控制面板的顶部设置所需的值(5 px)或手动拖动实时角的圆形标记,我们可以调整形状的圆角半径

复制形状并粘贴在前面(Control-C> Control-F)。通过将其左边缘向右移动来缩短新形状(450 x 10像素)。使其填充颜色更轻一点。

 

技术分享图片

 

第2步

现在让我们抓住铅笔工具(N)并在桌子上创建一个简单的木质纹理。双击铅笔工具(N),调整设置,并开始吸引流动横跨桌面的浅棕色部分波浪线。 

选择所有行,将它们设为Group(Control-G),并在Stroke面板(Window> Stroke)中将Weight设置为1 px。在“ 颜色”面板中编辑线条的笔触颜色,使它们比桌面稍暗。

 

技术分享图片

 

第3步

现在让我们用剪贴蒙版来隐藏线条中不需要的提示

复制(Control-C> Control-F)桌面的浅棕色形状并置于前面(Shift-Control-))。

将顶部形状的“ 填充”和“ 描边”颜色设置为“ 无”,并将其与线条一起选中。点击  鼠标右键制作剪贴蒙版。干得好!现在所有的线都隐藏在顶部形状内。

对桌面的较暗部分也一样。

 

技术分享图片

 

步骤4

我们来看看桌腿。采用矩形工具(M)并在桌面左侧下方创建两个深灰色12 x 85 px柱。

复制(Control-C> Control-F)这两种形状,使它们变深并缩小它们,将底部向上移动,从而在桌面上形成阴影。

再次复制柱子,按住Alt键并缩小形状以使其变窄。向下拉底部边缘以使腿部更高(7 x 215像素)。

 

技术分享图片

 

第5步

在桌腿的底部创建一个100 x 10像素的圆角矩形。复制它,使顶部副本更轻,更短(80 x 20像素),从而为我们的平面图像添加一些尺寸。

 

技术分享图片

 

第6步

Group(Control-G)将桌腿的所有部分按住Alt-Shift,并将形状拖到桌子的另一面,制作一个副本。

做得好!我们的桌子准备好了。让我们继续!

 

技术分享图片
 
2.如何制作一台平板电脑和图形输入板

 

步骤1

我们先来制作一个显示器。抓住圆角矩形工具,让我们做一个135 x 85像素的形状与10像素圆角半径

复制形状并粘贴两次(Control-C> Control-F> Control-F)。按住Shift键的同时,使用向右箭头键或使用选择工具(V)拖动顶部形状向右移动。

现在选择最上面的形状和下面的形状。采用形状构建工具(Shift-M),按住Alt键,然后将鼠标悬停在我们需要删除的部分上。点击不需要的部分,只在矩形的左边留下窄条。使形状更轻,形成一个亮点。

 

技术分享图片

 

第2步

现在显示已准备就绪,让我们添加一个支架。使用矩形工具(M)制作一个45 x 55像素的矩形,比显示器稍暗。

使用直接选择工具(A)选择右上角的定位点,并将圆角设置为圆角,将其半径设置为大约15像素。

 

技术分享图片

 

第3步

复制(Control-C> Control-F)底座并将副本向左移动。选择两种形状并使用形状生成器工具(Shift-M),同时按住Alt删除顶部形状和两个副本重叠的部分。

像我们在步骤1中为显示器所做的那样,在支架上添加一个突出显示

 

技术分享图片

 

步骤4

在显示器上放置深灰色的矩形,从支架上制造阴影。按Control- [几次向后发送形状

使用矩形工具(M)在支架底部放置一个60 x 5像素的形状。使其左角完全变圆。

椭圆工具(L)的帮助下,用20 x 20 px圆形标签装饰计算机按住Shift键的同时使圆圈变平。

 

技术分享图片

 

第5步

现在我们来描述一个图形输入板。首先制作一个100 x 50像素的圆角矩形,并带有10 px圆角半径。 

保持选择形状,双击剪切工具(可以为同一个下拉菜单中找到它缩放工具(S) )和设置剪切角40度。单击确定以应用更改。

为形状左侧的突出显示创建一个较亮的条纹。

 

技术分享图片

 

第6步

现在让我们做一个细小的立场。采用矩形工具(M)并创建一个60 x 33像素形状,深灰色细笔画并且不填充。

使用直接选择工具(A)选择底部定位点,然后按Enter键打开移动窗口。将“ 水平位置”设置为10像素,将“垂直”设置0像素,然后单击“ 确定 ”将形状的底部边缘向右移动。

 

技术分享图片

 

第7步

保持使用直接选择工具(A)选择的底部定位点,使角8个圆角。通过在其中心添加压扁的椭圆标签来完成平板电脑。

看起来设备完成了!让我们继续!

 

技术分享图片

 

3.如何绘制一个平的咖啡杯

步骤1

让我们从一个矩形做一个杯子。创建一个32 x 25像素的绿色形状。使其顶角稍微圆化,然后移动到底角,并将半径设置为9像素。

在杯子的左边缘创建一个浅绿色突出显示。

 

技术分享图片

 

第2步

我们来添加一个句柄。创建一个12 x 15像素的矩形。使用直接选择工具(A)选择其左上角和左下角锚点,并使角5圆角。

复制(Control-C> Control-F)形状,按住Alt-Shift并使复制更小。选择两种形状,然后使用探路者减号前部功能将顶部形状切除,在手柄中心打一个孔。

 

技术分享图片

 

第3步

将手柄连接到杯子上并发送到后面(Shift-Control- [)。通过在其底部边缘添加一个小的狭长矩形来完成杯子。

 

技术分享图片

 

4.如何创建一本平板书

步骤1

让我们创建一个67 x 12像素的深灰色矩形,并使其左角完全变圆。转到对象>路径>偏移路径,并将偏移值设置为2 px。使外形稍轻。

将较小的形状复制两次(Control-C> Control-F> Control-F)并用白色填充两个副本。将顶部副本向右移动,使其与本书的右边缘重叠。

 

技术分享图片

 

第2步

同时选择顶部副本和较大的浅灰色形状,并使用探路者的减号前部功能在灰色形状中挖出一个洞。

使书本封面的提示变圆。

 

技术分享图片

 

第3步

使用钢笔工具(P)线段工具(\)并按住Shift键为纸张制作笔直的水平线。如同我们对桌面的木质纹理所做的那样,将剪切蒙片内的不需要的部分隐藏起来。

通过复制纸张形状并将其移到右侧来制作细微的阴影。在按住Alt的同时,借助形状生成器工具(Shift-M)删除不需要的部分

我们终于得到它了!我们的书已准备就绪!

 

技术分享图片

 

步骤4

现在我们可以将所有对象放在桌子上。如果你喜欢,你可以添加更多的书籍,并改变它们的大小和颜色。

 

技术分享图片

 

5.如何绘制一个扁平的时髦人物

步骤1

我们从头开始。制作一个50 x 80像素的圆角矩形。将顶角的顶点半径设置为19像素,底角设置为23像素。

使用圆角矩形工具椭圆工具(L)将眼睛,眉毛和鼻子添加到脸部。

 

技术分享图片

 

第2步

现在让我们创建一个画笔来绘制一个时髦的胡子!首先做一个约10 x 10像素大小的小圆圈。使用直接选择工具(A)选择其左侧定位点并将其向左拖动。将选定的锚点转换为顶部控制面板的转角

 

技术分享图片

 

第3步

将创建的形状拖放到“ 画笔”面板(“ 窗口”>“画笔”)并制作一个艺术画笔。将所有选项保留为默认值。您始终可以通过双击画笔面板中的画笔来调整设置,以返回到此选项窗口。

现在拿起画笔工具(B)并画一个卷曲的小胡子。调整行程权重(如果需要的话)和对象>扩大形状的外观,一旦你满意。按下Control- [几次将胡须放在鼻子下方。

 

技术分享图片

 

步骤4

现在让我们添加一些头发。复制头部形状并粘贴两次(Control-C> Control-F> Control-F)。如下图所示(蓝色形状),向上向右移动顶部副本。

选择顶部副本及其下方的副本,并在Pathfinder面板中应用Minus Front功能。用剩下的形状填充与我们留给胡子一样的深棕色。

烧伤时间太长,所以让我们修剪它。采取橡皮擦工具(Shift-E),按住Alt,并切断底部。

 

技术分享图片

 

第5步

现在让我们用同样的技巧画出胡子。将脸部形状复制两次,然后将顶部副本向上并向右移动。使用Minus Front功能摆脱不需要的部分。让胡子比头发更黑。

 

技术分享图片

 

第6步

让我们塑造我们角色的头发。采取矩形工具(M),并制作一个65×30像素深褐色的矩形。我们可以使用吸管工具(I)从胡子中挑选颜色。

让我们使用“ 对齐”面板将头发的左侧边缘附加到头部的左侧。选择头发形状和头部,然后再次单击头部使其成为关键对象(您将在其周围看到较厚的选择)。点击水平左对齐将头发对准头部。

使用直接选择工具(A)选择头发的顶部和右下角,并使它们完全圆化。

最后,选择左上角的定位点,并将此角也变为圆角。

 

技术分享图片

 

第7步

现在头部准备好了,让我们继续前进!首先制作一个70 x 135 px深蓝色矩形的衬衫。双击剪切工具和设置剪切角20度。使角20个圆角。

 

技术分享图片

 

第8步

添加一个黑色的棕色长方形,脖子上有一个圆润的底部。为颈带添加一个较大的粉红色圆角矩形。按下Control- [将它放在颈部形状下面。

 

技术分享图片

 

第9步

现在让我们组成武器。创建一个约17 x 96像素大小的矩形。它不必是完全一样的高度; 只要确保它适合衬衫的上边缘和桌子的上边缘之间。

选择其左下角的锚点,并使角部完全变圆,形成肘部。复制创建的形状并按住Shift键将其旋转90度

为拳头添加一个小圆圈并将其隐藏在绘图板下方。

 

技术分享图片

 

第10步

用一个圆角的狭长矩形创建一个白色手写笔。旋转并放置在角色的手中。

让我们在手臂的顶部添加一个袖子。复制手臂的垂直元素并使用橡皮擦工具(Shift-E),同时按住Alt删除副本的下半部分。用明亮的粉红色填充剩余的形状。

让我们添加相反的手臂。选择ARM的垂直元素和双击反映工具(O) 。在垂直轴上翻转形状并单击复制。将第二只手臂连接到身体上,并将衬衫下面的发送到背面(Shift-Control- [))

 

技术分享图片

 

第11步

复制人体形状并使用橡皮擦工具(Shift-E)删除顶部部分,只在桌子下面留下狭窄的一块。用较深的颜色填充它,描绘一个阴影。复制新作品并再次擦除,为牛仔裤填充深蓝色的剩余部分。

 

技术分享图片

 

第12步

现在让我们做腿。创建一个稍微偏浅的蓝色的23 x 130 px矩形。使用直接选择工具(A)选择右上角的定位点和两个底角,并使其完全变圆。

将一个较小的矩形添加到腿的顶部,并使其完全变圆。这样我们描绘了一个弯曲的膝盖。

 

技术分享图片

 

步骤13

复制腿部并使用橡皮擦工具(Shift-E)从顶部擦除副本,仅在底部留下一小块。用棕色肤色填充。描绘一条卷起的裤腿,在腿上增加一个浅蓝色的圆角矩形。

 

技术分享图片

 

第14步

现在我们来添加一个鞋子。从40 x 20像素的深蓝色矩形开始,发送回(Shift-Control- [)并将其附加到腿上。 

为引导尖端制作一个25 x 25像素的白色矩形,并将其连接到深蓝色形状的右边缘。选择它的顶角,并使它们成为12像素圆角。

抓住铅笔工具(N)并沿着靴子头画几条线。使用剪贴蒙版来隐藏不需要的线段。

通过在鞋底底部添加一个狭窄的白色矩形完成鞋子的鞋底。使其左下角呈圆形,并用窄窄的深灰色条纹装饰鞋底。 

 

技术分享图片

 

第15步

现在让我们添加第二回合!将一个80 x 23 px矩形附加到我们角色的底部。在顶部添加较浅颜色的较小矩形,将其与前一个形状的左边缘对齐。

使新形状的左角完全变圆。

现在让我们通过添加一个旋转的狭长矩形来弯曲膝盖的腿。我刚刚从第一条腿复制了它,并使用选择工具(V)将其旋转至约250度,使其适合膝盖区域。

 

技术分享图片

 

步骤16

增加第二只鞋子,让腿部的所有元素稍微变暗,使图像更具立体感。

真棒!看起来我们的角色已完成。让我们转到我们教程的最后部分。

 

技术分享图片

 

6.如何绘制现代椅子

步骤1

我们的角色仍然漂浮在空中,所以让我们添加一把椅子让他坐得舒服。

首先在椅子背面创建一个  87 x 105 px棕色矩形。选择其左下角并按Enter键以打开移动窗口。将水平位置值设置为7像素垂直像素0像素,然后单击确定将定位点7像素向右移动。

对相反的定位点重复同样的操作,但是这次将水平值设置为-7 px,将点移动到左侧。

最后,选择两个顶角并使它们完全变圆。

 

技术分享图片

 

第2步

保持所选形状,转到对象>路径>偏移路径,并将偏移值设置为-8像素。选择两种形状,然后单击减号正面在中心切出一个孔。

使用橡皮擦工具(Shift-E)并按住Alt键删除框架的底部。

将三块垂直木板放在椅背上,放在框架下面(Shift-Control- [)。

技术分享图片

第3步

添加椅子的背部和木制底部。采用与木制桌面相同的技术,用简单的木质纹理装饰它们。

技术分享图片

步骤4

现在我们需要在椅子上增加一条腿。我想描绘一个像酒吧那样的高脚椅。使用矩形工具(M)形成元素,使用桌腿作为形状和颜色的参考。

 

技术分享图片

 

技术分享图片

 

 

 
 

 
 
 
 
 

AI-制作扁平插画

标签:副本   img   work   card   使用   pat   user   重复   pos   

原文地址:https://www.cnblogs.com/WWZ1515389790/p/8715834.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!