2021-09-11 来源:网络
今天我们给大家讲一个鼠标流星轨迹动画特效的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语句,表示动画在该帧停止,如图:
步骤十六、按下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测试动画,这时可以看到一个鼠标移动的时候,画面上会出现流星滑动的动画特效。
如果你对这处动画制作感兴趣可以下载源码进行学习研究。