不是特效师?也能轻松制作粒子动画!

发表于2015-05-01
评论0 2.9k浏览


前言

  对于UI设计师来说,粒子动画似乎是一个很遥远的词语,想要给自己的界面加点特效不得不精通AE、苦学3D,也是蛮拼的。其实经过我的实践,还有另一个方法能轻松创造华丽的粒子效果,目前已在游戏内运用了,反响不错,适合那些不支持视频嵌入又没有特效师支持的项目,在此跟大家分享一下。 

  首先介绍本文的主角,幻影粒子(particle illusion),小而美的一款软件。它能通过简单设置一些参数就得到丰富的粒子效果。



第一步,在flash里完成基本的界面动画。这是一个抽奖卡牌翻牌的动作:



点击查看基础效果
  现在的效果平平,我们要给它添加爆发力,在翻出卡牌前的等待时间里制作一个过渡动画,拉长玩家的期待


第二步,打开幻影粒子,在右侧面板的粒子库里预览效果,挑选合适的资源(资源库是海量的,可以更新)




第三步,选中了这款StarBall聚光效果,但颜色尺寸还不匹配,双击打开属性面板:




点击中间的“粒子”选项可以改变粒子颜色

左面有更多参数可以选择,大家可以依次试试
生命:影响粒子的生长速度、数量、范围等的一个总参数

大小:改变粒子的总大小

色彩浓度:整体调节粒子的饱和度

第四步  点击箭头左面的窗口图标进入项目设置,超出画面的部分将不能显示,请根据粒子的大小来调整尺寸。



第五步,在保持箭头不被选中的状态下(如果已经被选中,再点击一次取消),单击画面中心,会出现一个圆心,点击播放按钮预览效果。

  如果要移动画面中粒子的位置,点击箭头进行移动.


 


 也许我们只用到某一段动画就够了,在此处输入起始和完结帧数




第六步,最后点击红点开始录制
  先会弹出“另存为”,下拉菜单选择PNG文件,建议在文件名处输入一个前缀,图片数字会自动命名。


 


接下来会弹出“输出选项”,勾上储存Alpha通道,点击确定开始保存:


 


  我们得到了新鲜的素材,至此大功只告成一半哦,接下来的部分要在flash中完成。

  保存出的格式是透明png序列,在fla里导入,注意此处要选择“导入到舞台”,点选第一张后,后面的序列会一同逐帧进入,节省不少时间。对png容量有要求的同学,可以在fw中优化后导入。




  预览完效果 动画时间太短了,但录制更长的粒子意味着文件量的大幅提升。拉长慢速的帧或适当利用循环动作可以节省资源,此处将12-20帧作为一个循环,凑出了80帧。

  顺带一提 粒子动画的起始段过后,一般就会出现循环动作,录制时需要观察每个素材的特性,选择最适合的一段。



  后续在flash里对已成型的粒子进行二次加工,在外部加入收缩的动画,混合模式改为增加。这个动作把玩家的注意力慢慢聚焦至一点,随后得到情绪的释放,加强整个抽奖过程的刺激度。
  按照上面的方法继续制作释放时的粒子动画。
  最后的效果:


 


点击查看最终效果

 

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引