制作飞舞的蝴蝶

2016-01-29 12:46 29 1 收藏

制作飞舞的蝴蝶,制作飞舞的蝴蝶

【 tulaoshi.com - Flash 】

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

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


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

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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

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

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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  单击“确定”按钮,进入其编辑区。我们从库中刚才制的“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 {
   numb

来源:https://www.tulaoshi.com/n/20160129/1487530.html

延伸阅读
绘制小鸟不论是在风景动画中,还是在MTV中,鸟类在天空中自由翱翔的画面总是少不了的,本实例就告诉大家飞行类动物运动规律,并教大家绘制卡通小鸟,实例效果如图7-1所示。 图7-1 最终效果图 核心技术:了解飞行类运动动物规律及鸟类绘制手法;使用【钢笔工具】、【铅笔工具】、【部分选取工具】绘制并调整小鸟形状; 理论浅谈:鸟类运动规...
标签: flash教程
今天和广大的FLASH制作爱好者共享是一种特炫的螺旋动画效果,让我们先来看一下最终的效果吧! ../../../../f/edu/066/6/lsxg.swf 下面让我们一起来学习这个Flash螺旋特效动画的做法。 第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏“修改”→“文档属性”,将其背景色设为黑色(如下图),...
标签: 手工
制作材料和工具 金属丝、尖嘴钳、剪钳、珠宝钳、小珠、蜻蜓模板等 制作步骤 1、截取大约30厘米的金属丝,找到中心位置对折,并用钳子加合使两边的金属丝使其紧密贴在一起,如上图示 2、然后比照模型,以蜻蜓模型中间为中轴,用钳子做基础造型 3、按照蜻蜓模型逐渐弯折金属丝做出蜻蜓骨架 4、将金属丝...
最终效果图 1、新建一个文件然后在背景层上新建一层,填充白色,确定前景色和背景色为黑色和白色,执行菜单栏中的“滤镜”“渲染”“云彩”命令,得到效果如图01所示。 图01 2、接着执行菜单栏中的“滤镜”“模糊”“高斯模糊”命令,设置模糊半径为5,如图02所示,画面效果如图03所示。 图02 图03 3、执行...
标签: FLASH flash教程
今天和广大的FLASH制作爱好者共享是一种特炫的螺旋动画效果,让我们先来看一下最终的效果吧! 下面让我们一起来学习这个Flash螺旋特效动画的做法。 第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏“修改”→“文档属性”,将其背景色设为黑色(如下图),点击确定。 第二步:按一下Ctrl+F8,新建一个元件,名称...

经验教程

65

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部