当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI简单快速绘制扁平风格插画

2019/1/16 12:19:36 人评论

扁平风格插画已经成为在ui设计中广泛流行的设计元素,今天我们一起来学习使用AI简单快速绘制扁平风格插画的方法和流程,希望大家喜欢这篇教程。我们先来看看最终的效果图吧:

扁平风格插画已经成为在ui设计中广泛流行的设计元素,今天我们一起来学习使用AI简单快速绘制扁平风格插画的方法和流程,希望大家喜欢这篇教程。我们先来看看最终的效果图吧:

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

具体的制作步骤如下:

1、如何制作一棵平杉木

步骤1

首先为我们的第一棵树做一个树干。采取矩形工具(M),并制作一个7×90像素的细条纹。

用棕色填充。使用" 实时角落"功能通过将圆形标记拉到中心,使条纹的角落完全变圆。如果您使用Adobe Illustrator的早期版本,请随意使用" 效果">"风格化">"圆角"。

添加另一个7 x 60像素的圆角的薄形状的冷杉分支,并填充浅蓝色。

用长方形工具做树干

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

按住Alt-Shift 并将创建的蓝色形状向右拖动以进行复制。按Control-D几次以制作更多副本。让我们为分支添加一些多样性。复制的第一个和粘贴它在 正面(操作-C>控制-F)。挤压形状,使其更短,但保留7像素的初始宽度。

用长方形工具做一个冷杉分支

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第3步

使用直接选择工具(A)选择它们的底部锚点并将它们向下拖动,使每个条纹稍长一点。所有的形状保持相同的宽度。在每个条纹顶部添加较短的副本。重新着色条纹,逐渐变暗较低的形状,如下面的截图所示。

用矩形工具2做一个冷杉分支

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

步骤4

Group(Control-G)每个条纹的片断形成分支,并垂直放置我们的条纹。现在让我们选择上面的分支,然后双击旋转工具(R)打开选项菜单。将" 角度"值设置为30度,然后对每个条纹重复相同的操作,并以相同的角度旋转。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第5步

将旋转的树枝放置在树的左侧,按住(Control-G)组,然后双击反射工具(O) 打开" 选项"菜单。选择" 垂直轴",然后单击" 复制"将镜像组翻转到主干的另一侧。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程
_ueditor_page_break_tag_

第6步

最后,让我们更详细一点。复制躯干的形状和粘贴它在正面(操作-C>控制-F)。使副本更轻一点。 拿着剪刀工具(C)并且点击顶部和底部定位点将形状分成两半。删除副本的左半部分。

精彩!我们的第一棵树 - 冬季冷杉已经准备好了!让我们继续下一个!

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

2. 如何渲染第二棵树

步骤1

让我们做第二棵树。从形成一个两色的树干开始。你可以做一个新的形状,根据你的喜好改变其长度和宽度,或者只是从我们的第一棵树复制树干,并使其更高。

采取圆角矩形工具,并在树干顶部做两个小的淡蓝色的形状,形成一个程式化的树冠。

选择与树干一起的蓝色形状,然后使用" 对齐"面板对齐形状,选择" 与关键对象对齐"并单击" 水平对齐中心"。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

复制两个蓝色形状(Control-C> Control-F),并使其颜色稍暗。然后使用剪刀工具(C)通过单击侧面的锚点并删除不需要的一半来分开上面的副本。

这是第二棵树与我们的第一棵树相比应该如何看待的。为了使整个构图更加多样化,我们做得更高。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第3步

让我们在这棵树上添加一些分支。首先,从冠上复制一个圆形的部分,并将其放在躯干的右侧。然后拿钢笔工具(P)或 线段工具(\)并做一个方形的形状。

在" 颜色" 面板中将" 笔触"颜色设置为棕色,然后转到" 笔触"面板。从这里,将Cap和Corner设置到中间位置,使角和线的末端有点圆滑。而设置描边粗细到3磅。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程
_ueditor_page_break_tag_

您可以使用" 实时角落"功能使角落更加圆滑。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

步骤4

让我们在这里添加更多的分支。复制我们所做的,并改变副本的大小和位置。我们可能需要使树更高,为额外的分支有更多的空间。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第5步

我们来添加一个圆形的小圆圈,由椭圆工具(L)制成的两个圆圈组成。 附上一个深褐色的树干。这个小家伙会帮我们填补我们插图的一些空白处。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

3. 如何制作浓密的橡木

步骤1

我们将首先制作橡木树冠。形成一个浅蓝色的90 x 45 px矩形,并使其角落完全变圆。做两个更小的圆角矩形,形成一个金字塔,一个放在另一个之上。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

Group(Control-G)形状并复制它们(Control-C> Control-F),使顶层复印件有点暗。保持所选形状的顶部组,使用橡皮擦工具(Shift-E),按住Alt键,然后在树冠的右半部分拉伸选项以将其删除。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第3步

在前面加一个深褐色的树干。采取多边形工具 ,并将面数值设置为3,使一个微小的三角形。复制创建的三角形并将副本分布在冠的左侧和树干上,使树具有纹理。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程
_ueditor_page_break_tag_

4. 如何制作花式松木

步骤1

让我们使用我们在本教程中创建的第一棵树 - 杉 - 形成一棵高大而详细的松树。首先,把它的躯干做得更高,用直接选择工具(A)拖动它的底部锚点。

然后选择除顶部之外的所有分支,然后按Enter键 打开" 移动"窗口。将水平值设置为0 px,将垂直值设置为10 px ,以将选定的分支组向下移动10 px。

取消选择刚才移动的组中的上部分支,并重复相同的操作,将剩下的分支移动10px。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

现在重新着色分支,应用棕色色调,使他们适合树干。让我们开始形成松针。使用圆角矩形工具在上分支的左侧放置一个很小的垂直形状。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第3步

将创建的针移动到分支下方(Shift-Control- [)。按住Alt-Shift并将其向右拖动一点,制作副本。再按Control-D 几次,用风格化的针头填满上部分支。改变蓝色的色调,使分支更多样化。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

步骤4

Group(Control-G)我们为上分支制作的针,复制组并粘贴多次以填充所有空分支。通过使用套索工具(Q)选择底部锚点并使用向下箭头键将其向下移动,使底部针稍长一些。

你可以让松木的左侧稍微暗一些,使其看起来更加细致。我们来看看最后一棵树吧!

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

5. 如何做一个风格化的杉木

步骤1

最后再做一根针叶树,但是这次会非常简单和风格化。首先,使用" 多边形工具"制作三个三角形。 改变三角形的大小和颜色,使顶部的一个小而淡蓝色,底部的一个大而深蓝色。

结合三角形,把它们放在另一个下面,形成一个金字塔。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

添加一个躯干和发送它到返回(Shift键控制- [)。最后,制作一组小巧的深蓝色三角形,并将它们散布在枞树的蓝色形状之上,增加一点纹理感。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

6. 如何制作冬季森林景观

步骤1

让我们连续放置我们的树,复制其中的一些,并改变大小,以形成一个均衡的组成。在森林底部添加一个长 圆形的长方形工具 ,形成地面。

您可以重新排列树,使用Control- [和Control-]组合键将一个物体放置在另一个物体的上方。

选择所有的树木,然后前往" 对齐"面板。从这里,选择对齐 ,以 重点对象,然后单击垂直对齐底部。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程
_ueditor_page_break_tag_

现在所有的树木均匀对准地面!

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第2步

让我们为树下的背景添加一个浅米色的矩形,这样我们就可以制作一些白色的下雪的细节。将水平地面重新着色为白色,并在地面形状的左侧添加一个小的白色圆圈。按住Alt键,将白色圆圈向右拖动,进行复制。按几次Control-D创建更多副本,用圆圈覆盖所有的地面形状。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

第3步

保持圈选,团结他们在 探路者。使用橡皮擦工具(Shift-E),按住Alt并将选择矩形拖到圆圈形状的下半部分以删除它。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

如果将圆圈与地面条纹组合起来,应该看起来像这样。

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

步骤4

现在,让我们在天空中添加一些完成细节,以填补我们作品的空白空间。使用圆角矩形工具形成50 x 15像素的形状。在顶部放置一个较小的形状,将其向左移动,从而形成一个程式化的云。

制作更多的云朵并将其分布在我们插图的顶部。现在看起来完整了!

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

到这里,我们的冬季森林平面插图完成!

掌声送到坚持学习到最后伟大的自己!我们平坦的冬季森林景观已经准备就绪!我们在这里添加了一个小小的点睛之笔:雪花从云层中掉下来,让插图看起来更加细致。相信你已经发现了一些新的思路和技巧,你可以在以后的工作中使用了!下节继续分享,点下关注第一时间更新学习哦!棒棒的

AI简单快速绘制扁平风格插画 优图宝 AI实例教程

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25