[转载]使用illustrator和正交投影原理以及基本三视图制图

原文出处:http://www.vanqy.cn/index.php/2009/03/working-with-orthographic-projections-and-basic-isometrics/

正交投影图(Orthographics)

正交投影图的工作原理是通过几个不同的视图来描述一个物体看起来是什么样子的。正交视图一般又称为工程制图或者俯视图。借住一组正交视图和Illustrator可以很方便的画出从任何角度所观察到的三维物体。创建精确的3D模型通常就需要借住正交视图。

正交视图是一种很好的使用2D方式去表达3D物体,通常一套的正交视图包括按比例绘制的顶视图,前视图和侧视图。isometrics001

 

一组正交视图可以由多于三张的视图来描述一个更加复杂的物体,特别是物体具有独一无的视图面时仅仅靠三张视图是无法正确描述一个物体的。isometrics002

假如你手上有一套清晰完整的正交视图,那么你就可以按照工程的要求用任何方法绘制出从任何角度观察物体所得到的结果。相反,如果你打算画一个物体的正交视图,那么你首先要准确的量出物体的长宽等形成一系列数据,以便于绘制正交视图。借住尺子和圆规来测量物体的表现,并做好记录,甚至可以画出草图,一旦你完成了这些有用的基本数据的收集,就可以着手在Illustrator里绘制它们了——这就把我们带入了等角投影视图的世界 (the world of isometrics)。

等角投影视图源自于不等角投影视图系统(axonometric projection)。等角投影视图起源于希腊人的等测法(equal measure),这是因为等角投影视图系统不是建立在消失点系统(其实就是透视系统也有人称为没影点系统)之上的,它是建立在一组由倾斜了30°的直线所组成的交叉网格之上的。isometrics003

等角投影系统给人的第一感觉是有点“失真”,当把一个透视效果的正方体和等角投影系统下的正方体放在一起时,这种感觉就更加明显了。如果你打算在等角投影系统上绘制图形,那么就意味着会有某些“失真”,但正是这种“失真”赋予等角视图独特的视觉感受。等角投影系统下绘制出的物体有一个巨大的优点,就是当你完成一个物体的绘制后,无论你把它放置于什么地方它看起来总是一样的。

等角视图没有消失点也没有水平线,而且一个物体在你的纸板上的任何位置看起来都是一样的。这是非常重要和实用的,因为你只要绘制一个物体一次就可以,然后在有需要的地方复制一份就可以了。比如说你只要画好一个螺丝,然后你可以复制出100个,可以把它们放在任何一个位置,保证它们看起来都是一样的。这是非常强大的工具,在提升工作流程和动作效率上有着不可估摸的力量。

当然,也有其他一些不依赖于透视系统(这意味着没有消失点也不需要水平线)的制图系统,这些制图系统都给我们还来了不同的便利。但是等角投影系统制图的方法是这些系统中唯一一个不仅对专业插画师有着巨大作用,对于其他图形艺术家来说也是非常实用的技能。等角投影系统制图原理的早期应用的结果是产生了“等角投影系统亚族”——所有早期图形游戏——以及像素画艺术和不计其数的像素画艺术家。特别是越来越多并且越来越流行的被广泛应用于杂志和报纸的信息提示图的出现,等角投影系统制图的方法正被没有专业插画制图背景的图形艺术家制作出来。

在等角投影系统下制图

好了,对上面的知识有了基本的了解之后可以动手制图了,制图的良好开端是先在illustrator里绘制30°网格。

1.首先设置一下首选项参数(Ctrl+K),把键盘增量设为1英寸,大多数情况下这要调整两个地方:

isometrics004

isometrics005

2.使用直线工具在页面任意位置单击,将弹出一个对话框,设置长度为20 in,角度为30°:

isometrics006

3.把画好的线段移至页面的左边,按住Alt键的同时单击向右键,复制出一排:
isometrics007

isometrics008

4.你可以重复第3步的方法画出一排另一方向的直线,但角度是150°。或者选中所有已复制的线段,双击工具箱的镜像工具,在弹出窗口中选择沿垂直轴复制一份:
isometrics009

5.现在,你就拥有一个等角投影系统网络。选择所有线段,按下Ctrl+5,把线段转换成参考线:
isometrics010

6.现在我们可以在这个网络上干活了,目标是画一个小正方形。用钢笔工具画一个四边形,并用直接选择工具调整好位置:
isometrics011

isometrics012

7.用同样的方法画出正方形的另外两个面,具体请看图示,我想这比语言描述来得更加直观清晰 ;)
isometrics013

isometrics014

8.选中上面画好的距形,按下Ctrl+G快速编组,然后就可以复制几个调整一下大小,自由进行组合了:
isometrics015

稍微润色一下:
isometrics016

复杂型三视图

1.依靠illustrator自身的网络画一个基本的三视图:
isometrics017

2.首先画出第一个面,数出这个面在三视图中所占的格数,然后借住直接选择工具调整位置:
isometrics018

接着画:
isometrics019

isometrics020

3.看一下完成图和三视之间的关系:
isometrics021

4.多练习:
isometrics022

5.一点感想:

细心耐心,后面稍微复杂的例子在第一次画时可能会有点无从下手,也可能会画不出正确的透视,但细心的你一定会发现,其实在等角制图系统中面的某些边和三视图是有一样的格子数的,抓住这一点,就可以很容易的画出立体图了。

posted @ 2010-07-12 20:39  菩提树下的杨过  阅读(4011)  评论(0编辑  收藏  举报