使用Illustrator绘制透视图教程

2016-02-16 19:43 147 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享使用Illustrator绘制透视图教程教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Illustrator 】

在这篇教程中,我会教你如何使用Illustrator绘制透视图,我会教你绘制透视图的绝佳的方法。我们会先说一些透视图的理论知识,然后再来说说单点透视图,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个锚点之间就是离开了一定的距离,你也可以执行该命令,下面是使用单点透视绘制对象的结果。

使用Illustrator绘制透视图教程,PS教程,图老师教程网

绘制2点透视图

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

使用Illustrator绘制透视图教程,PS教程,图老师教程网

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

使用Illustrator绘制透视图教程,PS教程,图老师教程网

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

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

使用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、使用直接选择工具,使所有的锚点对齐。

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

使用Illustrator绘制透视图教程,PS教程,图老师教程网

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

使用Illustrator绘制透视图教程,PS教程,图老师教程网

使用Illustrator绘制透视图教程,PS教程,图老师教程网

8、剪掉不需要的部分。

使用Illustrator绘制透视图教程,PS教程,图老师教程网

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

使用Illustrator绘制透视图教程,PS教程,图老师教程网

尾声

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

来源:http://www.tulaoshi.com/n/20160216/1572775.html

延伸阅读
最终图像预览 下面是最后的效果图,我们将努力争取。在本教程中,我们将创造一个良好的一个图标。 使用实时上色工具后, 你的矢量图形会变成一个层在一个组里,要解决这个问题把他们分开 执行 对象 实时上色 扩展. 这将转换成正常的组使用你的油漆桶工具. 然后继续和独立的粉红色填充到其他层,重新命名为base. Step 5 -底纹 我们...
标签: Illustrator
最终效果图 好,步入正题 一、创建 打开AI软件 COMMAND+N 创建800x800px的画布 1、选择视图-显示网格   使用椭圆工具(L),创建165x165像素的圆.这个是猫头鹰的头部.然后,创建另一个147x147像素圆的身体.同时选中这两个圆圈,双击第一个圆激活它,并使用对齐面板(窗口-对齐),单击水平剧中和垂直居中. ...
本教程,我将教你怎么样绘制记事簿。这篇中级教程利用了一些基本形状,然后使用倾斜变换,运用效果制作皮革纹理。好了,让我们开始吧! 下面是我们要绘制的最终成品图。 1、新建文档,使用矩形工具(M)绘制一个宽380*高500px的矩形。 2、选中新绘制的矩形,执行效果菜单风格化圆角。下一步,在圆角对话框中,半径更改为30px。现在执行对...
本教程主要使用Illustrator绘制抽象唯美的插画教程 ,教程难度不大,绘制出来的插画效果还挺漂亮的,转发过来和的朋友们一起分享学习了。 先来看看最终的效果图吧: 在这个教程里,我将解释怎样创建一个有各种元素组成的画面,并且赋予各种性格。 这么独特的效果,是来源于自然界的图形和你想想的元素的组合,但是你也可以选择你喜欢的其...
本教程主要用Illustrator绘制矢量木质纹理的方法,这是一篇关于如何制作矢量纹理的教程。其中只是用到了绘画笔和变形工具而已。这种方法很简单,不过实用性和适用性却很好。在标识,图标或界面的应用上都能有很好的表现。

经验教程

431

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部