插画教程!在AI中创建矢量卡通建筑

通过简单地使用基本的几何形状以及各种Adobe Illustrator工具和功能,学习如何创建矢量卡通建筑。准备好制作有趣,精美的卡通建筑插图!

步骤1

我们将从建筑的前端开始设计建筑物,并创建入口。取矩形工具(M)并制成15×170 px的棕色形状,形成一个狭窄的列。

切换到直接选择工具(A),选择左上方的锚点,然后用鼠标拖动它或按几次左箭头键将其向左移动几个像素。

我们将变换和扭曲基本的几何形状,以使我们的图像具有有趣的卡通外观。

插画教程!在AI中创建矢量卡通建筑 教程 第1张

步骤2

现在,让我们塑造建筑物最大的窗户。使用矩形工具(M)制作100×120像素的矩形。在“ 颜色”面板中将“ 填充颜色” 设置为蓝色,将“ 笔

触”颜色设置为白色。

您可以从顶部的控制面板或“ 描边”面板(“窗口”>“描边”)调整“ 描边粗细”,使其更粗一些。让我们将笔划设置为3点。

在窗口顶部添加一个较小的浅蓝色矩形,以这种方式在边缘增加柔和的阴影并使窗口具有更大的尺寸。

使用“ 线段工具”(\),并通过绘制1磅白色描边的垂直和水平线来向窗框添加细节。

提示:如果要使直线变直或使线条稍微偏斜,请按住Shift键,使其更具卡通风格。

插画教程!在AI中创建矢量卡通建筑 教程 第2张

步骤3

选择我们已经创建和棕色列双击的反映工具(O) 。选择“ 垂直轴”,然后单击“ 复制”以制作我们列的镜像副本,并将其附加到窗口的另一

侧。

在所有其他形状下方添加一个较深的棕色形状,然后将其发送回(Shift-Control- [))。

在窗口下方放置另一个矩形以平衡构图。

插画教程!在AI中创建矢量卡通建筑 教程 第3张

步骤4

现在我们要进一扇门。继续使用矩形工具(M)制作35×45 px的深褐色形状。

使用直接选择工具(A)变形形状,并沿相反方向拖动顶部锚点。

复制形状和粘贴在前面(Ctrl-C> Control-F)。缩小顶部复印件,然后将颜色切换为浅棕色。

在我们的门上添加一些细微的细节,例如中间的垂直线和门把手的两个小圆圈,您可以借助椭圆工具(L)进行制作。

插画教程!在AI中创建矢量卡通建筑 教程 第4张

步骤5

让我们继续前进,塑造屋顶。使用“ 多边形工具”,然后在“ 变换”面板的“ 多边形属性 ” (“窗口”>“变换”)中将“ 边数”设置为3 。

制作一个175×85 px的米色三角形。

复制三角形(Control-C> Control-F),使副本更小和更暗。

在顶部添加第三个副本,使其更小,并用与最大三角形相同的米色填充。

按住Shift键的同时,使用椭圆工具(L)添加一个圆孔,以完成屋顶。

插画教程!在AI中创建矢量卡通建筑 教程 第5张

步骤6

让我们在窗口中添加一些微妙的高光,以使玻璃表面更加逼真。

使用矩形工具(M)制作一组垂直线,并使用直接选择工具(M)使其变形。选择所有形状并将它们变成“ 复合路径”(Control-8)。

用深蓝色填充形状,然后在“ 透明度”面板中将“ 混合模式”更改为“ 屏幕 ” ,使线条变为半透明。

将线条旋转45度,然后将它们放置在窗户上。同时选择线和所述窗口底部和使用形状生成器工具(移位-M) ,同时保持Alt键以删除不需要的部

件,它们交叉的窗口框架的边缘。

插画教程!在AI中创建矢量卡通建筑 教程 第6张

步骤7

现在,我们可以组合创建的元素,并查看它们的外观。在这一步,它看起来像是一栋风格化的房子。让我们继续前进并将其扩展到大型建筑物。

插画教程!在AI中创建矢量卡通建筑 教程 第7张

步骤8

将我们已创建的窗口部分分组(Control-G),并为新窗口制作四个较小的副本。减少新窗口中元素的数量,使其更简单。

使用我们在入口处制成的柱子来塑造建筑物的左侧形状,并通过添加更多元素(例如,窗户下方的黑褐色墙壁和简单的平屋顶,由两部分组成)

来使整个建筑看起来完整矩形,略有变形。

插画教程!在AI中创建矢量卡通建筑 教程 第8张

步骤9

现在,我们可以对建筑物左翼的所有元素进行分组(Control-G),并使用“ 反射工具”(O)创建镜像副本,将右翼连接到建筑物的另一侧。

注意,我们需要将右侧的窗口翻转回其初始位置,以保持高光的相同角度。

插画教程!在AI中创建矢量卡通建筑 教程 第9张

步骤10

让我们添加一些树木和植物,以使我们的图像看起来更详细。使用椭圆工具(L)制作浓密的绿色树冠,从而改变圆圈的大小和亮度。

使用矩形工具(M)添加几个瘦的棕色树干。

在建筑物底部制作两个重叠的圆圈,以形成灌木丛。保持选中的圆圈,使用橡皮擦工具(Shift-E),按住Alt并删除灌木丛的下部,使它们平坦。

插画教程!在AI中创建矢量卡通建筑 教程 第10张

步骤11

在建筑物右侧添加更多树木,以平衡构图。

选择所有创建的植物,对它们进行分组(Control-G),然后将其发送回(Shift-Control- [)),将其放置在建筑物后面。

插画教程!在AI中创建矢量卡通建筑 教程 第11张

步骤12

我们的建筑物看起来已经完成,但是我们仍然可以使用Rectangle Tool(M)添加一些较小的细节,例如在这里和那里的深棕色砖块。

插画教程!在AI中创建矢量卡通建筑 教程 第12张

最终的效果图

插画教程!在AI中创建矢量卡通建筑 教程 第13张

分享

内容投诉

人已赞赏
教程

插画教程!在AI中创建哈利·波特与厄里斯魔镜的插图

2019-12-28 8:00:00

教程

动漫基础设计教程!在AI中绘制带眼睛的浣熊角色

2020-1-14 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索