我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 图型图像 > FLASH > 网上的图片切换(纯Flash制作)
热门文章排行
热门文章排行 Photoshop制作精美的简历封面(10-12)
在Flash课件中正确调用SWF文件(11-25)
巧用Photoshop徒手绘制扇子(10-19)
CorelDRAW12循序渐进-制作文本效果(12-29)
消除文字勾边后产生毛刺的小技巧(06-14)
精采文章排行
精采文章排行 GIF动态图片的修改(11-07)
Q版人物绘制全过程(11-07)
Flash互动电子地图制作手册——入门(11-01)
Flash 8.0前瞻——揭开8 ball的薄面(10-24)
土人AS入门教程对象篇(10-24)
技术专题推荐
网管论坛交流
 

网上的图片切换(纯Flash制作) 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-25


-->
尽管这种效果早已不是秘密了。但论坛上给出的原文件却都含有XML,这让很多人头疼!至少让我这个不懂XML的人很头疼。

  自放假以后闲来无事,于是就自己试着做这个效果。我发现就算不用XML一样可以做出来。
   先看看我做出来的效果:)





[制作思路]


   1 先分析特点,就是随机遮盖的效果:每次点击按钮都出现一张新的图片,而且图片出现的方式各不一样.相信接触Flash只要有一小段时间的人一看就知道是怎么做的,答案很简单,就是"遮盖"!


   2 确立的制作方式后,接下来一个问题就是:怎么样点击按钮就出现相应的图片.其实,这个问题很容易解决,而且方法多种多样!定性般的做法是给每个按钮各加上一个事件,用attachMovie把图片在库中加载进来.但是这里我不这样做,这样做等下会很麻烦!我是这样处理的:把N张图片放在一个MC(影片剪辑)里,一帧一张图片,并把图片的大小和位置都对齐,在按钮上加个事件让MC gotoAndStop在某一帧,就实现了点击按钮跳转图片的效果.


   3 接着就是"随机遮盖"的问题了,也是这个效果制作中唯一的难点!把这个问题解决了,做这个图片切换的效果也就没什么难度了.


     我们可以这样处理:


  方法1:把所有的遮盖效果各自做成MC,把他们全部拖到舞台上,设置为透明.用random产生随机数,让每个数字对应一个效果(这个用switch可办到),然后用setMask做遮照就OK了.不过,这虽然好理解,却也是比较笨的方法!


  方法2:大家先看这个语句,看过之后就什么都明白了:)       


 i = random(7)+1//7是遮盖效果的总数,表示有7种不同的遮盖效果.
        attachMovie("MASK"+i,"mask",-1,{_x:30,_y:20})//这里就是随机加载了. 

  前提是在库里为每个遮盖效果都加上连接的ID,并以这种格式:MASK1\MASK2\MASK3\...\MASKn 命名下去! 
  
  4 复制"步骤2"中那个放图片的MC,把他们放下上下2个紧挨着的层,上层做切换的图片,下层做背景,在每个遮盖效果的最后一帧加个gotoAndStop语句,让下层上的图片MC转到与上层图片MC相同的帧上.


     三言两语说不清楚,请看图看效果吧!
     图:



     这是只用一个层的:





这是下面加个背景层的:





所以,步骤4那个背景层的作用,也就一目了然了:) 





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·消除文字勾边后产生毛刺的小技巧 · 解决COREDRAW9与双核CPU冲突的技巧 5
·CorelDRAW入门与进阶实例:8.2椭圆按钮制 ·CorelDRAW印前分色新手上路
·IllustratorCS制作刺绣效果 ·CorelDRAW使用技巧-如何在CorelDRAW中虚

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。