flash动画设计教程 flash图形变换的制作

小狼
小狼 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 57 浏览

flash动画设计教程 flash图形变换的制作

     flash最大的一个特点就是在实现动态效果的同时,还能保持“身材”的苗条。因此在制作一些简单特效的时候,设计师们都会优先考虑flash动画制作。本篇flash动画设计教程就是教大家进行flash图形变换的制作。

 

flash动画设计教程 flash图形变换的制作


    1、打开flash,新建空白文档,背景色为黑色。
    2、按Ctrl+F8新建一个景片剪辑。
    3、在景片剪辑中,选择文本工具,在舞台上打出想要打的字,然后在第50帧插入帧。
    4、新建图层2,把图把2拖到图层1下边,然后在图层2第1帧用矩形工具画一个863*122的矩形,填充上渐变色。
    5、第50帧插入关键帧,把矩形移动到左边的位置。
    6、在1到50帧间任意一帧创建形状补间动画。
    7、在图层1右击选择遮罩层。
    8、回到场景中,按Ctrl+L打开库,从中把刚做好的影片剪辑拖到场景中,然后点下场景中的影片剪辑,按F9打开动作面板,输入下面的代码:
onClipEvent (mouseMove) { //mouseMove指鼠标移动 
   x = _root._xmouse; //返回鼠标的X坐标值 
   y = _root._ymouse; //返回鼠标的Y坐标值 
   if (x>=this._x) { 
   rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI; 
   } else { 
   rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI+180; 
   } 
   //Math.atan是用来计算正切值 //Math.PI表示圆周率 //计算得出,rot的值是一个角度值,也就是鼠标移动前那个点和鼠标移动后那条线的角度!最终实现的效果就是场景中的影片的角度方向跟随鼠标的方向移动 
   setProperty("", _rotation, rot); //元件的新的数值 
   xscal = Math.sqrt((x-this._x)*(x-this._x)+(y-this._y)*(y-this._y)); 
   this._xscale = xscal; //Math.sqrt用来取平方根,这个是两点之间线的长度,把鼠标与场景中的影片的距离作为影片在横坐标方向的缩放值,就是说鼠标离影片越远,影片剪辑在横坐标方向上放大程度越大 
   updateAfterEvent(); //影片剪辑执行完成后,更新显示内容,也就是刷新的意思。 
  }
    这样,flash图形变换的制作就完成了。在本篇flash动画设计教程中使用到了一个很有用,也是很常用的工具,那就是遮罩层。
    遮罩层是可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下,以创建出多样的效果。遮罩层必须至少有两个图层,上面的一个图层为“遮罩层”,下面的称“被遮罩层”;这两个图层中只有相重叠的地方才会被显示。也就是说在遮罩层中有对象的地方就是“透明”的,可以看到被遮罩层中的对象,而没有对象的地方就是不透明的,被遮罩层中相应位置的对象是看不见的。
    在flash动画制作中,遮罩层是常常被使用,而且相当实用,作为一名flash动画设计人员,对于遮罩层的使用应该要熟练的掌握。

发布于 2022-09-25 19:21

免责声明:

本文由 小狼 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2025 专注小微企业服务 冀ICP备09002609号-8