ai建筑插画设计AI制作简约风建筑插画

作者&投稿:宦裴 (若有异议请与网页底部的电邮联系)
~ 效果图

Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置。

Step 02 创建背景
2.1 在绘制前,首先确定已在菜单栏->视图中开启了对齐网格功能。找到AI的图层面板,双击图层名称处,将名称修改为背景。

2.2 选中背景图层,使用矩形工具快捷键M,待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制800x600px的矩形,颜色填充为#F1EFE6。

2.3 找到对齐面板,将对齐方式设置为对齐画板,选中刚才绘制的矩形,分别点击水平左对齐和垂直顶对齐,将矩形与画板居中对齐,新建的矩形与画板上下左右完全重合,就是已经对齐了。

2.4 完成这一步后,选中该矩形,按Ctrl+2将矩形锁定,或在背景图层里找到矩形,将前面的小锁形状点上,完成锁定的操作。

Step 03 绘制右边红色房子
3.1 绘制房子主要墙体。新建图层,将图层命名为建筑物,并将该图层放在背景图层上面,这样接下来绘制出来的形状,将全部在背景层的上方。

3.2 选中建筑物图层,绘制建筑物主要的墙面。使用矩形工具快捷键M,绘制第一个矩形,宽度为68px,高度为225px,填充颜色为#F9AD8A。紧贴矩形右侧绘制第二个矩形,宽度为106px,高度为225px,填充颜色为#F28067。

3.3 接着绘制屋顶的形状。紧贴刚才左侧矩形的上方,绘制一个新的矩形,宽度为68px,高度为50px,填充颜色为#F39F7E,使用直接选择工具快捷键A选中矩形最上方两点,将点向右平移52px。

3.4 使用钢笔工具快捷键P,捕捉圆圈中的三个点,绘制一个三角形,填充颜色为#F28067。

3.5 给建筑物添加上窗户。绘制一个宽度为5px,高度为29px,填充颜色为#AE444D的矩形。紧贴第一个矩形右侧绘制第二个矩形,宽度为11px,高度为29px,填充颜色为#D65760。

3.6 选中两个矩形,Ctrl+C复制,Ctrl+F在原位复制一层,选中复制出的图形,使用键盘上的向上和向下键,将图形向下移动34px,之后通过选中矩形,拖动变换高度的方法,将高度调整为50px。

3.7 选中这两组矩形,继续Ctrl+C和Ctrl+F原位复制一层后,向右移动20px,将这四组矩形放在墙面上适当的位置,第一组窗户就绘制完成。

3.8 在窗户右侧绘制一个矩形,宽度为5px,高度为83px,填充颜色为#F79E85,在窗户下侧绘制一个矩形,高度为4px,宽度为41px,填充颜色为#F79E85。

3.9 用相同的方法绘制第二组矩形, 颜色与第一组相同,长宽数值设置。

3.10 绘制完成后摆放到合适的位置。

3.11 复制刚才的第二组矩形,Ctrl+G将其编为一组,Ctrl+F复制一组,右键->变换->对称。

3.12 将变换后的窗户左侧的颜色改为#F59080, 并给窗户加一层底色,颜色为#f9ad8a。

3.13 随后将位置移动到与第一组矩形下方对齐。

3.14 绘制屋顶上的窗户。新建一个宽度为19px,高度为15px,填充颜色为#D65760的矩形,用直接选择工具(快捷键A)选中矩形最上方两点,向右平移15px,随后Ctrl+C和Ctrl+F复原位一个该矩形,将填充颜色修改为#AE444D,并将矩形向左平移9px。新绘制一个矩形,宽29px,高10px,填充颜色为#FAB38E。

3.15 选中这三个图形,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。

复制一组该图形,选中右侧形状,Ctrl+Shift+将其置于顶层,并向左移动6px。

3.16 使用形状生成器工具快捷键Shift+M,按住Alt键,减去多余形状。

3.17 使用直接选择工具(快捷键A),拖动圆圈内的锚点,将其移动至所在位置。

3.18 使用同样的方法,完成第二排窗户的绘制,整体效果图。

3.19 绘制房子右侧圆形的天窗和门。使用椭圆工具快捷键L绘制一个宽26px,高35px的椭圆形,填充颜色为#AE444D,复制该椭圆,将其向左平移7px,并将填充颜色修改为#D65760。
选中两个圆,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状,做出圆形天窗。

3.20 使用矩形工具绘制一个四边形,填充颜色为#FAB38E。将左侧椭圆的图层顺序置于顶层,选中四边形和底部的大圆,再次使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。

3.21 新建一个宽38px,高75px的矩形,颜色填充为#fab38e,使用直接选择工具快捷键A选中上方两点,拖动使其成为圆角,圆角半径为19px。

3.22 Ctrl+C和Ctrl+F原位复制一层,填充颜色为#d65760,将其向左移动10px,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。

3.23 将绘制好的圆形天窗和门置于房子右侧合适的位置。

3.24 绘制房子上的白色的结构、烟囱和大门上方的遮阳篷。房子上部白色的结构拆分。

3.25 Ctrl+G将装饰物编成一组,使用复制和变换->堆成工具,共做出3组。将其顶部与房子墙体最上方贴合。

3.26 绘制房子的烟囱。

3.27 绘制大门上方的遮阳篷。绘制思路是:绘制一个高18px,宽152px的椭圆,颜色填充为#fff4d9。在椭圆形上方新建一个宽160px,高19px的矩形,用路径查找器->减去顶层,使椭圆减去矩形,生成形状。

3.28 继续绘制遮阳篷的其他细节。

3.29 使用直接选择工具(快捷键A)直接选中图形锚点,将没有对齐的点拖动至对齐,完成细节的修饰。

3.30 绘制大门上的栏杆和门铃。使用直线工具下的矩形网格工具,绘制一个横4竖5的矩形网格,并为其设置1px的描边,对齐方式设为「使描边内侧对齐」,颜色为#282828。

3.31 完成后,使用矩形和椭圆工具,为栏杆最右侧添加装饰。

3.32 选中全部图形,用一次对象->扩展外观,再重复一次对象->扩展,之后使用形状生成器工具(快捷键Shift+M),按住Alt键,删除多余部分。

3.33 绘制铃铛。绘制时先使用矩形和圆形工具,将基本形状画出来,合并形状,再通过倒圆角的方式使图形更自然,铃铛的填充颜色为#282828。

3.34 将目前已绘制的所有结构放在一起,并为房子添加上砖块装饰(矩形工具绘制),红色房子就完成了。

Step 04 绘制紫色房子
4.1 绘制主要墙体。绘制一个宽106px,高66px的矩形,填充颜色为#765684,接着用钢笔工具绘制一个宽106px,高50px,填充颜色#765684的三角形。

4.2 将上方三角形复制一层,填充颜色改为#483156,并向下移动13px。

4.3 绘制一个宽114px,高38px的矩形,矩形的最上方距离三角形顶部20px,选中矩形和三角形,使用路径查找器->减去顶层,让三角形减去矩形。

4.4 Ctrl+C和Ctrl+F复制这个新生成的三角形,将其向右移动10px,填充颜色改为#5a4069,选中两个三角形,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。

4.5 接着绘制窗户的细节。画出6个宽3px,高26px的矩形,颜色分别为#765684、#9572af、#765684、#9572af、#765684、#9572af。选中全部6个矩形和三角形,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。将目前已完成的墙面和窗户Ctrl+G编成一个组。

4.6 接着绘制屋顶。新建一个宽53px,高53px的矩形,填充颜色为#513860,将刚才编成组的墙面和窗户的图层顺序移动至顶层。

4.7 使用钢笔工具(快捷键P)连接圆圈位置的三个点,画出屋顶的高光,填色为#5a4069。

4.8 绘制一个宽5px,高53px,颜色为#765684的矩形,使用直接选择工具(快捷键A)选中最下方两点,向右移动56px。使第一个长条距离屋顶左侧10px,随后Ctrl+C和Crtl+F原位复制一层,并向右拖动14px,Ctrl+D重复一次当前操作。

4.9 同时选中三个长条和紫色矩形,使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状。

4.10 绘制烟囱。烟囱全部由矩形组成。完成后Ctrl+G将烟囱编成一组,将烟囱组的图层顺序调整到墙面图层的下方,这样烟囱就被墙面挡住了。

4.11 接着绘制门,完成后Ctrl+G将门编成一组。

4.12 添加细节。最后为房子添上门牌和矩形砖块做装饰。将门和门牌放到合适的位置,紫色的房子也完成了。

4.13 把紫房子和红房子放在一起,紫房子图层置于底层。

Step 05 绘制绿色建筑
5.1 绘制主要墙体。画两个宽59px,高386px的矩形,填充颜色分别为#7bbcbb和#63979f,绘制一个宽124px,高4px的矩形放于上方,填充颜色为#fcd5c4。

5.2 绘制一个宽7px,高386px的矩形,填充颜色为#578896,将其放置在左侧矩形的最右边。

5.3 绘制绿房子上的窗户。

5.4 Ctrl+G将窗户编成一组。Ctrl+C和Ctrl+F原位复制一个窗户,将其向右移动22px,这样第一排窗户就完成了。接着复制第一排窗户并向下移动38px,Ctrl+D重复之前的操作,总共复制出7排窗户。

5.5 Ctrl+G将这7排窗户编成一组。Ctrl+C和Ctrl+F原位复制一份,并将其移动到右侧墙面上。接着使用右键->变换->对称(垂直)使这组图形左右翻转。点开窗户单独的编组,修改窗户左侧竖和横的矩形条的的颜色(每一个都调)。

5.6 选中其中几个窗户,将窗户的颜色修改成#fcde84,使窗户有向外透光的感觉。

5.7 绘制绿房子房顶的结构。绘制一个宽35px,高42px的矩形,填充颜色为#7bbcbb,使用直接选择工具,选中最上方两点,将其变为圆角,圆角半径为17.5px,接着选中圆圈内两点,将点向下移动4px。

5.8 Ctrl+C和Ctrl+F原位复制一层该形状,将颜色修改为#578896,向右移动31px。

5.9 绘制一个宽32px,高42px,颜色为#578896的矩形,将矩形和右侧拱形的图层顺序向下移。

5.10 使用矩形和椭圆形工具,并使用形状生成器工具(快捷键Shift+M),按住Alt键,减去多余形状,完成房顶细节的绘制。

5.11 画小旗帜。使用钢笔工具绘制屋顶上的小旗帜,绘制思路如下(旗子的最后一步使用形状生成器工具减去多余形状),使用钢笔绘制时,在视图中取消对齐网格后再绘制。

5.12 绿色房子的全部结构就完成了,将所有结构放在一起,并加上砖块装饰。

5.13 将三座房子放在一起(图层顺序:红色在上,紫色在中,绿色在下),建筑物的绘制就全部完成了。

Step 06 添加背景装饰物
为插画添加上最后的部分:太阳、云朵、树丛和建筑物后面的装饰形状。使用圆形和矩形工具,再配合路径查找器就可以完成。选中背景图层,接下来所有绘制的内容都在这一层内。
6.1 绘制一个直径为432px的圆形,填充颜色为#cfe2d7。沿着圆形的最下边缘向上新建一个矩形,宽为442px,高为188px,颜色任意,这个矩形的作用是用于减去圆形。

6.2 选中两个形状,使用路径查找器->减去顶层,在圆上减去矩形的形状。

6.3 选中形状最下方的两点,将两个点变成圆角,圆角半径为20px。

6.4 画出太阳、云朵和树丛。首先绘制一个直径为172px,填充颜色为#feda8f的圆形做太阳。

6.5 云朵由圆形和矩形组成,绘制完成后,使用路径查找器->联集合并形状。

6.6 树丛的绘制思路与云朵相似,完成后,同样使用路径查找器->联集合并形状。

6.7 将太阳、云朵、树丛摆放到合适的位置,背景的装饰就绘制完成了。

Step 07 调整和导出
7.1 将完成的三座房子放置在背景之上,适当调整位置。

7.2 复制最左侧的云朵,Ctrl+X和Ctrl+F将这朵云剪切并原位拷贝到建筑物图层,这一步的目的是使左侧的云朵覆盖在绿色房子上。建筑风景小插画就完成了。

7.3 来导出图片。在菜单栏->文件->导出中选择导出为,将图片导出成png格式。

最终效果图


ai建筑插画设计AI制作简约风建筑插画
5.12 绿色房子的全部结构就完成了,将所有结构放在一起,并加上砖块装饰。5.13 将三座房子放在一起(图层顺序:红色在上,紫色在中,绿色在下),建筑物的绘制就全部完成了。Step 06 添加背景装饰物为插画添加上最后的部分:太阳、云朵、树丛和建筑物后面的装饰形状。使用圆形和矩形工具,再配合路径查找器就可以完成。选中...

ai简单建筑插画教程AI制作简单建筑插画
01 新建文档首先打开AI,点击文件>新建(Ctrl+N)创建一个新文件,并使用以下参数:画板数量:1 宽:800px 高:600px 单位:像素然后到高级选项:颜色模式:RGB 栅格效果:屏幕(72ppi) 预览模式:默认02 设置图层新建好画板完成之后,为了后期制作时清晰明了的找到对应的图形,将插画分为几个图层。找到“图层”面板,根据插画...

ai扁平化插画建筑物教程ai制作简约清新风格扁平建筑插画
用直接选择工具选中矩形的右上角的锚点,按方向键将其向下移动77px,再选中右下角的锚点,将其向下移动53px。然后将此形状的上边缘与建筑屋顶(最上边的黑色长条)的下边缘对齐,并与建筑蓝色部分的左边缘对齐。(2)宽75.5px,高21.6px,填充颜色#ed9d36。选中矩形的右上角的锚点,将其向下移动21px,再将右下角的锚...

Illustrator绘制渐变风格的建筑场景插画
步骤一、新建文档 1.1打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:步骤二、创建背景 2.1 在绘制前,首先确定已在菜单栏->视图中开启了“对齐网格”功能。2.2 找到 AI 的图层面板,双击图层名称处,将名称修改为【背景】。2.3 选中【背景】图层,使用矩形...

ai矢量插画教程AI绘制矢量风格简单建筑插画
第一步 打开AI及分好图层 首先打开Illustrator,点击文件>新建(Ctrl+N)创建一个新文档,使用参数。项目文件的设置完成后,将插画分为三个图层。塔主体,树及背景。点击右侧工具栏中的图层,点击红色地方新建图层,双击有字的地方重命名。第二步 绘制主体建筑 绘制塔形建筑时,确保选中的图层是塔。先用...

Illustrator绘制卡通风格的城市建筑插画
第一步:打开ai, 新建1200 x 600 的画布(快捷键command n)第二步:图层- 分层 我们新建画布后,需要创建一堆图层(10个左右),这将有助于我们更好地控制我们的构建过程。请转到"图层"面板,并使用以下名称进行设置:第三步: 制作画面远景建筑 把图层设置好以后,我们将开始对每个图层创建内容,首先...

ai绘制扁平化风格插画AI绘制渐变风格扁平建筑插画
步骤1 ——塔楼建筑先绘制前方的塔楼,从上到下开始绘制。第一部分。① 依次根据数据画出轮廓。选择对齐-水平居中对齐。② 全选,利用路径查找器的联集将整个形状连成一个形状。填充如图所示的渐变,体现出光源的感觉。③ 选择直接选择工具,出现小圈之后选择小圈拖动,矩形边角变成圆角,使整个形状变得圆润,更加自然。

ai绘制2.5d建筑插画-如何用AI绘制2.5D插画
我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。工具\/材料 Adobeillustrator 01 打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。02 创建完成之后,我们在左侧工具栏中选择“...

建筑ai插画-怎么用ai做插画
1、打开Adobeillustrator软件;2、用Ai软件绘制景观效果图的大致比例关系;3、绘制思路,先画整体比例,后画局部细节;4、用Ai软件填充大致的色彩关系;5、绘制思路,先画整体色彩关系,后画局部色彩光影;6、用Ai软件绘制细节的线稿;7、用Ai软件上色,完善局部细节的色彩关系。AI插画基础教程,教你简单搞定UI小...

建筑插画ai-如何用ai做插画
用ai做插画的步骤如下:操作环境:AdobeillustratorCC2017、ASUS华硕W508L、Windows8系统。1、首先绘制一个椭圆形,填充为白色。2、然后按住alt键拖拽复制,会发现这样裁剪得到的月亮边缘不够尖。3、将上方的椭圆缩小一下,然后再向下方移动几个像素。4、之后将两个椭圆全部选中,点击路径查找器里面的减去顶层...

来安县13222715540: 如何用 AI 做好建筑分析图 -
甄学己酮: 做分析图更为好用的一款是AI,步骤: 1. 编辑/预设管理器,追加“方头画笔”. 2. 2.切换到画笔工具,设置画笔. 3. (1)选择一个方头画笔 4. (2)改变角度和长宽比 5. (3) 调整间距 6. (4)切换到“形状动态”,将“角度抖动”切换到“方向”模式...

来安县13222715540: 求如何用软件(PS或AI)把一座建筑的轮廓描绘出来? -
甄学己酮: PS 的话 用钢笔工具,然后转化成选区.填充颜色就好 AI的话 也是用钢笔工具,然后填充颜色.AI 的话 注意一点 就是它是分填充和描边的

来安县13222715540: 目前建筑领域的AI应用有哪些?有没有实际的案例可供参考 -
甄学己酮: 目前国内的有小库科技,应用AI技术实现方案设计.另外还有众图互联的AI结构设计,优化施工图设计中结构工程师工作,对降低建筑成本,减轻结构设计师工作量.国外的应该也有,但是木有了解过,记得采用我的答案哦!

来安县13222715540: 如何让用AI做插画 -
甄学己酮: 这样说起来真的很复杂哦,但是不知道你这插画是需要哪方面的,大部分插画都会有ps与ai相结合的方式来弄的. 给你推荐一本我最近刚买的书,叫《Waver_h's华丽世界:Photoshop+Illustrator新锐思维与设计实录》,它是我国著名平面设计师胡一威作的,里面对插画作了比较细致的讲解.我想通过这本书你会学到更多,以后自己来设计插画,好棒的哦!!

来安县13222715540: ai 如何做出这种low polygonal风格? -
甄学己酮: 可以找一张图嵌入到AI中,然后用钢笔工具勾勒出大体的轮廓,紧接着具体的细化图像每个部位,然后连接三角面(都是使用钢笔工具勾勒),然后用吸管工具吸取周围的颜色进行填充就可以了.上面就是我用AI软件做的low polygonal风格的.其实就是绘制多边形,然后吸取周围的颜色来填充这个多边形(一般都是三角形).多边形的绘制一般根据图形色彩的变化,色彩变化丰富的话,可以绘制多点;反之,相反

来安县13222715540: AI是怎么给建筑户型上色的? -
甄学己酮: AI只有闭合空间才能符合你自己的心意上色,你可以用钢笔勾出要填色的区域,然后把边框颜色去掉就可以了.如果你的墙体是已经封闭的,那么是可以直接填色的.

来安县13222715540: illustrator ai怎么制作 -
甄学己酮: illustrator简称 AI,会PS的话,学起来会很顺手的,因为它们都是Adobe 旗下的著名软件.AI最强的是矢量图形制作方面,用的很多的,插画,logo设计,vi视觉形象等,文字与排版不是它的强项.能达到比较熟练的操作绘制各种图形基本就算掌...

来安县13222715540: ai如何制作 -
甄学己酮: 方法/步骤1 打开AI软件,新建文件,打上你要写的文字2 然后选中文字复制一个在旁边放着,待会儿有用,选中文字点击菜单栏-效果-3D-凸出和斜角.自己设置数据点击预览可见3 然后用钢笔工具对前面复制的文字部分进行分割.4 调整分割字体的颜色5 然后设置背景颜色,就完成了.另外我用分割的字体弄了另一种风格也是很简单的.

来安县13222715540: ai是什么软件 -
甄学己酮: AI是Adobe Illustrator 缩写,是Adobe公司制作的一款绘制矢量图形的软件.主要它制作平面图形.无论你是线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者,使用过Illustrator后都会发现,其强大的功能和简洁的界面设计风格只有Freehand能相比.现在很多平面设计师都在使用这款软件绘图!

来安县13222715540: PS跟AI有什么区别 -
甄学己酮: PS是Adobe Photoshop的简称,是Adobe Systems开发和发行的图像处理软件.它在图像、图形、文字、视频、出版等各方面都有涉及.AI全称是Adobe Illustrator,是最流行的矢量图形编辑器之一.全世界有成千上万的人都在使用它.1、从诞...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网