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

AI绘制海滩警卫塔教程

2019/1/16 12:18:53 人评论

在今天的教程中,我们将使用AI的基础工具来创建一个海边的警卫塔。在教程结束之后我希望大家可以多多练习,这里放出一些漂亮的插图供大家练习使用(切勿商业用途,版权归原作者所有)

版权申明:本文出自“米夏小雨”原创,感谢“米夏小雨”的原创教程分享!

首先我们来看看今天教程的主角吧!

AI绘制海滩警卫塔教程 优图宝 AI实例教程

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

AI绘制海滩警卫塔教程 优图宝 AI实例教程

1. 如何创建塔顶部

让我们开始简单的创建一个 127 x 127 像素的矩形, 并填充 #98D2BE。使用直接选择工具 (A), 并选择矩形的两个顶部锚。按 enter 键以打开 "移动" 窗口。将水平值设置为-32 像素, 垂直值为0像素, 然后按 "确定", 将锚点向左移动。这个多边形将充当主前壁。

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤2

选择形状并复制它, 使用ctrl+C。再按 "ctrl+F" 以在多边形的顶部获取两个副本, 并将顶部副本向右移动约60像素。选中第二个副本, 并使用 "路径查找器" 面板的减去顶层。

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤3

使用选择工具 (V) 选择生成的形状, 并通过将边界框蓝色区域的一个上角拖动到中心来减小其大小。将形状的颜色设置为 #48A987, 并将形状放置在墙的中间部分。它将作为一个门口。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤4

使用 (ctrl+C) 和ctrl+f复制副本。然后选中副本像右边移动,然后按 "路径查找器" 面板上的 "相交" 按钮。将新形状的颜色更改为 #225443, 形成入口的内阴影部分。AI绘制海滩警卫塔教程 优图宝 AI实例教程
_ueditor_page_break_tag_

步骤5

现在, 我们要给墙添加阴影。制作一个副本 (ctrl+ C) 并将它们粘贴到形状的前面 (ctrl+ F ), 然后将顶部副本向左和向下移动。使用 "路径查找器" 的减去顶部选项将第二个形状选中, 获取新的形状。由于它将充当阴影, 因此在透明度面板中将不透明度降低到 40%, 可将其混合模式更改为叠加。(若叠加不可以请尝试其他模式,不要死脑筋)AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤6

让我们为墙添加一些高光或者说是亮部吧。直接照着右边的阴影宽度大小绘制一个矩形填充为白色。AI绘制海滩警卫塔教程 优图宝 AI实例教程步骤7

为形状添加轮廓。选择主矩形并复制它。将副本的填充设置为 "无", 描边颜色为 #3d342d, 描边大小为6像素。然后门的做法也是一样。(整体来说请保持描边大小一致)

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤8

为侧壁创建一个 152 x 127 像素的矩形 (#6ebea2), 然后我们复制他并且使用直接选着工具调整他的锚点位置(这里描述的话很难说,小伙伴观察图吧), 然后选择这2个形状并使用路径查找器的减去顶部选项, 因为是要做阴影所以这里的做法可以参考步骤5.谢谢!

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤9

以同样的方式工作, 在墙上添加一个侧面阴影。让我们在侧面墙上添加一个轮廓。复制 (控制-C) 侧壁, 点击上面的阴影, 并粘贴在它前面的形状与控制 F。将描边颜色设置为 #3d342d, 并将描边粗细设为6像素, 请移除填充。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤10

在侧面墙顶部添加一个 210 x 16.5 像素的矩形 (#6ebea2), 并将其与形状的中心对齐。正如我们以前的部分所做的, 给当前矩形两个阴影和一个6像素宽的轮廓 (#3d342d)。

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤11

在先前创建的形状的左外侧形成一个 129 x 16.5 像素的矩形 (#98d2be)。使用相同的方法, 在左部分的条纹右侧的阴影处生成高光, 然后创建6像素宽的轮廓 (#3d342d)。最后我们将他们打组。AI绘制海滩警卫塔教程 优图宝 AI实例教程

2. 如何创建塔底段

步骤1

让我们开始吧, 在我们的塔底部, 绘制一个 290 x 16.5 px 的矩形 (#48a987) 。然后在绘制一个230.5 x 16.5 像素条纹的相同颜色的第一个。用旋转工具 (R) 按住 Alt 键单击左下锚, 将矩形旋转30度, 将角度设置为30度。将角度形状附加到水平矩形的左侧, 将其顶部锚点定位在水平长方形的左上锚。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤2

我们将刚才绘制的矩形复制一份,通过直接选择工具拉扯锚点使其与之形成一个平面。然后设置其颜色为#98d2be

AI绘制海滩警卫塔教程 优图宝 AI实例教程
_ueditor_page_break_tag_

步骤3

在大角度的形状下面绘制一个等距的矩形(#48a987),然后我们用直接选择工具调整他的锚点,让他与其他边结合在一起,形成一个立体效果。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤4

现在, 让我们来绘制高光(这里的做法其实与之前的是一样的)我们先复制一个侧面的出来填充成白色,然后我们选中这个白色矩形和面块的这个矩形使用路径查找器里面的减去顶部命令(这里的高光可以不用复制已有的矩形来绘制,我们可以自己重新绘制)AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤5

这里我们在添加一个暗色的矩形在面块上面作为他的阴影,然后我们可以把面块侧边和塔底部的很条一起选中,然后在路径查找器里面使用联集命令,然后为其添加一个宽6px的描边(#3d342d)。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤6

现在我们开始为他创建栅栏, 首先创建一个 11.5 x 29 像素的矩形 (#6ebea2) , 然后给它一个阴影后, 整体给一个4px的描边 (#3d342d)。最好ctrl+g把他们打组, 并放置在如图的位置(这里我们可以复制一个副本)。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤7

这里记得我们之前复制的副本吗?我们把它拿出来选中按回车,打开移动面板,把水平位置设置成65px,然后点击复制,这样我们就得到了右边的副本,这里我们再次按ctrl+d面次,就得到了4个副本,然后我们把他们打组,使用r旋转工具,旋转30度(这里的度数与斜坡的度数要一致)放置到斜坡上面。AI绘制海滩警卫塔教程 优图宝 AI实例教程
_ueditor_page_break_tag_

步骤8

现在我们需要做柱子上的栏杆。复制斜坡的黑色轮廓并将其拖到柱子的上面, 使其左边缘柱子对齐, 如下面的图像所示。然后使用直接选择工具选中锚点,删除右边的边,然后打开描边面板设置描边的属性分别为圆头端点,圆头链接。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤9

做同样的操作, 复制和拖动柱子和铁轨, 在塔的右侧创建另一个栅栏。参考步骤7-8.AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤10

让我们创建支撑我们塔的承重桩。在塔的下面的右侧建立一个 14 x 113 像素的矩形 (#48a987)。给它一个阴影后面跟着给一个6像素宽的描边 (#3d342d)。然后打组(ctrl+g)。然后复制一个到左边。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤11

绘制两个6像素宽的水平矩形 (#3d342d) , 使左端点略有重叠在左柱子。然后我们将他与柱子打组,然后复制一份放到最后面的位置,颜色可以比前面的深。AI绘制海滩警卫塔教程 优图宝 AI实例教程
_ueditor_page_break_tag_

3.如何制作风向袋

步骤1

让我们添加一个流动的 风向袋在我们的海滩塔的屋顶。首先绘制一个62 x 24 像素的矩形 (#d65428)作为风向袋的主体。然后在右边缘的中间添加一个锚点。删除顶部和底部的锚点, 得到一个三角形, 然后我们拖动圆角点,使其圆角。这时我们在三角形的左边添加一个 15.5 x 24 像素的椭圆 (#a8411f)。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤2

首先选中圆与三角形复制一份作为副本,然后选中圆,使用对象>路径>偏移路径。在偏移路径面板中把偏移值设置为10px,然后点击确定。然后我们再次选中圆(外边的)然后在使用对象>路径>偏移路径。在偏移路径面板中把偏移值设置为5px。再次选择两个外部形状并再次转到对象 >> 路径 > 偏移路径。将偏移量设置为20像素, 得到两个外部形状。这个时候选中三角形和刚才的圆并使用 "路径查找器" 面板的 "分割" 选项。然后删除除两条条纹外的所有分割块, 将其颜色更改为 #fbf8f1。(如果这个看着复杂请使用第一步的圆进行复制大小不一样的副本在进行与其切割)

AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤3

首先这里的我们需要给风向袋一个高光,其次我们需要给风向袋一个描边,然后我们需要有两根绳子来链接风向袋到柱子上,风向袋描边为6px,绳子的大小为4px,柱子大约是7px左右,具体的绘制前面已经说了很多,这里不过多阐述。最后我们将他打组。放到塔上。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤4

我们几乎完成了海滩警卫塔。但是我们可以在花点时间,为他做点点缀或者说是细节,这样看起来就更完美。可以绘制一些4px的线条来营造那种海边的感觉(就是有风)然后可以给描边加点然后减点让他断开(断的不要太多)。再来我们可以绘制一些线条作为地面。AI绘制海滩警卫塔教程 优图宝 AI实例教程
_ueditor_page_break_tag_

4. 如何创建热带海滩背景

让我们为海滩警卫塔做一个背景吧。

步骤1

绘制一个 1200 x 1200 像素的矩形 (#fb9f31) 后, 作为建筑背景。在塔下面添加6像素宽的 #f8cc6b 线条, 以模拟水面。增加一些像破折号一样的样式和大小也适当变换一些, 使他们更有趣和活泼。AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤2

这里我们可以根据图来绘制三个不同大小的圆,然后通过透明度和混合模式来制作如图效果,然后在地面的位置绘制一个矩形用来切割掉地面以下的部分。(也可以直接绘制三个圆给她们不同的颜色透明度来制作如图效果)AI绘制海滩警卫塔教程 优图宝 AI实例教程

步骤3

我们现在需要一些额外的元素来丰富画面,我们可以绘制两个椭圆,让他们重合一点,然后使用路径查找器的交集命令得到一个新的图形,然后通过旋转和变换大小来绘制树叶,树干用一个矩形来变形得到。再次我们可以绘制云朵。用很多的大小不一的圆来拼接出一个云的形状,最后我们把这些元素放到画面里面去。那么我们的热带海滩警卫塔就做好了,我们甚至可以为他绘制一些海鸟的剪影在上面。AI绘制海滩警卫塔教程 优图宝 AI实例教程

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