45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

鼠标任你变 用Flash5制作鼠标特效

电脑软硬件应用网 45IT.COM 时间:2005-12-30 18:59 作者:佚名

  Flash5作为新一代的动画制作软件已经受到越来越多人的喜爱,其强大的Action脚本支持更是好用。短短的几句脚本语言,就可以实现变化多端的视觉效果。我们在这里制作的就是实现在移动的鼠标上出现奇特眩目的动态视觉效果。本次效果制作所要用到的函数有duplicationMovieClip、StartDrag和If。OK,现在开始Step by Step。

  建立正方形

 
  1、启动Flash5,新建一个文件,用Ctrl+M设置背景大小为400×300,颜色为黑色,再用Ctrl+F8新建一个名为move的电影剪辑元件(MovieClip)。在这个元件的编辑窗口中可以画一个任意形状的渐变过程,如圆形、方形或三角形等各种你能够想到的形状渐变,这里为了方便说明,我们选用长方形。在move元件编辑窗口中按Ctrl+F8新建一个名为fx的图形(Graph)元件,再在fx元件的编辑窗口中画一个200×200的正方形,具体操作如下:

  按快捷键R选中矩形工具,再将下面的边框颜色选为白色,填充色选无。然后在舞台上拖出一个任意大小的矩形,用Ctrl+Shift+I打开对象信息窗口,将长和宽各改为200,并将右边的X、Y轴坐标都设为0。

  2、用Ctrl+L打开元件库,在move电影剪辑上右击并编辑它,在其编辑窗口的第一帧上按F6插入一个关键帧,再将库中的fx图形元件拖到舞台的任意位置,然后在第20帧上用F6再插入一个关键帧(如图1),用来复制第一帧的元件,修改第20帧上对象的属性:用Ctrl+I打开实例窗口,将其效果标签下的Alpha值改为0%,即透明显示。用鼠标单击第一帧,在信息窗口中将其长宽设为1×1,而在实例窗口中将效果标签下的Alpha属性改为100%,帧标签下的补间动画设为移动,并且旋转中选顺时针,10次,其他不变。现在,我们就制作好了一个从小到大旋转出现的正方形。


图1

  实现效果

  1、按Ctrl+E回到场景1中,双击当前图层1的名字,将其改为动态层。用Ctrl+L打开元件库,将其中的电影剪辑move拖到舞台的任意位置,再按Ctrl+I打开实例窗口,将其名称设为move,也就是加一个函数名了。再在动态层的第二帧上按F5插入帧。然后再新建一层,命名为脚本层。

  2、下面该添加Action脚本了。在脚本层的第一帧上双击鼠标,弹出帧动作窗口,按Ctrl+E将脚本的输入方式改为专家模式,然后输入以下脚本(卧龙传说提醒:数字序号不要写,只是为了后面的解释方便):


图2

  (1)Mouse.hide() 

  (2)StartDrag ("/move", true);

  (3)duplicateMovieClip ("/move", 

  "move" add num, Number(num)+1);

  (4)num = Number(num)+1;

  (5)if (Number(num)>=10) 

  {num = 0;}

  下面我们分别解释以上语句:

  (1)隐藏鼠标函数。如果要想让鼠标显示出来,可以改为:Mouse.show()。

  (2) 拖动定义的move电影剪辑对象,true可以使其随鼠标一起动作,也就是鼠标移动到哪儿此动画就到哪儿。

  (3)形成动态效果的关键就是这条语句,其作用就是复制一个move电影剪辑,并将其自动命名。

  (4)num递增,也就是可以让(3)语句继续复制move2、move3等电影剪辑。

  (5)当然这样无限制的递增也不行,要有个限制,我们这里限定复制的电影剪辑数量为10个,可以自行改变。

  不要关闭帧动作窗口,然后单击脚本层第二帧,在其帧动作中输入以下脚本:

  gotoAndPlay (1);

  即返回第一帧继续播放动画。

  OK,到此为止,所有的工作都完成了,赶快用Ctrl+Enter测试一下吧!效果如图2。

  在这里,这个例子只是起到抛砖引玉的作用,你可以充分发挥自己的想象,如把move电影剪辑里的形状变成圆形、三角形等你想要的形状,也可随意改变其旋转角度和大小,而在脚本中可以改变num的限制范围,如把上面脚本数字序号(5)中的10改为20,以增加视觉效果。好了,下面就看你的了。


 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识