flash制作跟随鼠标移动的撒光蝴蝶方法

所属分类: 媒体动画 / Flash教程 阅读数: 159
收藏 0 赞 0 分享

前面做了一个文字跟随效果,文字跟随鼠标移动。这次我们让MC跟随鼠标移动,并产生相应的延迟效果。鼠标在舞台上划动,MC跟随鼠标轨迹出现,虽只一个MC,因紧跟前一步,却产生连续的效果。

flash鼠标跟随实例——撒光的蝴蝶

一、制作运动的星

Ctrl+F8新建影片剪辑元件,我给它取名洒光。

flash鼠标跟随实例——撒光的蝴蝶

星元件是事先绘好的,将星元件拖入舞台,第20帧插入关键帧。新建四层到图层5,选中层1所有帧,按住Alt键拖动,复制到每一层中。

0flash制作一颗闪闪的星

flash鼠标跟随实例——撒光的蝴蝶

从层4开始,每层最后的关键帧选中后,向后拖动,比上一层多出5帧。如图。

flash鼠标跟随实例——撒光的蝴蝶

第5层上新建一个引导层,线条工具绘出一条弧线,形状看个人需要,延长至40帧(40帧按F5插入帧)。

flash鼠标跟随实例——撒光的蝴蝶

点上贴紧至对象,将层5最后一帧的星拖动至线条,注意变形点与线条结尾对齐,“贴紧至对象”会帮助我们做到。回到第一帧右键——创建补间动画。

flash鼠标跟随实例——撒光的蝴蝶

图层4到1同样处理:最后一帧的星拉至引导层线条的末尾,添上补间动画

flash鼠标跟随实例——撒光的蝴蝶

分别按住每一层向上拖动,如图,出现加入的标注松开,使每一层都成为被引导层。完成该元件制作。

flash鼠标跟随实例——撒光的蝴蝶

二、制作洒光的蝴蝶

蝴蝶是网上收集的GIF图,首先我们将它导入到flash文档里。文件——导入——导入到库。导入进来的动画是以影片剪辑类型存放,并包含有每一帧中的图片。

flash鼠标跟随实例——撒光的蝴蝶

新建影片剪辑元件,取名蝶舞。将蝴蝶元件拖入舞台。修改——变形——水平翻转(是否翻转,按个人需要)。第40帧插入关键帧。

flash鼠标跟随实例——撒光的蝴蝶

新建一层,将洒光元件拖入蝴蝶上,各五帧错开加入一个,共三个(个数看个人心意),如图。

flash鼠标跟随实例——撒光的蝴蝶

新建一个ActionScript层,在最后一帧输入:this.removeMovieClip();使该元件运动39帧后,在第40帧从画面移除。

flash鼠标跟随实例——撒光的蝴蝶

回到场景,将蝶舞元件拖入,取一个实例名,在后面的脚本中使用。

flash鼠标跟随实例——撒光的蝴蝶

在时间轴上输入:var time = 3;

var i = 0;

_root.onEnterFrame = function() {

_root.onMouseMove = function() {

if ((i % time) == 0) {

_root.stars_mc.duplicateMovieClip(("stars_mc" + i), i);

_root[("stars_mc" + i)]._x = _root._xmouse;

_root[("stars_mc" + i)]._y = _root._ymouse;

}

i++;

};

};

flash鼠标跟随实例——撒光的蝴蝶

最终效果。

flash鼠标跟随实例——撒光的蝴蝶

以上就是小编flash制作跟随鼠标移动的撒光蝴蝶方法,感兴趣的用户欢迎关注脚本之家!

更多精彩内容其他人还在看

FLASH怎么猜小球位置?

FLASH怎么猜小球位置?FLASH系统中像制作一个小雨藏在三个物体的后面,我们来猜小球在哪里,因为小球不需要被看见,这时候就需要用到不见动画,需要的朋友可以参考下
收藏 0 赞 0 分享

flash模拟弯弓射箭的gif动画效果

这篇教程是向脚本之家的朋友分享flash模拟弯弓射箭的gif动画效果方法,教程模拟出来的效果非常不错,难度不是很大,主要用到了补间动画与形状动画,一起来看看吧
收藏 0 赞 0 分享

flash怎么制作不断变换位置大小的五角星动画?

flash怎么制作不断变换位置大小的五角星动画?像制作一个不断变化的五角星动画,该怎么制作呢?今天我们就来看啊可能一个实例教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么使用鼠标绘制一枝桂花枝?

flash怎么使用鼠标绘制一枝桂花枝?想使用flash绘制一幅图,就是开满桂花的桂花枝,该怎么绘制呢?下面我们就来看看flash绘制桂花枝的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么绘制逼真的橘子?

flash怎么绘制逼真的橘子?喜欢吃桔子,想自己画一些桔子,该怎么画呢?下面我们就来看看使用flash绘制桔子的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash动画制作基础之元件的制作方法

Flash制作动画的时候,需要掌握原件的制作方法,今天我们就来看看flash原件的制作过程,很简单,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作旋转飞舞的雪花

这篇教程是向脚本之家的朋友分享flash制作旋转飞舞的雪花方法,教程制作出来的效果非常漂亮,难度不是很大,值得大家学习,推荐到脚本之家,大家一起来学习吧
收藏 0 赞 0 分享

flash制作一个导航按钮

这篇教程主要是向脚本之家的朋友分享flash制作一个导航按钮方法,教程比较不错,值得大家学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望能对大家有所帮助!
收藏 0 赞 0 分享

flash补间动画和引导图层模拟蜿蜒盘山道

这篇教程主要是向脚本之家的朋友分享flash补间动画和引导图层模拟蜿蜒盘山道方法,教程比较基础,绘制出来的效果非常不错,推荐到脚本之家,喜欢的朋友可以参考本文
收藏 0 赞 0 分享

flash怎么制作文字飞入的动画?

flash怎么制作文字飞入的动画?flash中制作一个动画很方便,今天我们就来看看使用flash制作一个文字飞入动画的教程,很简单,新手也可以进来学习,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多