flash动画中,成角透视的背景如何绘制?
文章类别:
Flash | 发表日期:2008-9-21 15:03:14
flash动画中,成角透视的背景如何绘制?
解决思路
我们向大家介绍了平行透视的画法。在焦点透视中,还有另外一种透视方法比较常用,那么就是成角透视。成角透视与平行透视不同。平行透视是六面体的一个面距离我们最近,这个面没有透视变化。而成角透视是六面体的一条边棱距离我们最近,这条边棱没有透视变化。
具体步骤
首先我们来向大家介绍一下直角平行六面的成角透视绘制方法。
1、运行flash??mx。文档属性默认。
2、利用直线工具在场景中绘制一条水平线,这条水平线就是视平线。关于视平线的理解,可以参看上一节中的内容。如图2.4.213所示。
图2.4.213?????绘制水平线
3、在水平线的两端,确定两个不重合的点。这两个点就是余点,我们把左面的点命名为余点1,右边的点命名为余点2。如图2.4.214所示。
图2.4.214??????确定余点
4、我们绘制物体在视平线下方的成角透视。也就是说,绘制者(镜头)是在所要表现的物体的上方。我们在视平线的下方,两个余点之间绘制一条垂直线段AB。如图2.4.215所示。
图2.4.215?????绘制六面的一条边棱
5、由A点分别向余点1,余点2连线。由B点分别向余点1,余点2连线。如图2.4.216所示。
图2.4.216????与余点进行连线
6、利用垂直线段来截取六面体两侧的宽度。原则上是距离某个余点近,那么它的侧面就小。反之则宽一些。(特指正方体)。如图2.4.217所示。
图2.4.217???截取六面体两侧宽度
7、由刚才绘制的两条垂直线段的顶点分别向余点1,余点2连线,绘制出六面的顶面。如图2.4.218所示。
图2.4.218?????绘制六面体的顶面
8、到此为止,我们已经把直角平行六面体的成角透视图绘制出来了。那么这个成角透视在FLASH创作中,有什么作用呢?下面我们就用这种方法来绘制一个桌子。在上一节中,我们也曾经绘制了一个桌子,那个桌子呈现的是平行透视,今天我们要绘制桌子的成角透视。
9、我们按照步骤1至步骤7的方法绘制一个直角平行六面体的成角透视图。如图2.4.219所示。
图2.4.219????六面体的成角透视图
10、由最开始绘制的那条垂直线段开始,进行调解。如图2.4.220所示。
图2.4.220???根据透视图进行调解
11、最后完成图。请参看源文件“桌子”。如图2.4.221所示。
图2.4.221??透视完成图
12、直角平行六面体的成角透视与平行透视同样,由几种非凡的透视情况。当直角平行六面体正好在视平线上的情况。例如楼房。那该怎么绘制呢?其实道理都是一样的,首先绘制视平线,确定余点,然后分别连线。如图2.4.212所示。
图2.4.222???绘制六面体在视平线上的透视图
13、在这个六面体的透视图的基础上进行简单的修饰,就完成了楼房的成角透视图。请参考源文件“楼房”。如图2.4.213所示。
图2.4.223???楼房的透视图
14、另一种情况就是用于绘制房屋内部的透视图。这种透视图利用了六面体在正常情况下我们看不到的面的透视来完成的。
15、我们在绘制一个六面体在视平线上的透视图。如图2.4.214所示。
图2.4.224??????绘制六面体全部面的透视
16、我们删除可以看到的面。如图2.4.215所示。
图2.4.225?????删除最前面的两个面
17、不知道朋友们现在可否可以看出来,这个图形是一个房间的透视图。
18、我们现在在房间里面绘制一些修饰物体,对于理解成角透视图会有所帮助。如图2.4.226所示。
图2.4.226???完成透视图
19、最后完成图请参看源文件“房间”。我们把绘制的透视图放大,就可以应用到场景中了。如图2.4.217所示。
图2.4.227???透视的应用图
注??意?——?直角平面六面体的成角透视图中,除了垂直线相互平行以外,其他的线条我们都要根据两个余点来绘制。
提??示?——?进行连线的时候,我们可以新建一个图层来绘制,这样可以方便一些。
非凡说明
我们向大家介绍了直角平行六面体的成角透视的绘制方法。总结一下,成角透视中有两个消失点,分别是余点1和余点2。对应的就会有两组变线,这两组变线都不是平行的。六面体有一个变棱距离我们最近,所以我们忽略的人为这条边没有透视变化。请参看图2.4.218所示。
图2.4.228???直角平行六面体的成角透视图