当前位置:软件学堂 > 资讯首页 > 网络编程 > Flash > 一个鼠标流星轨迹动画特效

一个鼠标流星轨迹动画特效

2021/9/11 15:42:35作者:佚名来源:网络

移动端
Flash8电脑版v8.0官方版

大小:122.7MB语言:

类型:媒体制作等级:

今天我们给大家讲一个鼠标流星轨迹动画特效的FLASH教程,使用功能:StartDrag语句、if语句、随机函数,下面我们还是先来看看动画完成后的效果吧:
一个鼠标流星轨迹动画特效

具体制作步骤及方法如下:

步骤一、新建一个FLASH文档,按Ctrl+J设置宽度、高度为别人500*221,导入图片到库,同时把图层改名为“背景”层。

步骤二、选择椭圆工具,画一个正圆,填充黄色,执行:修改—形状—柔化填充边缘,如图:

羽化

步骤三、选中图形,按F8,把图形转换成图形原件,图形原件名称“光”,如图:

图形原件

步骤四、按Ctrl+F8,创建新原件,选择影片剪辑,影片剪辑名称“ball”,如图:

创建影片剪辑

步骤五、把库里面的图形原件“光”,拖到影片剪辑里面的第一帧上,然后在时间轴上点中第14帧,按F6,插入关键帧,选取任意变形工具把圆按比例缩小然后向下移动一点,选中第1帧与第14帧中间空白的帧,执行:属性面板—补间,选择动画,如图:

属性面板

步骤六、选中影片剪辑中的第15帧,按F6,插入关键帧,按F9,打开动作面板,全局函数—时间轴控制—stop,如图:

全局函数

步骤七、选中第16帧,F7,插入空白关键帧,选中第1帧Ctrl+C复制一个圆,选中第16帧,Ctrl+Shift+V原位粘贴,选中图形,属性面板—颜色—色调,给这个圆换个颜色,选中第29帧按F7,选中14帧Ctrl+C,选中29帧Ctrl+Shift+V原位粘贴,属性面板—颜色—色调,给这个圆换个颜色,选中第16帧与第29帧中间的帧,执行:属性面板—补间,选择动画,如图:

 色调选择

步骤八、选中影片剪辑中的第30帧,按F6,插入关键帧,按F9,打开动作面板,全局函数—时间轴控制—stop。

步骤九、选中第31帧,F7,插入空白关键帧,选中第1帧Ctrl+C复制一个圆,选中第44帧,Ctrl+Shift+V原位粘贴,选中图形,属性面板—颜色—色调,给这个圆换个颜色,选中第35帧按F7,选中14帧Ctrl+C,选中29帧Ctrl+Shift+V原位粘贴,属性面板—颜色—色调,给这个圆换个颜色,选中第16帧与第29帧中间的帧,执行:属性面板—补间,选择动画。 选中第45帧,按F6,插入关键帧,按F9,打开动作面板,全局函数—时间轴控制—stop,动作添加好后返回场景。

步骤十、在时间轴上单击“插入图层”按钮,新建图层,并将其命名为“控制”,将ball原件拖到舞台上,放置在画布的左侧。

步骤十一、选中舞台中的实例,打开“属性”面板,在其中设置实例名称为“ball”,如图:

实例命名

步骤十二、按下Ctrl+F8快捷键,打开创建新原件对话框,设置名称为“隐形”,设置类型为“影片剪辑”,单击确定,如图:

隐形影片剪辑

步骤十三、进入“隐形”原件的编辑窗口,在单击“场景”按钮,回到场景中,将“隐形”原件从库中拖到舞台上,并在其“属性”面板中设置实例名称为“followmouse”,如图:

隐形原件命名

步骤十四、在时间轴上选择“控制”图层上的第1帧,按F9打开“动作”面板,单击面板上方的“脚本助手”,然后双击面案左侧的全局函数—影片剪辑控制—startDrag语句,在“脚本助手”中设置“目标”为_root.followmouse,并勾选“锁定鼠标到中央”复选框。也可直接输入以下代码:

startDrag("_root.followmouse", true);

步骤十五、双击面板左侧的全局函数—时间轴控制—stop语句,表示动画在该帧停止,如图:

stop语句

步骤十六、按下Ctrl+F8快捷键,打开“创建新原件”对话框,设置名称为“control”设置类型为“影片剪辑”,单击确定,如图:

创建新的影片剪辑

步骤十七、进入control原件的编辑窗口,选中“图层1”图层的第2帧,按下F5快捷键延长帧。

步骤十八、在时间轴上选中“图层1”图层的第1帧,按下F9 快捷键,打开动作面板,在其中输入以下代码:

mouse_x = getProperty("_root.followmouse", _x);
mouse_y = getProperty("_root.followmouse", _y);
n = Number(n)+1;
temp = "_root.ball" add n;
duplicateMovieClip("_root.ball", "ball" add n, n);
setProperty(temp, _x, mouse_x);
setProperty(temp, _y, mouse_y);
ramder = random(9);
if (Number(ramder)>5) {
 tellTarget (temp) {
  gotoAndPlay("red");
 }
} else if (Number(ramder)>2) {
 tellTarget (temp) {
  gotoAndPlay("purple");
 }
}

 步骤十九、回到场景中,将control原件拖到舞台上,至此完成动画的制作,按下Ctrl+Enter测试动画,这时可以看到一个鼠标移动的时候,画面上会出现流星滑动的动画特效。

如果你对这处动画制作感兴趣可以下载源码进行学习研究。

鼠标流星轨迹动画特效下载

标签: 鼠标  动画