首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
简单制作图形变换效果
来源:中国教程网 作者:清风掠影(笨丫头) 2007年10月09日 16:53 网友评论:0条 点击:
写个简单的教程,一起学习下吧...   
新建一个空白的FLASH文档,把背景色改为黑色。图1:

按此在新窗口浏览图片

  按Ctrl+F8新建一个景片剪辑。图2:

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

下面,回到场景中,按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:
按此在新窗口浏览图片

  好了,完成,测试下吧~
上一篇:利用遮罩做的简单特效   下一篇:用遮罩做的图像变换效果
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】