PS设计教程网欢迎你!

Illustrator绘制扁平化风格的建筑图(3)

文章来源于 优设,感谢作者 大玲子 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2020-03-19
3.4.2 使用【直接选择工具】,按住Shift,选择左侧两点,【水平居中对齐】;同样选择右侧两点,【水平居中对齐】; 3.4.3 绘制长度为 3px ,高度为 53px 的矩形 2 ,颜色填充 #ffffff ;与上一个矩形【相交】,使用【

3.4.2 使用【直接选择工具】,按住Shift,选择左侧两点,【水平居中对齐】;同样选择右侧两点,【水平居中对齐】;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

3.4.3 绘制长度为 3px ,高度为 53px 的矩形 2 ,颜色填充 #ffffff ;与上一个矩形【相交】,使用【路径查找器–形状模式-联集】,

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

3.4.4 绘制好屋顶部分,选取屋顶部分,鼠标右键进行编组;

建筑的基础造型,绘制完毕!

Illustrator绘制扁平化风格的建筑图

接下来开始丰富建筑的细节,往下看哦!

3.5制作红色墙面细节

分析:红色墙面的细节比较多,主要分为「红墙纹理」、「红墙木框」、「红墙窗户」、「红墙阴影」等四大部分。

Illustrator绘制扁平化风格的建筑图

3.5.1绘制红墙窗户

分析:红墙的窗户部分,分为窗户的基本型、窗户的内部光影、以及窗户的窗栏,三大部分;接下来一一绘制。

Illustrator绘制扁平化风格的建筑图

3.5.2 绘制窗户的基本型;

3.5.3 绘制长度为 130px ,高度为 107px 的矩形 1 ,填充颜色为 #ffa05f ;

Illustrator绘制扁平化风格的建筑图

3.5.4 再绘制一个长度为 119px ,高度为 97px 的矩形 2 ,填充颜色 #2a3c99 ;

Illustrator绘制扁平化风格的建筑图

3.5.5 选取两个矩形,【对齐–水平居中对齐–垂直居中对齐】;

Illustrator绘制扁平化风格的建筑图

3.5.6 选取矩形2,【对象–路径–偏移路径】,偏移 -4px ,得到矩形 3 ,填充颜色 #743a89 ;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

3.5.7 调整窗户的位置:窗户距离红墙右边沿 8px ,距离红墙下边沿 34px ;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

3.5.8 窗户的基本型绘制好了,接下来开始绘制窗户的内部光影

3.5.9 绘制「窗户内部光阴」

3.5.10 接着 Ctrl+C, Ctrl+F 原位复制偏移得到的矩形 3 ,填充颜色 #190968 ;

Illustrator绘制扁平化风格的建筑图

3.5.11使用【直接选择工具】,将右下角锚点向上平移 31px ;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa