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

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

当前位置 : 乐点彩票PC蛋蛋 > 矢量绘图 > 正文来源:网络作者:网络时间: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绘制立体城市建筑场景图片

回顶部
网站地图 申博手机苹果版 乐点彩票手机下注 乐点彩票二分彩
申博官网注册主页 申博官网登录 太阳城游戏介绍 菲律宾申博代理开户合作
彩22台湾5分彩 新疆11选5登入 中国体育竞彩网 必赢亚洲官方登入
乐点彩票斯洛伐克 亿元彩票斯洛伐克 亿元彩票上海快三 乐点彩票澳洲3分彩
乐点彩票新疆时时彩 亿元彩票低频游戏 乐点彩票手机下注 乐点彩票上海快三
987PT.COM 67jbs.com 1112934.COM 585sj.com 199TGP.COM
855TGP.COM 898cw.com 205SUN.COM 557XTD.COM DC398.COM
1112126.COM 888sbib.com S618G.COM 858XTD.COM 309SUN.COM
298psb.com 178sunbet.com 178sunbet.com 181cw.com 307SUN.COM