Illustrator绘制立体城市建筑场景图片

来自:互联网
时间:2019-08-26
阅读:

等距视角(Isometric)风格也成为等轴测图,为了增加立体感而采用45度视角,拥有出色的视觉表现,尤其适用于地图、城市的图形展现,同时使用3D制作工具设计的效果也会更加吸引眼球。除此之外很多精美游戏的场景设计也会用到这种视角,让人欲罢不能,当然简单的等轴测图可以运用PS、AI等平面绘图工具制作。

先看看效果图

Illustrator绘制立体城市建筑场景图片

步骤 01

新建一个1600×1200px的画布,颜色模式为RGB。

Illustrator绘制立体城市建筑场景图片

接着在画布上建立参考线,用钢笔工具画出一条竖直的直线,按住 alt 向右平行复制一条直线,选中复制出来的直线,然后按 ctrl+d 重复之前的步骤,得到若干条平行直线,线的数量必须为奇数,然后全部选中编组。得到下图 1 后,按 ctrl+f 复制出相同的两组直线,分别将角度改成 105.4 和 -105.4 ,并将原本竖直的那组直线删去,留下图2。

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

选中两组直线,简体版ai选择视图-参考线-建立参考线,将图层命名为参考线,并锁定图层。

Illustrator绘制立体城市建筑场景图片

步骤 02

沿绘制好的参考线画一条直线,按住shift可以画竖直的直线。

Illustrator绘制立体城市建筑场景图片

通过参考线的交点画出一个面。

Illustrator绘制立体城市建筑场景图片

根据绘制出的一个面绘制出一整个长方体。

Illustrator绘制立体城市建筑场景图片

按住shift用直接选择工具选中相应的锚点,可以改变形状。

Illustrator绘制立体城市建筑场景图片

以上就是绘制2.5d建筑的基本操作。

步骤 03

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

用由步骤二得到的长方体,按住shift选中如图锚点,向下拖动的过程再次按住shift,形状就可以固定竖直向下拖动,由此得到图二。

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

选中建筑亮面最右边的两个锚点沿参考线角度平行拖动得到图二,暗部面也是同样的方法拖动暗部面最左侧锚点向左拖动。

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

选中顶部面如图两个锚点沿暗部面角度向左拖动,拖至和图二暗部面左上角的点重合,另外一部分也是同样,这个建筑的基本几何外观就做出来了。

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

Illustrator绘制立体城市建筑场景图片

画屋顶的时候如果遇上这种尖顶,不能确定中心点在哪的时候,可以先在上一步已经做好的形状的顶部用钢笔工具找中心点,在中心点竖直向上绘制一条直线,这样绘制的亮面和暗面的屋顶就可以很容易找到中心点。

返回顶部
顶部