当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > 影随鼠动的Flash文字动画(2)

Flash动画制作
Flash教程:纯AS编写蝌蚪摆尾动画效果
Flash鼠绘新手入门第一课:认识鼠绘
Flash教程:打造月夜下飞翔的蝙蝠动画
Flash教程:制作可爱吹泡泡动画效果
Flash教程:打造仿奥运开幕式卷轴动画效果
Flash基础教程:制作鼠标跟随星星动画
Flash教程:制作淡雅动态网页菜单:蜻蜓飞飞动画效果
Flash鼠绘教程:绘制写真苹果的方法
Flash新手入门教程:AS2代码制作鼠标跟随龙舟效果
Flash鼠绘教程:绘制清新可口的芒果
Flash鼠绘教程:教你绘制一盘逼真的水仙花
Flash鼠绘教程:临摹徐悲鸿的骏马图
Flash鼠绘教程:绘制香甜可口的香瓜
Flash新手入门教程:鼠标跟随漂亮光圈特效
Flash新手入门教程:打造鱼缸中游动的鱼动画效果
Flash新手入门教程:AS代码制作五彩缤纷旋转效果
Flash鼠绘教程:打造唯美渔舟唱晚效果
Flash教程:打造鼠标跟随羽毛扇动画效果
Flash新手入门教程:AS代码实现鼠标跟随文字特效
Flash新手入门教程:AS代码实现神奇叠层效果

Flash动画制作 中的 影随鼠动的Flash文字动画(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 35 ::
收藏到网摘: n/a

阴影的制作

  将一个“TEXT”元件拖放到现有的层中,然后在“属性”栏中将其的颜色选成“高级”,在弹出的对话框中将元件颜色调成黑色,透明度调成80%。然后将其“INSTANCE”值改成“TEXTSHADOW”。最后将这一层的名字也改成“TEXTSHADOW”。

  文字以及其上的发光效果

  1、新建一个层“TEXT”,拖一个“TEXT”元件到本层。

  2、新建一个层“MASK-V”,再拖一个“TEXT”元件到本层,注意这个“TEXT”一定要与上述“TEXT”层中的重合(最好用FLASH的对齐工具)。

  3、新建一个层“LIGHT”,使其成为“MASK”层的子层(也就是被遮挡的层)。拖动一个“LIGHT”元件到本层并将其“INSTANCE”值改成“LIGHT”。

  做照亮区的效果:

  1、新建一个层“MASK”,将那个大矩形“MASK”拖到本层,将其ALPHA值改成80%,将其INSTANCE值改成“MASK”。

  层的遮挡关系如下图:

  现在影片中的东东都是死的,我们要用一些ACTION SCRIPT让它们活起来。

  随便点一个关键帧,加入如下的代码:

  startDrag(light,true);
  stop();

  现在点选“TEXT”层中的“TEXT”,加入以下代码:

  onClipEvent (mouseMove) {
    with (_root) {
      textshadow._x = object._x-(_xmouse-object._x)/15;
      textshadow._y = object._y-(_ymouse-object._y)/10;   //设置阴影的位置
      mask._x=_xmouse;
      mask._y=_ymouse;  //拖动MASK元件
    }
  }

  阴影位置的确定:相对TEXT来说,阴影位于与光源(鼠标所在)相反的方向。阴影离TEXT距离位置随光源改变,取光源到TEXT距离的1/15(Y方向取1/10)。

  最后别忘了将影片的帧率改成30,这样可以让动画更平滑,现在按Ctrl+Enter测试一下影片吧。通过更仔细的参数调整,我们能使上面的动画显得更真实些。还可以将字体或背景做成石头质感的,将鼠标做成一个火把,并将LIGHT做个闪动的动画,就更棒了。.fla源文件下载