鼠标特效[精华]
Flash鼠标特效动画制作实验步骤:,用代码的,
制作步骤:
1.打开Flash,新建一个"Flash文档",并保存.
2.按"Ctrl+F8",新建一个"影片剪辑",命名为"star",如图:
3.按"Ctrl+F8",新建一个"影片剪辑",命名为"moveStar",如图:
4.按"Ctrl+F8",新建一个"影片剪辑",命名为"mouse",如图:
5.按"Ctrl+L",打开"库",里面有我们刚创的三个剪辑,如图:
6.用鼠标双击"star",这此此剪辑进入编辑状态,在时间轴上选中第一帧,用画图工具在舞台中央画一个小星星,如图:
7.在"库"中双击"moveStar",进入它的编辑状态,在时间轴中选中第1帧,从库中拖一个"star"剪辑到舞台中央;保持舞台中的剪辑处于选中状态,在时间轴中选中第20帧,按"F6"创建一个关键帧;保持舞台中的剪辑处于选中状态,按"方向左键"使此剪辑左移一大约100像素的距离,然后打开"属性"面板,在"顔色"中选"Alpha",将值适当调小,如图:
8.点击时间轴上的"场景"标签,进入主场景,在时间轴上选中第,帧,从"库"中拖一个"moveStar"到舞台,打开"属性"面板,在"实例名称"中写入"moveStar",如图:
9.按上步,从"库"中拖一个"mouse"到舞台,将"实例名称"设为"mouse";
10.选中时间轴第,帧,按:F9:打开:动作面板:添入以下代码:
_root.mouse.startDrag(true); //使"mouse"剪辑跟随鼠标移动
var i=0;
_root.moveStar._visible=false;//使"moveStar"剪辑不可见
_root.onEnterFrame=function(){ //每1/12秒执行一次,因为帧频为12
i++;
duplicateMovieClip(_root.moveStar,"moveStar"+i,i); //复制一个"moveStar"
_root["moveStar"+i]._rotation=i*18;//使其旋转度比上一个大18度
moveStar._x=mouse._x;
moveStar._y=mouse._y; //使"moveStar"跟着鼠标
if(i==20){i=0;}//最多有20个星
}
11.一切,,了,按"Ctrl+S"保存,按:Ctrl+回车:测试~ 2、 双击打开falsh 8,新建一个星星的影片剪辑。
? 单击菜单栏中的“插入”,后再单击“新建元件”,命名为“星星”,选择
“影片剪辑”,单击“确定”。
? 画星星。在工具箱里,单击“矩形工具”,在舞台上拖动鼠标画好矩形。
? 再点击工具箱的“任意变形工具”,单击星星,按住Ctrl+shift,用鼠标将
矩形的一顶点往中点移动,做成三角形,复制该三角形,将复制
好的三角形旋转180度,单击菜单栏的“修改”,“任意变形”,“垂
直旋转”,。用鼠标移动旋转了的倒三角形,将两个三角形的水平
边重合,做成菱形。
? 复制菱形,旋转90度,将旋转了的菱形与原来的菱形二者中心大致重合,
星星就做好了
? 调整星星的大小,宽和高都设为15
? 制作星星的形状渐变。每隔5帧给星星选择一个颜色,在‘补间’处选择
‘形状’。星星的颜色渐变就做好了 。
2、新建一个按钮。
? 单击菜单栏中的“插入”,后再单击“新建元件”,命名为“按钮”,单击
选择“按钮”,单击“确定”。
?、画按钮。在工具箱里,单击“椭圆工具”,在舞台上拖动鼠标,画好圆,
调整圆的大小,宽和高都设为20
?、在时间轴上,拖动鼠标使得在‘点击’处对应的地方插入关键帧。
删除其他的3帧。
3、 新建一个元件。
? 单击菜单栏中的“插入”,后再单击“新建元件”命名‘元件3’,选择‘影
片剪辑’,单击‘确定’。
? 将做好的‘按钮’托到元件3的舞台的第一帧,单击‘动作’,在上面写
上”stop()” 然后再选择舞台上‘元件’图标,右键‘动作’,
然后在上上面写上”on(rollover) {gotoandplay(2);} 。
?、在元件3将‘星星’托到舞台的第二帧上,在时间轴的第35帧又插入
一帧,改变下星星的位置,在2-35帧中单击其中的任意一帧,
在属性里的‘补间’处选择‘动画’,‘旋转’选择‘顺时针旋
转’。元件3就制作好了。
4、 ?、点击‘场景1’,将‘元件3’托到舞台的第一帧,将‘帧标签名称’改为‘a’。
?、点击‘动作’,在上面写上如下
:
w=300/20
h=300/20
m=1
for(i=1;i<=w;i++)
{
for(j=1;j<=h;j++)
{
duplicateMovieClip("a","a"+m,m);
setProperty("a"+m,_x,20*(j-1))
setProperty("a"+m,_y,20*(i-1))
m++;
}
}
5、单击‘控制’测试影片,就可以看到如下效果,整个影片就做好了。
例子演示百叶窗放 大 镜 例子演示百叶窗放 大 镜
放大镜