万卷书>>电脑书籍>>网页制作>>网页制作软件使用>>FLASH特效与实例(1-15)

WANJUANSHU.COM

第六节 洋葱皮效果
  这一节我们来学习一个稍微简单一些的技巧,因为编上一节内容花了幸运鸟几乎一天的时间,所以这一节少讲一些,好有更多的时间把落下的工作补回来,还请大家见谅。上面这个示例的效果有点类似在时间轴上按下洋葱皮按钮后的状态,这就是我们今天要做的洋葱皮特效。

  先新建一个文件。按Ctrl-F8新建一个名为plane的图形类图符,在图符编辑画面中用矩形工具画一个不带边框的蓝色正方形,(因为蓝色容易给人一种幻觉,呵呵)。

  画好后再按Ctrl-F8新建一个名为movie的电影片断类图符。在第1帧把图符plane从图库中拖到图符编辑区中,然后在第20帧,第40帧和第60帧分别按F6插入关键帧。然后在第20,40和60帧上分别对正方形做一定的旋转和放缩变形,使得4个关键帧的对象分别如下图所示,观察渐进色的方向以分清每一帧的差别。然后把第60帧的方形拖到最右端放置,第20和40帧的对象放在第1帧和第60帧对象之间,位置关系也如下图所示。分别在第1帧,第20帧,第40帧设置帧属性为运动渐变。大家也可以自己调整正方形的变形过程,使得这个电影片断看起来比较流畅。

           
                   
    第1帧        第20帧       第40帧       第60 帧

 
  现在回到主场景中,把电影片断图符movie拖到画面中,双击这个实例,在实例属性对话框中把实例名设成movie,见下图,这是为了方便我们马上要进行的Actions调用。

            

  为了产生洋葱皮特效,我们需要另外建一个层。在这个新层上,在第1帧到第8帧连按8次F7 键插入8个空帧。然后我们从第2帧开始为动画加入Actions脚本。我们在这里不准备多讲Actions的详细用法,有关Actions的内容我们会在下一章详细介绍,大家在这里只需要对简单的Actions命令所实现的功能有所认识就行了。

  双击第2帧选Actions标签,按选Duplicate/Remove Movie Clip,设置参数如下图所  示。这个Actions的含义是在这一帧复制名为movie的电影片断并重新命名为onion1,深度为1。

     

  再按选Set Property,设置参数如下图所示。含义是把复制的名为movie的电影片断的  其中一个参数Alpha值设为85。

     

  同样,我们在第3帧设置Actions为:
  Duplicate Movie Clip("movie","onion2",2)
  Set Property("movie",Alpha) = "70"

  也就是另起一个名字并增大深度,再把Alpha值缩小15%。

  其余各帧也是依次这样操作,另起一个名字并把深度增大1,Alpha值缩小15%。在最后一帧把Actions设为Stop。然后在另外一层的第8帧按F5键即可。做好后的时间轴窗口如下图所示。这里是这个示例的源文件。

            
 

 
上一页 WanJuanShu.COM 下一页
WANJUANSHU.COM 万卷书