快速业务通道

奇妙的泡泡拼图

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-14

 作品效果:随着许多彩色绚丽的泡泡徐徐上升,一幅美丽的图案逐渐显现出现,给人一种非常奇妙的感觉,下面是最后的效果。
  制作原理:利用Flash将外部的点阵图打散,对其加以切割分解,然后再配合相应组件的Alpha(透明度) 值的变化与场景中出现的时间差,即可完成如下有趣的绚丽效果。


  (注:右键菜单中点“播放”重复观看效果:)
  设置影片属性   在flash中新建一个影片,然后按照如图1所示设置影片属性:
图1>   泡泡状图片的制作   1. 使用File > Import 菜单命令将我们想做成泡泡效果的照片导入到主场景中的图层Layer1中,然后选取insertàconvert to symbol菜单命令将其转换成Graphic Symbol,命名为”pic”,如图2所示: 图2   2. 在主场景中新增四个图层,由下到上分别命名"泡泡1"、"泡泡2"、"泡泡3"及"泡泡4",如图3所示,
图3
  3. 在层 "泡泡4"的第一帧中,从Library图库将之前导入的照片拉到场景中与图层layer1 中的对象相同位置(可利用properties面板对坐标进行调整),然后用 Modify > Break Apart菜单命令将其打散,打散后如图4所示:
图4>   4.用圆形工具,填色选为无色(即只有边线),在打散后的图上绘制数个大小不一的圆形框线,再用箭头工具选取圆形框外的部分,如图3所示,然后再将该区域删除,如图5 所示:
图5   5.清除所有留下来的圆形图片的外框线,并将所有圆形图片选取,用Insert > Convert to Symbol菜单命令转换成一个组件,命名为 "4"。   6.在图层 "泡泡3"的 Frame 1 中,按照上面一样的方法,从Library中将之前导入的照片拉到场景中与图层layer1 中的对象相同位置,然后用 Modify > Break Apart 命令将其打散。   7.在与图层 "泡泡4"框线(下图中红线部份)不同的位置处绘制数个大小不一的圆形框线(黑线部份),再用箭头工具选取圆形框外的部分,如图6所示,并再将该区域删除。
图6>   8.清除所有留下来的圆形图片的外框线,并将所有圆形图片选取,用Insert > Convert to Symbol 指令转换成一个组件,命名为 "3" 。   9.按照步骤6 到步骤8 的方法,完成图层 "泡泡2" 中的"2"组件及图层 "泡泡1"的"1"组件。(注:可在框线显示模式下检视所有泡泡图元件的所含盖的总范围是否能大致覆盖原照片的范围)。

  下面我们来实现泡泡的运动效果。


  二、制作泡泡运动效果   1.将图层 "泡泡1"以外所有的图层隐藏,并在图层“泡泡1” 的Frame 11 及 Frame 15处插入KeyFrame。   2.将图层 "泡泡1" 的Frame 1中的"1"组件向下移动一段距离,并将其Alpha值改为 0 %;另外将Frame 11 中的"1"组件Alpha值改为 50 %。   3.将图层"泡泡1"的Frame 1到 Farme 11及Frame 11 到Frame 15之间设成Motion Tween的动画,如图7所示。
图7   4.按照步骤1 到步骤3 的方式,完成Layer "泡泡2"、Layer"泡泡3" 及Layer "泡泡4"的动画。   5.选取Layer "泡泡2"的Farme 1到Frame15,将其向后挪移为Frame 5到Frame 19的动画;
  同样方法将Layer "泡泡3" 的起始时间改为 Frame 9 到Frame 23的动画;
  将Layer "泡泡4"的起始时间改为 Frame 13 到Frame 27 的动画;
  最后在 Layer "泡泡1"、 Layer "泡泡2"、 Layer "泡泡3"、 Layer "泡泡4"的Frame 28插入一个Frame,使整段动画长度为 28个Frame。   6.在图层layer1 的Frame 36插入Frame,然后将Frame 1 的KeyFrame 拉到Frame 29 ,使Layer 1 中对象1的出场时间为Frame 29到Frame 36,最后的时间线如图8所示:
图8   这样,本实例就制作完成了,输出看看效果吧,是不是真的很奇妙啊,回想一下制作过程,也没用到多复杂的技术,所以说,只要多思考,用简单的技术也能做出意想不到的效果。源文件下载学习 关键词:拼图

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号