Flash制作可爱吹泡泡动画效果教程(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:硅谷动力   作者:情非得已

关键词

20、新建一个“bubble”层用来画泡泡。在第5帧上按F6插入关键帧,用椭圆工具画一个小椭圆,填充从白色到#70E2FE的放射状渐变。

Flash制作可爱吹泡泡动画效果教程

21、在第15帧上按F6插入关键帧,用自由变形工具将泡泡拉大,并添加形状补间。

Flash制作可爱吹泡泡动画效果教程

图21

22、同时用填充变形工具也拉大渐变填充的范围。

Flash制作可爱吹泡泡动画效果教程

图22

23、画泡泡爆炸效果。在第16帧上按F7插入空白关键帧,用钢笔或直线工具画一个不规则的六边形。

Flash制作可爱吹泡泡动画效果教程

图23

24、用选取工具将六条直线边调节成如下曲线形状,就有了爆炸的感觉。

Flash制作可爱吹泡泡动画效果教程

图24

25、给六边形填充黄色就OK了。Ctrl+Enter可测试效果,泡泡爆炸的同时,帽子也被吹到另一边。

Flash制作可爱吹泡泡动画效果教程

最终效果图

Flash制作可爱吹泡泡动画效果教程

 收藏