我们按照屋子顶部,屋子底部,以及如何在屋子中添加阴影和高光的步骤来教大家,步骤可能较多,要负责学习哦!
(文末有福利,别走开~~)
如何制作屋子顶部
step1. 首先开始创建灯屋顶,通过矩形工具 (M) 建立一个 220 x 460 像素的矩形, 然后将颜色添补为 #D7DBDE
step2. 在矩形的上面创建两条线,使得矩形被平分然后将线条圆角,再添加一个相同颜色的大小为 220 x 23 像素的矩形, 将其置于主形状(第一步的矩形)的顶部
step3. 利用直接选择工具 (A) 选取上部矩形的右上锚点,,enter 键以打开移动窗口,将水平值设置为20像素, 垂直值为0像素, 然后按 \公众确定\"大众, 将锚点向右移动
然后打开左上锚的移动窗口, 并通过将水平值设置为-20 像素将其移动到左边
添加一个 260 x 5 px颜色为 (#092C4A) 的线条在刚才的形状上方
step4. 通过在顶部添加 一个大小为158 x 68 像素的矩形 (#092C4A) 和一个大小为 158 x 100 像素的矩形 (#FBC318), 来构建灯屋子的顶部。在这里我们要确定新创建的矩形是对齐的,我们可以选择新建的矩形和屋子的身体进行居中对齐处理(在 \"大众掌握面板\公众 和 \"大众对齐\"大众 面板中自动选择 \公众对齐\"大众 工具。在 \公众对齐\"大众 面板 (\"大众窗口 >> 对齐\公众) 或 \"大众掌握\公众 面板上, 单击 \公众水平对齐中央\"大众 按钮, 将两个顶部形状与屋子的中央轴对齐。)
step5. 这里我们须要复制一份之前步骤绘制的图形,然后让他位于我们第四步的形状顶部
step6. 创建一个矩形, 让它坐在之前的形状的顶部, 使其宽度即是角度形状的宽度, 并将其高度设置为大约180像素。用 #2E4C66 给它上色
利用 \"大众移动选项\公众 窗口, 如前面所做的那样, 将矩形的顶部锚点移动到间隔中央轴上大约20像素。利用直接选择工具 (A) 选择顶部锚点, 并将圆圈指示器拖动到中间, 使形状变圆
step7. 让我们为屋子创建一个装饰帽用椭圆工具 (L) 绘制一个 45 x 45 像素的圆 (#2E4C66)。添加一个 27 x 15 像素的矩形 (#092C4A), 使其与圆的底部重叠, 使其与中间部分对齐
利用一个 36 x 4 像素的矩形 (#2E4C66) 横跨矩形并居中矩形。末了我们将这个装饰帽放到顶部去。(记得打组习气哦)
step8 。现在是时候在屋子的顶端创建一个摆荡的小旗帜,绘制一个狭长的(矩形)柱子, 隐蔽在圆圈帽后面的底部边缘。在顶部添加一个小的赤色 (#D43C34) 矩形, 并让其右上角和右下角是不规则的
制作一个矩形的副本, 并将其翻转,将副本的颜色设置为 #B52D2D,然后让他位于顶部,在旗杆的中心部分添加一个小的装饰
step9. 我们在小屋下面加一条竹篱,首先创建一个 4.5 x 34 像素的矩形 (#63798C) 让他站在底部窗台的左侧。选择矩形并选择镜像工具 (O),按住 Alt 键, 单击黄色屋子窗口的中间,在 \"大众镜像\公众 选项窗口中, 将坐标轴设置为垂直, 然后按 \公众复制\"大众, 将形状镜像到窗台的右侧
step10. 利用选择工具 (V) 选择两个垂直形状, 然后选择 \"大众工具 >> 稠浊\"大众
默认情形下,我们点击稠浊>创建他默认是平滑颜色,这个时候我们可以再稠浊选项里面变动为制订步数,这个我们将指定步数为9,复制的一个矩形让他水平, 并把副本放在我们的围栏顶部, 做一个栏杆,将其颜色设置为 #63798C
step11. 现在我们要给我们的楼加几扇窗户,首先在屋子外创建一个 52 x 74 像素的矩形,用 #63798C 添补他。在内部添加一个 38 x 56.5 像素的矩形 (#2E4C66)。选择它并转到工具 >> 路径 > 偏移路径。将偏移值设置为-5 像素, 在内部添加一个较小的形状,将形状的颜色设置为 #8CABC0, 形成一个窗口。添加一个窄条纹 5 px 宽度划分我们的窗口分成两半,创建跨窗口中央的同一宽度的一条水平线
step12. 选择锚点工具 (Shift C), 并将窗口框架的上边缘轻微拖到顶部, 使其波折。在窗户下为窗户添加一个 57 x 8.5 像素的矩形 (#2E4C66),作为窗户的底部(阳台)然后打组窗户进行复制,摆放!
如何创建屋子的底部部分
step1. 在屋子下建立一个 497 x 183 像素的矩形 (#63798C), 使其与右边缘对齐, 这便是屋子的底部了,在矩形的底边上方添加一个 497 x 26 像素的矩形 (#2E4C66), 并在上边缘上创建一个相同颜色的 510 x 6.5 矩形, 并在 \"大众对齐\"大众 面板里面利用居中对齐让他们对齐
step2. 建立一个 90 x 163 像素的矩形 (#D7DBDE) 作为门,位置居中底部对齐,然后用锚点工具 (Shift C) 将其向上拖动, 使上边缘变的调皮。
这个时候我们可以吧之前的窗户拿来用,也可以再次绘制(比较大略我希望你再次绘制,图片里面的步骤省略),当复制或者绘制好的窗户完成后,我们可以在为门添加一个门把手(如图)
step3. 这里现在我们可以为底部(墙)添加窗户,我们拿之前的复制过来也可以,我还是希望你能再次绘制。然后我们建立矩形作为窗户的门,使其像是往表面打开的,在加一个矩形作为窗户的阳台。(大小如图所示)然后进行打组处理。记得复制一份给到另一边哦!
还要保持他们是水平的哦!
step4. 我们可以在灰色的墙上绘制一些大小不一的矩形来仿照砖块
step5. 在屋子的左外侧建立一个 277 x 84 像素的矩形 (#D7DBDE), 将其放置在底部灰色部分的上部的窗台上。
再在上面创建一个 258 x 128.5 像素的相同颜色的矩形, 并将其与上一个的左侧对齐。然后, 利用 \"大众添加锚点\公众 工具 (+) 在形状上边缘的中间添加一个定位点。通过单击 \"大众删除锚点\"大众 工具 (-), 删除左和右顶部锚,获的一个三角形形状。
step6. 选择三角形形状, 并利用偏移路径方法添加10像素的 #2E4C66 颜色轮廓。然后复制一份,在吧下方的矩形复制一份并且边长,然后把刚才复制的三角形和矩形选中,利用路径查找器里面的命令把多余的部分减掉
step7. 选择之前的三角形(如果有描边去掉就好), 复制它, 然后把他的位置变到后面, 然后将他向右移动大约120像素。
将三角形的颜色设置为 #63798C, 并通过利用 \"大众添加锚点\公众 工具 (+) 在形状的左边缘上添加一个锚。这个时候我们就把他拽到屋檐这里重合
step8. 这里我们开始绘制屋顶的装饰,原作者的做法我这里不翻译,我直策应用其他方法。
首先绘制好一个条纹矩形,然后按住shift加alt加鼠标左键往下移动复制一份,然后按ctrl加d重复复制,直到分布满底部形状。然后我们把很条全选打组。然后然底部位于很条上方,此时我们该当复制一份底部。复制完后我们把底部和很条组选中右击,点击建立剪切蒙版。然后我们把做好的很条放到备份的底部上,这个时候我们就做好了屋顶的装饰。
步骤图
step9. 创建一个垂直装饰条纹(矩形) (#2E4C66) 穿过屋顶的顶部和它下面的水平条纹。
在屋顶下添加两个窗户, 将窗户框架的添补变动为 #63798C, 并将右侧窗户的 #FBC318 一起着色
如何在屋子中添加阴影和高光
step1. 让我们通过添加一些阴影和亮点, 使我们的房小子更加生动和真实
选择圆角的屋顶端, 并复制它,然后将复制的粘贴到形状的前面, 按下ctrl加 F。利用选择工具 (V) 选择新形状, 复制出来1份让他们都有相交的部分并且与边缘对齐。然后我们对他们进行切割处理得到三个三角形, 并将左形状的颜色变动为 #63798C, 并将右侧形状的颜色改#092C4A
step2. 利用相同的方法, 将高光和阴影添加到黄色灯笼舱下的矩形部分, 以及栅栏下面的矩形窗台。
step3. 分割和重新着色工具不是唯一的方法, 我们可以创建阴影和高光。让我们考试测验一些不同的办法。我们选择屋顶,复制两个副本,通过ctrl加f吧他们移动到前面,然后把个中一个往边缘移动,留出你想要的阴影位置,这个时候选择他们用路径查找器里面的减去使其留下阴影部分,然后选中利用透明度掌握阴影。将透明度改成40%。模式改成颜色加深
step4. 以同样的办法, 给屋顶底部做阴影高光
step5. 记得给玻璃(这样玻璃会有透明的效果哦)还窗户加上高光阴影,到这里我们的小房子教程就结束啦,希望给对AI有兴趣的小伙伴们有所帮助!
想得到更多平面设计教程以及素材包,可以私信回答“pm”,
每天学习一点·点缀生活色彩
AI | PS |logo|设计|视觉|艺术|创意