您的位置:首页> 日志> 视觉设计 正文
DTOP

swf动画反编译软件分享

红狼哥 | 2012年09月29日 |

>>收藏本文 已有 0条评论

  在做动画的过程中,为了使动画做得更好看,往往会花很多时间做一些装饰性的动画效果,我们手工去制作会花很多时间,而且效果不一定能比较满意,那如何能把这部分时间节约出来或转化为资源收藏呢?

  对于我们现在工作中需要应用到动画的地方,我们做很一些小小的动画,使得网站看起来更生动,在这里以复兴实验中学的首页banner为列,介绍一下如果快速制作小动画,
在这里推荐大家用下硕思家族中的两名成员,非常强大的swf反编译工具,动画人士必备!~~



  首页看看效果吧,这个动画其实很简单,就只添加了动画加载进度条、阳光、云彩飘动等(本来有更多的动画效果,但客户不要,所以去掉了,其实都是一样的,只是多个步骤,在这里我们就举一反三)



首页来看看设计的banner效果图


一、我们要把这个效果图先分解成动画所需要的元素(因为光和云是白色的,看不到,所以我们在硕思闪客精灵工具里预览),这些就是从psd里分别是导出来的,必须是png24,半透明的效果是非常好的


二、1)从网上下载一些swf的翅果效果素材资源,这里我们就介绍阳光吧,如果要添加更多的效果,只要重复这个步骤即可


二、2)打开硕思闪客精灵,把阳光.swf动画拉进去(导入),然后直接导出为.FLA格式即可(随便一个版本都可以,最好用推荐的即可)



二、3)导出后就直接是我们需要的fla格式了


三、1)打开flash cs6(我这里用的是cs6版本的),新建一个动画,把动画载的代码及样式复制进来(把动画破解后就有的),注意场景动画要放到第4帧,可以放到其它图层,也可以新建一个图层



三、2)把图片导入到库,然后每个图片或资源放在一个图层,在这里,topBg,txt,house,bg这是固定不会动的图


三、3)云彩是轻轻飘动的,所以我们要做云彩的效果,(以cloud2为例)云彩要循环飘动,所以要建2个一样的图层,只是位置不一样,当第一个飘动过后,第二个刚好飘到第一个的位置(如图下图3)只要位置对得上就行了






三、4)重复同样的步骤把cloud1制作好
三、5)打开刚才破解出来的~山林阳光.fla文件,把图层复制到一个新建的影片剪辑中


三、6)把这个影片剪辑拉到我们刚做好的动画里,sun这个图层




三、7)最后调一下位置就好了行了



  这里的步骤看起来有点多,但做起来其实是非常快的,平时多收集一些swf的素材,做动画的时候直接破解出来用就行了,非常方便也非常快的。做动画和做版子是一样的原理,有了素材,拼拼就可以搞定了。

我再介绍一下这两个工具的特点:
  硕思闪客精灵:主要用于swf反翻译fla,非常给力,只要是swf格式都能搞定,记得我开始用的3.0的以前版本的时候,很不好用,png透明时有背景,现在已经很完美了,这个工具是收费的,目前最新版已更新到V7.3了,更神威的是支持将flash转成html5



  硕思闪客之锤 :主要用于在没有fla源文件的情况下可以直接编辑swf文件(即无需fla,只要有swf就能修改swf),这个工具网上很少有风声,如果愿意花点大洋,相信可以满足你的欲望的,可以导出swf,exe,gif,avi,html5等格式的,下图是v5.2版,这个版本不是最新版


当然硕思家族还有更多神奇的工具,比如硕思魔法菜单,硕思闪客菜单等


  有了这些工具,作起动画来就很简单了,平时我们面对的很多问题,都可以很好的解决,但不是所有的动画都是可以完美的破解的,比如,用了很多as,或使用了某些组件的动画,可能破解出来会用不了,多动动手,问题依然可以解决的。