Illustrator绘制三维立体透视图教程

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

教程主要使用Illustrator绘制线稿效果的立体透视教程教程难度一般,比较适合新手学习。同时教程介绍立体透视图的绘制方法也很有特点和创意,怎么学UI,有基础的朋友可以看一下你有没用过这样的想法,或者是有没有想到AI里绘制立体透视图还可以这样来操作,好了,有兴趣的一起来看看吧:我们会先说一些透视图的理论知识,然后再来说说单点透视图,2点透视图,3点透视图的实例。

绘制透视图主要有2个方法。一种是使用消失点(灭点)和视平线构建对象的不需要测量的绘图方法,另一种是比较精确的数学运算方法。选择最佳的绘图方法——无需测量的方法,这是本文的重点。

这个方法的主要特点是它有很强的灵活性。你可以使用它快速地绘制一个作品,或者你可以使用它绘制线稿。不过你要记住,如果你的成品图需要非常精确的测量的话,那么这个方法就不是最佳的选择。比如:绘制工程图纸或者蓝图。

本教程,我不会去讨论那些精确的、使用数学运算的方法,所有的这些方法中,重点都是集中于视平线的法则。好了,让我们使用Illustrator来深入了解使用无需测量的方法吧。

建立视平线

绘制一个透视图是很简单的。

1、从标尺的顶部往下拖拽出一根标尺线,把它做为视平线。如果你没有显示标尺的话,可以使用Ctrl+R或者执行“视图”菜单>显示标尺。然后从标尺的左边拖拽出标尺线,以标记灭点。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

2、在画板的任一位置绘制2锚点的线条(直线),然后,使用白箭头(直接选择工具),选中直线的一个控制点(锚点),把它拖拉到水平和垂直标尺线的交叉点。当你点到交叉点的时候,箭头标识将会发生改变。现在你就有了灭线了。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

3、现在使用同样的方法,绘制其它的灭线(VP)。完成后,取名为“视平线”,并且创建一个新的图层。

选择“视平线”图层上的所有线条,然后在该图层上点击彩色的框框,并且把它拖拽到新的图层上。但在你执行之前,按住Alt键。这将把所选项目复制拖拽到新的图层上,并且在同一位置上(和原图层的位置相同)。锁定“视平线”图层,然后继续绘制。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

绘制单点透视图

1、绘制视平线,并且在这根线条上选择一个点,把它做为中心的焦点,这将做为你的灭点。

2、这一步,你先要确定你的对象出现在画面的哪一个位置。如果你把对象放在视平线的上面,那么你就是仰望它的;如果是在视平线的下面,那么你就是俯瞰它的。继续绘制,放置你的对象。

下图是我要绘制的对象。左边的3个图是对象的基本图形,它们分别表示对象的顶部、侧面和前面的视图。右图是对象的等角视图。这只是一个参考。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

3、在你决定的位置上,绘制对象的前视图。前视图没有灭点,垂直是垂直,水平是水平。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

4、把前视图的一些控制点(锚点)和灭点相连。我发现了控制点和灭点相连的最佳方法就是,固定一个锚点,然后复制直线。这么做呢,你直线上有一个锚点是在灭点上的。

使用直接选择工具,选中锚点(不在灭点上的锚点),然后移到对象控制点(锚点)的附近。这时,在你释放鼠标前,按住Alt键,复制直线。

这里有一个小问题,因为如果你一开始就按住Alt键在锚点上点击的话,你将会移动整条直线。只有在你开始移动锚点时,再按住Alt键才能正常操作。在你制作出副本后,使用直接选择工具使灭线上的锚点和对象上的控制点(锚点)对齐。


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网


Illustrator绘制三维立体透视图教程,PS教程,思缘教程网

 收藏