flash蝴蝶素材-FLASH怎么制作飞舞的蝴蝶

Adobe Flash制作很多蝴蝶在在花层中翩翩起舞的动画的操作步骤如下:

一、制作扇动的蝴蝶

1、绘制好蝴蝶的身体和一支翅膀,分别按下F8键保存为图形元件。

2、ctrl+F8,新建一个影片剪辑元件。取名蝴蝶。将身体元件拖入。

3、图层2,拖入翅膀元件,放置在身体合适位置。变形点放置在身体一侧。

4、翅膀层10、20帧,F6插入关键帧。

5、Q键调出变形工具,第10帧将翅膀横向缩扁。

6、分别为帧1、10创建补间动画,方法:右键——创建补间动画。

7、新建一层,作为第二个翅膀层。选中图层2所有帧,按住Alt键拖动到图层3,复制了所有帧。

8、分别对帧1、10和20,修改——变形——水平翻转,将该层上的翅膀翻转成另一半。

9、身体层第20帧,F5键插入帧。

10、回到右翅层,旋转、移动到合适位置。完成扇动翅膀的蝴蝶制作。

二、飞行的蝴蝶

1、回到场景,图层1放入花儿。自己绘制,还是放入一张图片,按个人所需。

2、新建图层2,将刚做好的影片剪辑拖入,F8再次转换为影片剪辑元件,双击进入编辑。

3、将蝴蝶移至舞台一侧,做大小、方向等调整,40帧插入关键帧。

4、新建引导层,线条工具,绘制一条折线,选择工具拖动,使其成为曲线,起点在蝴蝶位置,终点在花上。

5、点蝴蝶层,点上贴紧至对象,将最后一帧蝴蝶移至线条终点处,使变形点与线条相合,并旋转到合适位置。

6、回到帧1,创建补间动画,40帧写上stop();或者延后50插入帧,使蝴蝶在花儿上停留一段时间。

7、场景中,新建一层,拖入多个飞行的蝴蝶。更改颜色、大小等,这一步看个人喜好。

蝴蝶飞舞的效果是许多Flash电影中经常应用到的一个效果,而在本例中仅仅用到了一只沿路径运动的蝴蝶就达到了一个比较好的效果。这个实例是在场景中通过鼠标的移动来实现蝴蝶飞舞,其中蝴蝶飞舞的路径、大小和数量并不是确定的,而是我们通过ActionScript来进行控制的。

第1步,启动Flash 8.0,新建一个文件。右击舞台的空白处,选择快捷菜单中的“文档属性”,设置尺寸大小为:500PX、250PX,背景颜色为“黑色”,确定“确定”按钮,

第2步,按“Ctrl+F8”键,新建一个新元件,名称为“蝴蝶”,“行为”选择“图形”,如图2所示

单击“确定”按钮,进入蝴蝶编辑区。我们可以绘制一个蝴蝶,如果认为在绘制上认为比较烦琐,就找一个现成的处理后的蝴蝶。如图3所示。

第3步,按“Ctrl+F8”键再创建一个新元件,名称为“butterfly”,行为选择“电影剪辑”,如图4所示,

单击“确定”按钮,进入其编辑区。单击“窗口”→“库”,弹出库对话框,将我们制作的“蝴蝶”元件拖到“butterfly”编辑区,单击第7帧、13帧、19帧处按F6键分别插入三个关键帧,选中工具箱中的“任意变形工具”将第7帧、13帧、19帧的蝴蝶依次变榨,如图5所示。

再别分右击第7帧、13帧、19帧选择快捷菜单中的“创建补间动画”,最后的时间轴如图6所示。

第4步,按“Ctrl+F8”键再创建一个新元件”,名称为“fly”,行为选择“电影剪辑”,如图7所示

单击“确定”按钮,进入其编辑区。我们从库中刚才制的“butterfly”元件拖到舞台上,在此层的第35帧处按F6键插入一个关键帧。单击时间轴下面的“运动引导层”按钮,新建一个图层。单击此层的第1帧,选择工具箱中的“铅笔”工具,画一条曲线,颜色任意,也就是蝴蝶运动的路径,如图8所示。

第5步,单击“图层1”的第1帧,选中“butterfly”元件,将它的注册点移与曲线的一端点重合,然后单击窗口下面的“属性”对话框,将“颜色”选择“Alpha”,将其值设为20%,如图9所示。

再单击第35帧将“butterfly”注册点与曲线的另一端重合,按同样的方法,弹出“属性”对话框,将“颜色”选择“Alpha”,将其值设为30%。然后右击第1帧,弹出快捷菜单,选择“创建补间动画”。

第6步,在图层2的第8帧、15帧、25帧分别单击右键,弹出快捷菜单,选择“转换为关键帧”,再分别选中这几帧上的“butterfly”元件,按后单击工具箱中的“任意变形工具”将其稍微旋转一点角度和改变一下大小,如图10所示。单击“场景1”返回主场景。

第7步,将刚才做的“fly”元件从库中拖到舞台上,用鼠标选中它,单击窗口下方的“属性”对话框,将它的实例名称为“fly”,如图11所示。在第3帧处,按F5键插入一帧。单击第1帧,单击窗口下方的“动作-帧”对话框,加入以下语句:

startDrag("fly",true);

第8步,单击时间轴下方的“插入图层”按钮,新建一图层。在这个层上的第1帧、第2帧、第3帧分别按F6键插入三个关键帧,在每个关键帧上分别加入以下动作语句:

第1帧:

number=0;

第2帧:

number=number+1;

if (number<20) {

duplicateMovieClip("fly","fly" and number,number);

setProperty("fly" and number,_alpha,100-number*5);//改变其透明度

setProperty("fly" and number,_rotation,30*number+5);//改变旋旋的角度

setProperty("fly" and number,_x,_xmouse+random(20)*number);//X坐标

setProperty("fly" and number,_y,_ymouse+random(20)*number);//Y坐标

ss=(random(10)+2)*number;

setProperty("fly" and number,_xscale,ss);//水平缩放比例

setProperty("fly" and number,_yscale,ss);//垂直缩放比例

} else {

number=0;

}

第3帧:

gotoAndPlay(2);

第9步,好了,我们完成了,按“Ctrl+Enter”测试一下效果吧!记得存盘呀!在这个效果中所用到的ActionScript都是以后经常用到的,希望在大家可以根据这个实例举一反三,这个蝴蝶可以换成星星、蜜蜂、是游动的鱼,是慢慢下落的雨滴等等。在这个例子中,我们还要以将背景上加入移动的天空,再绘制相应的花草,那么效果看起来会更加比较丰满了,那就赶快发挥我们的想象力吧!

1、先插入一个新电影剪辑,用7帧做出蝴蝶煽动翅膀的的动画。第7怎插入普通帧。

2、回到场景1,从库里把蝴蝶的电影剪辑拖到场景在第150帧插入关键帧。

3、新建一个引导层,画出蝴蝶飞舞的路径,在第150帧插入普通帧。

4、先知图层1的第一帧,用任意变形工具把蝴蝶拖到引导线的始端,并注意让注册点落在一道线上,旋转蝴蝶让它的头部在引导线前进的方向。

在1——150帧之间创建补间动画,并在属性面板勾选“调整到路径”。

测试,完成。