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

临夏阿宝

临夏阿宝

2016-02-16 19:00

下面这个Illustrator绘制三维立体透视图教程教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

本教程主要使用Illustrator绘制线稿效果的立体透视图教程,教程难度一般,比较适合新手学习。同时教程介绍立体透视图的绘制方法也很有特点和创意,有基础的朋友可以看一下你有没用过这样的想法,或者是有没有想到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教程,图老师教程网

5、继续绘制对象的深度。这一步可能需要点技巧。按照透视图的映射原理,所有灭线消失于灭点之后,它们之间的距离是越来越窄的(图示)。你的灭点离的越近,灭线之间的距离就越窄。最好的方法就是一开始就计算好比例。

观察你所绘制的线条之间的关系,还有在你绘制的时候,观察每一条边的长度。这除了使用智能的方法之外,还有主要就是用肉眼观察。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

6、去除不需要的线条。我使用剪刀工具,剪切灭线。我删除了1条或者2条的长线条,因为如果之后你还需要建立的话,快速复制也是很容易的。使用白箭头,当箭头标记为白色的时候,对齐锚点。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

7、快速清理连接的点。使用直接选择工具选中2个锚点,然后按Ctrl+J(对象菜单路径连接)。如果弹出对话框的话,那么1个锚点正好是落在另一个锚点的上面,你可以创建出单个锚点。如果执行连接命令,而没有弹出对话框的话,那么这2个锚点之间就是离开了一定的距离,你也可以执行该命令,下面是使用单点透视绘制对象的结果。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

绘制2点透视图

1、画一条视平线,然后在这条线上选择2个点做为灭点。灭点所在的位置将会影响你的绘图结果,如果2个灭点之间的距离离的很近的话,那么图像将会严重扭曲。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

2、如果2个灭点离开对象的距离相等,那么你将会得到一个感觉平平,没有起伏变化,没有张力的图形。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

3、如果你想要得到一个具有张力的视图,那么2个灭点到对象的距离就不能相同。一个灭点离对象近些,另一个则应该远一些。这么做是很重要的,其次才是灭点。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

4、当你确定了灭点后,开始绘制形状前面的边,高度可以随意,但要计算好比例关系,以绘制形状余下的部分。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

5、绘制左边的灭点(LVP)到第一条线(形状前面的边)顶部锚点和底部锚点的灭线,绘制右边的灭点(RVP)到第一条线(形状前面的边)顶部锚点和底部锚点的灭线。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

6、绘制第1个大的形状。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

7、参考刚刚绘制的第1个形状,以绘制另一个大的形状。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

8、删除不需要的线条,然后添加细节。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

9、下图是使用2点透视绘制的对象。注意:外边要比内边粗。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

绘制3点透视图

1、建立视平线,先标记出第1、第2个灭点。第3个灭点可以是在视平线的上面,也可以是在视平线的下面,也可以离作品的中心很近。但在很多时候,第 3个灭点应该是远离页面的。它应该更多的起到的是一个提醒的作用,而不是主导作用。如果第3个灭点离视平线太近的话,对象就会发生严重扭曲。记住:使用第 3个灭点的最好时机就是,你绘制的对象非常大或者非常小。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

2、接下来的步骤和之前描述的绘制2点透视图的方法相同,但所有的直线必须消失于新的灭点。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

3、连接边到灭点,画出第1个大的形状。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

4、参考第1个形状,以画出另一个大的形状。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

5、使用剪刀工具剪掉不要的线条。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

6、使用直接选择工具,使所有的锚点对齐。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

7、现在对象看上去比之前的整洁多了,这样更容易进一步添加细节。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

8、剪掉不需要的部分。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

9、下图是使用3点透视绘制的对象。

Illustrator绘制三维立体透视图教程,PS教程,图老师教程网

尾声

我希望这篇教程能够帮助你学会在Illustrator中绘制透视图。这篇教程所使用的方法在很多行业设计中都能得到广泛的应用。我讲述的这篇教程只是基础教程。我希望在以后的教程中还能继续深入。

展开更多 50%)
分享

猜你喜欢

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

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

Fireworks绘制三维矢量透视图

电脑网络
Fireworks绘制三维矢量透视图

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

使用Illustrator绘制透视图教程

Illustrator CorelDRAW
使用Illustrator绘制透视图教程

设置三维视图教程

autocad教程
设置三维视图教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Fireworks 绘制3D透视图形

电脑网络
Fireworks 绘制3D透视图形

AutoCad设置三维视图教程

autocad教程
AutoCad设置三维视图教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AutoCAD基础教程:辅助绘图与坐标系统

AutoCAD基础教程:辅助绘图与坐标系统

Illustrator打造超酷的保时捷超级跑车

Illustrator打造超酷的保时捷超级跑车
下拉加载更多内容 ↓