Illustrator绘制时尚的城市建筑效果图

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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

先看看效果图

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

步骤 01

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

步骤 02

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

步骤 03

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

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

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

Illustrator绘制时尚的城市建筑效果图,PS教程,思缘教程网

 收藏