Flash动画背景绘制方法-透视篇

flash动画

  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。在此图中并不是俯视效果,而是平行视觉效果。

时间: 2024-09-16 06:17:28

Flash动画背景绘制方法-透视篇的相关文章

键盘感应的Flash动画的制作方法

flash动画|感应 演示效果:(按键盘上的空格键可以观看到效果) 点击这里下载源文件 首先:将背景改成大小300X301 划一个坦克的形状: 将它选中按F8变成影片剪辑.再新建一个影片剪辑第一帧是空白帧:代码: stop(); 第二帧是这样的: 新建一个影片剪辑,将两个东东从库里拖出来: 那个小点点是开炮用的,将它命名huo.到了最关键的地方了,也是代码最长的地方.将刚做的MC拖入场景,输入代码:onClipEvent (load) { Speed = 5; } onClipEvent (en

在PPT中插入Flash动画四种方法

  现在很多学科经常要做一些研究性学习或者调查报告,使用Powerpoint是个不错的主意. 而很多时候,我们需要添加一些flash动画来使我们的幻灯片更加生动.美观和具有说服力.但是Powerpoint中没有提供类似插入图片那样直接的功能.那么如何在PPT中插入flash动画影片呢? 下面我来教你四种方法: 方法一 将扩展名为. SWF的Flash动画文件插入PPT ---插入一个由文件创建的对象 ---在"动作设置"中的"对象动作"选项中选择"激活内容

PowerPoint中插入Flash动画四种方法

下面我来教你四种方法: 方法一 将扩展名为. SWF的Flash动画文件插入PPT ---插入一个由文件创建的对象 ---在"动作设置"中的"对象动作"选项中选择"激活内容" 在PPT中插入Flash动画方法二 将Flash生成的. exe动画文件插入PPT 1.先插入一图片 2.该图片"动作设置"中的"单击鼠标"选项中选择"运行程序",并指定文件路径和文件名 注意:用这个方法时,一定要

Dreamweaver插入Flash动画的基本方法

  1.启动Dreamweaver 1)点击"开始-所有程序-Macromedia-Macromedia Dreamweaver 8",; 2)在中间的"创建新项目"中点第一个 HTML,打开一个空白文档,把标题改为"插入Flash"; 3)点"文件-保存"命令,以 chrflsh 为文件名保存文件,保存位置在建立的站点中; 4)在右面侧边栏的站点中,新建的文件夹 swf ,用来保存Flash动画文件; 本课images文件夹

用PHP 快速生成 Flash 动画的方法_php基础

使用 Ming 库动态构建 Flash 动画 Rich Internet Application 是 Web 2.0 中的新时髦词,并且就 Web 2.0 的实质而言,一个关键组件就是 Adobe Flash.了解如何将 Flash 动画集成到应用程序中,并使用 Ming 库动态生成 Flash 动画. Web 2.0 引入了 Rich Internet Application.但 Rich Internet Application 的含义是什么?通常,它意味着向应用程序中添加具有高度响应能力的

在PPT中插入Flash动画方法四种

现在很多学科经常要做一些研究性学习或者调查报告,使用http://www.aliyun.com/zixun/aggregation/16894.html">Powerpoint是个不错的主意. 而很多时候,我们需要添加一些flash动画来使我们的幻灯片更加生动.美观和具有说服力.但是Powerpoint中没有提供类似插入图片那样直接的功能.那么如何在PPT中插入flash动画影片呢? 下面我来教你四种方法: 方法一 将扩展名为. SWF的Flash动画文件插入PPT ---插入一个由文件创

使用 PHP 快速生成 Flash 动画

Rich Internet Application 是 Web 2.0 中的新时髦词,并且就 Web 2.0 的实质而言,一个关键组件就是 Adobe Flash.了解如何将 Flash 动画集成到应用程序中,并使用 Ming 库动态生成 Flash 动画. Web 2.0 引入了 Rich Internet Application.但 Rich Internet Application 的含义是什么?通常,它意味着向应用程序中添加具有高度响应能力的交易操作.具体来说,它意味着可以即时更改页面中

使用PHP 快速生成Flash 动画

Web 2.0 引入了 Rich Internet Application.但 Rich Internet Application 的含义是什么?通常,它意味着向应用程序中添加具有高度响应能力的交易操作.具体来说,它意味着可以即时更改页面中的小部件.Web 表单和报告,而无需从服务器中检索新页面. 一种用于构建 Rich Internet Application(RIA)的方法就是使用动态 HTML(Dynamic HTML,DHTML),它是 Ajax.Javascrīpt.层叠样式表(Cas

PPT幻灯片中插入Flash动画

现在很多学科经常要做一些研究性学习或者调查报告,使用Powerpoint是个不错的主意. 而很多时候,我们需要添加一些flash动画来使我们的幻灯片更加生动.美观和具有说服力.但是Powerpoint中没有提供类似插入图片那样直接的功能.那么如何在PPT中插入flash动画影片呢? 下面网页教学网站长来教你四种方法: 方法一 将扩展名为. SWF的Flash动画文件插入PPT ---插入一个由文件创建的对象 ---在"动作设置"中的"对象动作"选项中选择"