美文网首页产品设计全栈设计师互联网科技
如何在Adobe Illustrator中创建灯塔

如何在Adobe Illustrator中创建灯塔

作者: 37ce69305847 | 来源:发表于2018-07-04 09:54 被阅读2次

    在今天的教程中,您将通过学习如何绘制一个灯塔建筑物来了解学习AI最基本的形状工具

    今天的案列讲解第7个灯塔

    1.如何制作灯塔塔顶

    1-1

    让我们开始创建灯塔塔顶,通过矩形工具 (M) 建立一个 220 x 460 像素的矩形, 然后将颜色填充为 #D7DBDE。

    1-2

    在矩形的上面创建两条线,使得矩形被平分然后将线条圆角。在添加一个相同颜色的大小为 220 x 23 像素的矩形, 将其置于主形状(第一步的矩形)的顶部。

    1-3

    使用直接选择工具 (A) 选取上部矩形的右上锚点, 然后按 enter 键以打开移动窗口。将水平值设置为20像素, 垂直值为0像素, 然后按 "确定", 将锚点向右移动。

    然后打开左上锚的移动窗口, 并通过将水平值设置为-20 像素将其移动到左边。

    添加一个 260 x 5 px颜色为  (#092C4A) 的线条在刚才的形状上方。

    1-4

    通过在顶部添加 一个大小为158 x 68 像素的矩形 (#092C4A) 和一个大小为 158 x 100 像素的矩形 (#FBC318), 来构建灯塔的顶部。

    在这里我们要确定新创建的矩形是对齐我们灯塔的,我们可以选择新建的矩形和灯塔的身体进行居中对齐处理(在 "控制面板" 和 "对齐" 面板中自动选择 "对齐" 对象。在 "对齐" 面板 ("窗口 >> 对齐") 或 "控制" 面板上, 单击 "水平对齐中心" 按钮, 将两个顶部形状与塔的中心轴对齐。)

    1-5

    这里我们需要复制一份之前步骤绘制的图形,然后让他位于我们第四步的形状顶部

    1-6

    创建一个矩形, 让它坐在之前的形状的顶部, 使其宽度等于角度形状的宽度, 并将其高度设置为大约180像素。用 #2E4C66 给它上色。

    使用 "移动选项" 窗口, 如前面所做的那样, 将矩形的顶部锚点移动到距离中心轴上大约20像素。

    使用直接选择工具 (A) 选择顶部锚点, 并将圆圈指示器拖动到中间, 使形状变圆。

    1-7

    让我们为灯塔创建一个装饰帽。

    用椭圆工具 (L) 绘制一个 45 x 45 像素的圆 (#2E4C66)。添加一个 27 x 15 像素的矩形 (#092C4A), 使其与圆的底部重叠, 使其与中间部分对齐。

    使用一个 36 x 4 像素的矩形 (#2E4C66) 横跨矩形并居中矩形。最后我们将这个装饰帽放到顶部去。(记得打组习惯哦)

    1-8

    现在是时候在灯塔的顶端创建一个挥舞的小旗帜。

    绘制一个狭长的(矩形)柱子, 隐藏在圆圈帽后面的底部边缘。在顶部添加一个小的红色 (#D43C34) 矩形, 并让其右上角和右下角是。

    制作一个矩形的副本, 并翻转他。将副本的颜色设置为 #B52D2D,然后让他位于顶部.在旗杆的中央部分添加一个小的装饰

    1-9

    我们在灯塔小屋下面加一条篱笆。

    首先创建一个 4.5 x 34 像素的矩形 (#63798C) 让他站在底部窗台的左侧。

    选择矩形并选择镜像工具 (O)。按住 Alt 键, 单击黄色灯塔窗口的中间。在 "镜像"选项窗口中, 将坐标轴设置为垂直, 然后按 "复制", 将形状镜像到窗台的右侧。

    1-10

    使用选择工具 (V) 选择两个垂直形状, 然后选择 "对象 >> 混合"。

    默认情况下,我们点击混合》创建他默认是平滑颜色,这个时候我们可以再混合选项里面更改为制定步数,这个我们将指定步数为9

    复制的一个矩形让他水平, 并把副本放在我们的围栏顶部, 做一个栏杆。将其颜色设置为 #63798C。

    1-11

    现在我们要给我们的塔楼加几扇窗户。

    首先在灯塔外创建一个 52 x 74 像素的矩形。用 #63798C 填充他。

    在内部添加一个 38 x 56.5 像素的矩形 (#2E4C66)。选择它并转到对象 >> 路径 > 偏移路径。将偏移值设置为-5 像素, 在内部添加一个较小的形状。将形状的颜色设置为 #8CABC0, 形成一个窗口。

    添加一个窄条纹 5 px 宽度划分我们的窗口分成两半。创建跨窗口中心的同一宽度的一条水平线。

    1-12

    选择锚点工具 (Shift C), 并将窗口框架的上边缘稍微拖到顶部, 使其弯曲。

    在窗户下为窗户添加一个 57 x 8.5 像素的矩形 (#2E4C66),作为窗户的底部(阳台)然后打组窗户进行复制,摆放!

    2. 如何创建灯塔的底部部分

    2-1

    在塔下建立一个 497 x 183 像素的矩形 (#63798C), 使其与右边缘对齐, 这便是灯塔的底部咯在矩形的底边上方添加一个 497 x 26 像素的矩形 (#2E4C66), 并在上边缘上创建一个相同颜色的 510 x 6.5 矩形, 并在 "对齐" 面板里面使用居中对齐让他们对齐。

    2-2

    建立一个 90 x 163 像素的矩形 (#D7DBDE) 作为门,位置居中底部对齐。然后用锚点工具 (Shift C) 将其向上拖动, 使上边缘变的圆滑。

    这个时候我们可以吧之前的窗户拿来用,也可以再次绘制(比较简单我希望你再次绘制,图片里面的步骤省略),当复制或者绘制好的窗户完成后,我们可以在为门添加一个门把手。(如图)

    2-3

    这里现在我们可以为底部(墙)添加窗户,我们拿之前的复制过来也可以,我还是希望你能再次绘制。然后我们建立矩形作为窗户的门,使其像是往外面打开的,在加一个矩形作为窗户的阳台。(大小如图所示)然后进行打组处理。记得复制一份给到另一边哦!还要保持他们是水平的哦!

    2-4

    我们可以在灰色的墙上绘制一些大小不一的矩形来模拟砖块。

    2-5

    在灯塔塔的左外侧建立一个 277 x 84 像素的矩形 (#D7DBDE), 将其放置在底部灰色部分的上部的窗台上。

    再在上面创建一个 258 x 128.5 像素的相同颜色的矩形, 并将其与上一个的左侧对齐。然后, 使用 "添加锚点" 工具 (+) 在形状上边缘的中间添加一个定位点。通过单击 "删除锚点" 工具 (-), 删除左和右顶部锚,获的一个三角形形状。

    2-6

    选择三角形形状, 并使用偏移路径方法添加10像素的 #2E4C66 颜色轮廓。然后复制一份,在吧下方的矩形复制一份并且边长,然后把刚才复制的三角形和矩形选中,使用路径查找器里面的命令把多余的部分减掉。

    2-7

    选择之前的三角形(如果有描边去掉就好), 复制它, 然后把他的位置变到后面, 然后将他向右移动大约120像素。

    将三角形的颜色设置为 #63798C, 并通过使用 "添加锚点" 工具 (+) 在形状的左边缘上添加一个锚。这个时候我们就把他拽到屋檐这里重合。

    2-8

    这里我们开始绘制屋顶的装饰,原作者的做法我这里不翻译,我直接使用其他方法。

    首先绘制好一个条纹矩形,然后按住shift加alt加鼠标左键往下移动复制一份,然后按ctrl加d重复复制,直到分布满底部形状。然后我们把很条全选打组。然后然底部位于很条上方,此时我们应该复制一份底部。复制完后我们把底部和很条组选中右击,点击建立剪切蒙版。然后我们把做好的很条放到备份的底部上,这个时候我们就做好了屋顶的装饰。

    原作者步骤图

    2-9

    创建一个垂直装饰条纹(矩形) (#2E4C66) 穿过屋顶的顶部和它下面的水平条纹。

    在屋顶下添加两个窗户, 从灯塔下部复制来就好。将窗户框架的填充更改为 #63798C, 并将右侧窗户的 #FBC318 一起着色。

    3如何在灯塔中添加阴影和高光

    3-1

    让我们通过添加一些阴影和亮点, 使我们的灯塔更加生动和真实。

    选择圆角的灯塔顶端, 并复制它。然后将复制的粘贴到形状的前面, 按下ctrl加 F。使用选择工具 (V) 选择新形状, 复制出来1份让他们都有相交的部分并且与边缘对齐。然后我们对他们进行切割处理得到三个三角形, 并将左形状的颜色更改为 #63798C, 并将右侧形状的颜色改为 #092C4A。

    3-2

    使用相同的方法, 将高光和阴影添加到黄色灯笼舱下的矩形部分, 以及栅栏下面的矩形窗台。

    3-3

    分割和重新着色对象不是唯一的方法, 我们可以创建阴影和高光。让我们尝试一些不同的方式。

    我们选择塔,复制两个副本,通过ctrl加f吧他们移动到前面,然后把其中一个往边缘移动,留出你想要的阴影位置,这个时候选择他们用路径查找器里面的减去使其留下阴影部分,然后选中使用透明度控制阴影。将透明度改成40%。模式改成颜色加深(这个单词我理解的是)大家多试一下其他模式好咯

    3-4

    以同样的方式, 给屋顶啊底部做阴影高光。

    3-5

    记得给玻璃(这样玻璃会有透明的效果哦)还窗户加上高光阴影,到这里我们的灯塔教程就结束啦,恭喜给为又对AI的基础有了更好的掌握!

    小秘朋友圈的图,比公众号精彩!

    相关文章

      网友评论

        本文标题:如何在Adobe Illustrator中创建灯塔

        本文链接:https://www.haomeiwen.com/subject/kbosuftx.html