益乐网,yn66.com益你溜溜
网站地图 益乐旗下网站主机域名 云南顺网 益乐代理平台 文山生活网 文山广南网
益乐网首页
首页
益乐论文
论文
益乐作文
作文
精品试题试卷
试题
电脑学习教程
教程
电影视频娱乐
电影
动漫娱乐
动画
音乐试听
音乐
商家企业名录
商家
益乐商品销售
购物
益乐精品图书
书吧
益乐图片欣赏
图吧
益乐论坛
论坛
益乐服务
服务
城市乡镇导航
乡镇
益乐软件下载
软件
  您现在的位置: 益乐学习网 >> 教程 >> 多媒体 >> flash教程 >> 正文

站内教程搜索 高级搜索

 

最新教程
  • 没有文章

  • 教程赞助商
     

    教程专题导航
     

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

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


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



    复制链接】  【字体: 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】【向上
  • 上一篇教程:

  • 下一篇教程: 没有了
  • 版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留。文章版权归我站和作者共有。转载非我站原创文章时,亦请保留版权信息。
    转载要求:转载之图片、文件、视频,链接请不要直接链到本站,且不准在图片打上各自站点的水印,亦不能抹去我站点水印。
    特别注意:本站所提供的摄影照片,插画,设计作品,如需用于商业用途,请务必与原作者联系,版权归原作者所有。若因未取得授权而收起的版权争议,由侵权者自行负责。详情请查看本站的版权声明
    快 乐 团 购


    ◆ 相关文章
    Photoshop CS3用图层样式制作动画…
    Photoshop CS3制作动画:时间轴式动…
    Photoshop CS3制作动画:时间轴…
    Photoshop CS3制作动画:过渡帧动画…
    Photoshop CS3制作动画:淡入淡出效…
    photoshop制作跳动文字动画效果
    Photoshop教程:制作炫光水平线
    Photoshop CS3制作动画:设计思维…
    Photoshop CS3制作动画:设定帧过渡…
    Photoshop CS3制作平面动画:动画帧…
    ◆ 热点文章排行
    ◆ 推荐文章
    益乐精彩广告

    姓 名: * 性别:
    邮 件: Q Q:
    MSN: ICQ:
    主 页:
    评 分: 1分 2分 3分 4分 5分 优秀
    内 容:
    *    
          想要畅所欲言吗? 请注册成为益乐网论坛会员.
     
    益乐网,学习者自己的资讯门户 本站原创文章版权归 益乐网 所有, 已注明来源的文章版权归原作者所有, 转载敬请注明出处!
    网站客服QQ: 1697989  网管QQ: 121050419   电话: 0876-8887070   Email:
    益乐网国际域名:www.YN66.com    益乐网国内域名: www.YN6.cn  滇ICP备05002904号