您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

建筑_AI制作扁平风建筑效果

时间:01-15来源:作者:点击数:

效果图

AI制作扁平风建筑效果

STEP 01

打开AI,新建一个文档,以长宽1600px开始,如果画板需要调整可以再次伸缩。

确定要画对象的透视参考线。由于建筑是基于立体空间的存在对象,因此透视的法则在绘制过程中需要全方位的考虑到。

AI制作扁平风建筑效果(1)

只要找准了三条轴线,画面当中的元素就可以经由这三条轴线来进行绘制。

STEP 02

先绘制出外边框,边框线的粗细为0.25pt即可。然后将X,Y,Z轴用直线工具画出来,画出的三条直线选中,单击鼠标右键,选择【建立参考线】。这时的三条线就变为了高亮蓝绿色。

画好后注意不要随意更改它的方向,最好就是将其进行锁定,需要时再解锁进行调整。将这个图层进行锁定,在新的图层里开始绘制。

AI制作扁平风建筑效果(2)

STEP 03

开始绘制建筑的大形轮廓,也是采用线框的方式进行表现即可,先绘制轮廓,然后才进行填色。线框的粗细保持0.25pt。

这时要灵活运用的是透视参考线,根据照片中XYZ轴提供的方向参考,建立起透视原则。

AI制作扁平风建筑效果(3)

三、给大形上色

STEP 04

给整个画面定下的色彩基调是偏橙红色的,背景的蓝色。橙红色系用了三个不同的颜色分别来表现浅色、中间色和深色。

AI制作扁平风建筑效果(4)

四、细节的塑造

STEP 05

绘制最左边建筑的窗户,窗户在这里表现出的并不是一个完整的矩形,而是光线照射过来出现的窗户的阴影部分,也就是运用暗色进行描绘。绘制过程中需要参考线的全程辅助。

其中一个窗户的画法是从一个矩形开始,然后再复制一个矩形,通过矩形间交叠的形状获取我们想要的最终形状。然后将单个窗户进行复制,在参考线的帮助下排列在适合的位置。

AI制作扁平风建筑效果(5)

STEP 06

然后补齐这部分的所有窗户的细节部分,第一排窗户通过复制完成简单的变形即可。

AI制作扁平风建筑效果(6)

STEP 07

最左边这栋建筑的下半部分,这是一个凸出的小屋檐,造型比较复杂,但是组成的元素都是很简单的。从屋檐开始进行绘制。注意下方的边缘线的倾斜,这组造型中很多倾斜的平行四边形都是从矩形得到的。

AI制作扁平风建筑效果(7)

STEP 08

给屋子添加投影,投影的部分采用渐变的填色,会更靠近写实的感觉。

AI制作扁平风建筑效果(8)
AI制作扁平风建筑效果(9)

STEP 09

左边开始第二个建筑体,它的细节稍微简单一点,处理上面的三个窗户的细节。做法和之前做窗户的手法一样,只是这里保留了窗户玻璃的部分。

画好了以后将这个窗户部分垂直排放三个在第二个建筑体上。

AI制作扁平风建筑效果(10)

STEP 10

第二个建筑体的前方还有一个小的突出的建筑体,它是附着在第二个建筑体前面的。这个建筑体的正前方在做大形的时候把它画出来了,这时只需要补全剩下的形状细节就可以了。注意在每个方向上边缘线要与画面中同一个方向的边缘线保持平行。

AI制作扁平风建筑效果(11)

STEP 11

增加这个建筑体侧面窗户,这里的窗户的画法和之前的窗户也有一些不同,因为它们的方向不一样,所需要的参考线也不一样。

AI制作扁平风建筑效果(12)

STEP 12

窗户完成后,还有窗台的部分,窗台是伸出来的,空间感稍微复杂一点。把窗台的部分也增加上去。

AI制作扁平风建筑效果(13)

STEP 13

放置两个窗户在这个侧面,然后为这个建筑体增加一个投影。投影的填色方式依然为渐变填色。投影上方的边缘线可以不必和其他平面保持空间上的三维关系。

AI制作扁平风建筑效果(14)

STEP 14

这个建筑体上的窗户部分在整个画面中都处于一个视觉焦点的位置,因此要注意这里的细节。

AI制作扁平风建筑效果(15)

STEP 15

继续增加向上的细节,利用相同的方式来绘制。运用矩形的部分是窗户的绘制,而其他的非几何形的部分就采用钢笔工具进行绘制。

AI制作扁平风建筑效果(16)
AI制作扁平风建筑效果(17)

STEP 16

这个建筑体的右侧也有很多细节,和之前所绘制细节的方法八九不离十,方法都是一样的。

AI制作扁平风建筑效果(18)

STEP 17

完善最右边的细节,投影以及其他的墙体部分。

AI制作扁平风建筑效果(19)

五、制作点睛之笔

STEP 18

为了让焦点部分更为吸引人,给右边的侧面墙体增加一道阳光。这里制作一个形状在侧面的墙体上,不要盖住窗户。也就是让这个形状保持在窗户的下方,给它填充一个渐变色。渐变色两端的颜色保持一致,只是其中一端的透明度为0。

AI制作扁平风建筑效果(20)

STEP 19

整理一下最后的细节,颜色、形状等。

AI制作扁平风建筑效果(21)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门