Flash教程:动画背景的绘制方法之透视篇(给新手)

所属分类: 媒体动画 / Flash教程 阅读数: 111
收藏 0 赞 0 分享

  Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。Flash也从一种工具软件成为朋友们抒发情感、展示自我的理想途径。在flash作品创作中,朋友们非常注重作品人物塑造,而忽视了动画背景的绘制。

  动画背景是指除动画角色以外的所有事物,是一部动画作品不可或缺的关键因素。合理准确的动画背景,可以烘托动画主题,增强动画气氛的作用。

  动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。

  平行视角的动画背景

  平行视角是指镜头(欣赏者的视点)与画面保持平行。他的优点是稳定、容易让大家接受。缺点是频繁的使用平行视角,会引起动画整体的平叙、毫无生气。下面我们就来绘制一个典型的平行视角的动画背景图。

  (因为flash版本在绘图上面影响不大,所以本例采用mx中文版)

  1、 运行flash mx,文档属性默认。

  2、 在舞台中绘制一条水平线,把这条水平线命名为视平线,视平线就是观察者眼睛的高度。位置如图1所示:

  3、 在视平线上确定两个不重复的点,命名为余点1和余点2,这两个余点就是绘制背景的消失点。如图2所示:

  4、 在舞台中利用几何图形绘制一个楼房的背景。自然界中任何物体的外形都可以利用几何图形来表现的。利用几何图形来进行绘制也是初学者的一个良好的习惯。

  在视平线上绘制一条垂直线段,这就是我们将要表现的楼房的高度。垂直线段的y轴位置要根据你要绘制的楼房的高度。

  例如楼房高度时17米,你的视平线高度时1.7米(也就是你眼睛于地面的垂直距离),那么你的这个垂直线段的y轴位置就要在1/10处。如图3所示:

  5、 有这条垂直线段的顶点和底点分别于余点1和余点2连接虚线,这四条连接虚线就是物体的消失方向。如图4所示:

  6、 在垂直线段的两侧,使用垂直线段截出楼房的两个侧面。与余点距离近的侧面要小一点,这是由于透视变形产生的。如图5所示:

  7、 把垂直线段截取到的连线修改为实线。这样一个直角平行六面体我们就绘制完成了。如图6所示:

  8、 这还不是一个楼房的图形,我们还要继续修饰。在中间的垂直线段上我们均匀的设置10个点。如图7所示:

  9、 然后由每个点向余点1和余点2做连线,也就是我们要绘制楼房上面的窗户的消失线。如图8所示:

  10、 把楼房图形范围内的虚线修改成实线。如图9所示:

  11、 现在我们来确定楼房窗户的水平间隔距离。由于楼房产生了透视变形现象,所以原本水平间隔相等的距离,变得距离余点越近,距离越小的现象了。如图10所示:

  12、 最后,把多余的线条删除,楼房的线图完成。如图11所示:

  13、 利用油漆桶工具把楼房填充颜色,一个非常准确的背景就出现了。如图12所示:

  这里颜色有点不鲜艳,这只是做个示范,回去你可以认真填色,这里就不多讲解了。

  14、 动画中的背景往往并不是单独物体的出现。其他的楼房应该怎么样做呢?绘制的方法是一样,都是利用视平线、余点来完成的。如图13所示:

  15、 平行视角的其它几种形式。如图14—15所示。特别要注意的是图15,在此图中并不是俯视效果,而是平行视觉效果。

  好了,按照以上做法,你可以绘制出不同的房子,自己练习练习。这里只提供新手学习,老手我想就不必了吧 - -! 老手PS底工好的基本上都在PS里处理好,然后在FLASH中打开进行整理。

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多