如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:ylgjgwdr.xsb578.com

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

当前位置 : 永利国际官网登入 > 矢量绘图 > 正文来源:网络作者:网络时间:2019-08-23人气:

等距视角(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绘制立体城市建筑场景图片

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

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

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

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

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

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

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

 

画一个椭圆,最好跟原图屋顶紫色部分的形状弧度比对着画,接着绘制一个矩形挡住椭圆的下半部分,置于顶层,路径查找器-形状模式-减去顶层,得到图三的半个椭圆,拉一条横向的辅助线至一半稍下一点的位置,分别竖直向下调整左侧锚点和右侧锚点至辅助线的位置。

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

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

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

?????在半圆左右侧分别加一条竖直辅助线,画一个椭圆,宽度与半圆平齐。将两个形状的左右顶端分别合并,选中通过路径查找器联集。????????

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

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

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

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

阴影部分先将形状复制一层,等比例放大(上图修改颜色是为了方便看清上下层级关系)并放至图中位置,置于顶层,将下面一层复制一层,选中复制后的形状和顶层形状,通过路径查找器-形状模式-减去顶层,再将得到的形状修改颜色即可。?

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

这些形状和上一步一样,通过路径查找器-形状模式-减去顶层得到。

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

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

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

回顶部
网站地图 九五至尊娱乐手机版登入 申博代理官网登入 永利贵宾会登入
星际娱乐平台 申博娱乐软件下载官网 宝马娱乐平台 澳门赌场登入
西南皇冠投注网开户 亚美娱乐永远多一些 金煌国际棋牌 777.cm电子游戏的网址
永利开户平台登入 新葡京娱乐平台登入 新葡京网上娱乐登入 新葡京游戏手机版登入
永利博开户网址 澳门永利娱乐登入网址 永利游戏微信充值 永利宝现金网登入
111xsb.com 99sbsg.com XSB255.COM 292SUN.COM XSB889.COM
XSB385.COM 8ATSS.COM XSB118.COM 1999DZ.COM 968psb.com
81ib.com 987PT.COM 888xsb.com 333TGP.COM 297PT.COM
578DC.COM 8KTS.COM 218PT.COM 271SUN.COM 575sj.com