当前位置:主页   - 电脑 - 图形图像 - Flash
Flash 制作简单的图形变换效果
来源:网络   作者:   更新时间:2012-05-03
收藏此页】    【字号    】    【打印】    【关闭

  Flash 制作简单的图形变换效果。

  新建一个空白的FLASH文档,把背景色改为黑色

  图1

Flash 制作简单的图形变换效果

  按Ctrl+F8新建一个景片剪辑

  图2

Flash 制作简单的图形变换效果

  在景片剪辑中,选择文本工具,在舞台上打出想要打的字,然后在第50帧插入帧。

  图3

Flash 制作简单的图形变换效果

  新建图层2,把图把2拖到图层1下边,然后在图层2第1帧用矩形工具画一个863*122的矩形,填充上渐变色

  图4

Flash 制作简单的图形变换效果

  第50帧插入关键帧,把矩形移动到左边的位置(如图),

  图5

Flash 制作简单的图形变换效果

  然后在1到50帧间任意一帧创建形状补间动画

  图6

Flash 制作简单的图形变换效果

  最后在图层1右击选择遮罩层

  图7

Flash 制作简单的图形变换效果

  下面,回到场景中,按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(); //影片剪辑执行完成后,更新显示内容,也就是刷新的意思。
  }

  图8

Flash 制作简单的图形变换效果

  好了,完成,测试下吧~

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明