快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash动画的“遮丑”研究

  长久以来,我们在制作动画的时候很少关心“遮丑”问题,一至于有些看起来制作挺好的作品,在发布的时候因为画面的宽度超过了影片的宽度而使场景外的东西在发布的网页或者说是播放的影片中展露出来,会使你感觉束手无策。一个小问题就上升到了一个引起关注的程度上来,自然在网络中,就有人写出了这方面的文章,加以研究,高手也都会用“遮丑”把自己不想展露的东西遮挡起来,可是有些时候普通制作的“遮丑”也不是完全能起作用,下面我们看一个例子:


遮丑无效的效果


  这里上下的黑边是我作的“遮丑”,其实这里“遮丑”并没起作用,并没挡住雨滴在银幕外出现,用普通实现的“遮丑”在这里是不是不起作用?

  为什么会出现这样的问题?在这里我要多说几句,希望大家不要嫌烦!我们知道,FLASH动画是基于时间轴的线性动画,而时间轴上有图层,这样就会出现一个图层的级别问题,也就是我们常说的深度的问题,上面的图层总是覆盖住下面的图层,直接的说,就是深度值大的图层遮盖深度值小的图层,而在flash中又规定了脚本的层级深度高于任何级别的场景中非脚本创建的影片层级深度,所以上面大家看到的下雨是我用脚本创建的一个下雨的效果,而遮丑是我用手工拖入到场景一个影片剪辑,这样根据脚本的深度级别高于非脚本创建的影片剪辑深度级别,自然就会使“遮丑”失效,因为下雨的深度高于用于“遮丑”影片剪辑的深度。如何解决“遮丑”失灵的问题呢?下面我来谈谈这方面的问题。

  我们知道在FLASH脚本中,我所接触到的涉及到深度的命令只有三个(我只是说我所接触到的)duplicateMovie();,attachMovie();,createEmptyMovie();分别是复制影片剪辑命令,创建位于库中的影片剪辑,创建空的影片剪辑。而这三个命令的层级深度是在一个级别上的,也是处于最高级别上的,所以这就给我们实现任何情况下都能实现“遮丑”提供了可能,我的思路是,用普通的方式创建一个“遮丑”影片剪辑,然后利用脚本调用,然后设置其深度,这样就会避免出现上面出现的问题了,而用脚本控制最好的方式就是实现直接用脚本调用位于库中的影片剪辑,就是用attachMovie();这个命令,下面我们看代码:

_root.onLoad = function() {
attachMovie("zedang", "zedang", 10000);
this.zedang._x = Stage.width/2;
this.zedang._y = Stage.height/2;
};


  其中zedang是我制作的“遮丑”影片剪辑的链接名,影片剪辑的注册点在中央,在主场景中调用是让其位于场景中央,所以我用了this.zedang._x = Stage.width/2;this.zedang._y = Stage.height/2;这样不管你场景设置多大,都会保证这个“遮丑”位于场景的中央,深度我随便设置为10000,我想你作一个影片不会有一万多个图层吧,哈,这个假如你确实是图层多,这里可以设置为10000000,也不是不可以的,这个脚本保证了在任何情况下都会把你的“丑”遮住的,不信?试试,下面我把源文件宣布出来,大家可以下载研究,也可以提出不同意见,我的想法也可能不成熟,不过感觉还是不错的,在这里大家不要见笑哟。下面是我制作的完整的下遮丑效果及下雨的代码脚本。

“遮丑”效果



_root.onLoad = function() {
Num = 200;
attachMovie("zedang", "zedang", 10000);
this.zedang._x = Stage.width/2;
this.zedang._y = Stage.height/2;
for (var i = 0; i attachMovie("yu", "yu"+i, i);
_root["yu"+i]._x = Math.floor(Math.random()*500);
_root["yu"+i]._y = Math.floor(Math.random()*400);
_root["yu"+i]._rotation = -32;
_root["yu"+i]._alpha = Math.floor(Math.random()*i);
_root["yu"+i]._xscale = _root["yu"+i]._yscale=25;
_root["su"+i] = (3+i/Num);
}
};
this.onEnterFrame = function() {
for (var k = 0; k this["yu"+k]._x += _root["su"+k];
this["yu"+k]._y += _root["su"+k];
if (this["yu"+k]._x>500) {
this["yu"+k]._x = 0;
}
if (this["yu"+k]._y>400) {
this["yu"+k]._y = 0;
}
}
};

  源文件下载
返回类别: Flash教程
上一教程: Flash MX 2004实例制作视频教程:机器猫动画片头2
下一教程: Flash 组件应用与开发具体讲解

您可以阅读与"Flash动画的“遮丑”研究"相关的教程:
· FlashMX 视频教程(46)-控制动画的开始和停止
· Flash做卡通动画的经验和流程
· Flash制作动画的一些基础知识总结
· 下载Flash动画的方式大整理
· PowerPoint中插入Flash动画的方式
    微笑服务 优质保证 索取样品