Flash例子教程:吹泡泡动画特效

  这个Flash例子制作了个有趣“小丑吹泡泡”动画主要运用了椭圆、直线工具以及任意变形和渐变填充等操作简洁易懂适合练习

  先看下效果吧:

  效果图:



  制作步骤:

  1、新建个Flash文档Ctrl+F8新建个元件命名为“boy”选择椭圆工具设笔触为黑色按住Sht键画出个正圆作为小丑  

Flash例子教程:吹泡泡动画特效

  图01

  2、新建个图层命名为“nose”再画个小椭圆作为鼻子  

Flash例子教程:吹泡泡动画特效

  图02

  3、嘴巴和耳朵都可以都画在鼻子图层上先用直线工具画出如下两条直线作为嘴和脸颊 

Flash例子教程:吹泡泡动画特效

  图03

  4、用选取工具将直线调节成如下弧形以形成微笑嘴巴和鼓起脸颊  

Flash例子教程:吹泡泡动画特效

  图04

  5、画个小椭圆作为耳朵轮廓两条小直线作为耳朵内部线条  

Flash例子教程:吹泡泡动画特效

  图05

  6、用选取工具选取部分耳朵外轮廓并按Delete键删掉再把两条小直线调节成如下弧形完成耳朵 

Flash例子教程:吹泡泡动画特效

  图06

  7、眼睛是由 3个小椭圆组成中间椭圆填充黑色另外两个填充白色叠加起来就行了可以在新图层上画 

Flash例子教程:吹泡泡动画特效

  图07

  8、调整好 5官位置的后给脸和鼻子上色选中脸部在混色器中设置如下从#FEE4CD到#FEC19A渐变类型为“放射状”  

Flash例子教程:吹泡泡动画特效

  图08

  9、鼻子也是同样渐变用填充变形工具把渐变范围缩小点就可以了 

Flash例子教程:吹泡泡动画特效

  图09

  10、画帽子Ctrl+F8新建个元件命名为“cap”先用钢笔工具或者直线工具画个 3角形  

Flash例子教程:吹泡泡动画特效

  图10

  11、用选取工具将 3角形各个边调节成如下曲线 

Flash例子教程:吹泡泡动画特效

  图11

  12、画个小椭圆作为帽子上装饰球  

Flash例子教程:吹泡泡动画特效

  图12

  13、选中帽子在混色器中设置如下从#FDB5B5到#FB1E1E渐变类型为“放射状”  

Flash例子教程:吹泡泡动画特效

  图13

  14、帽子上小球也是同样渐变用填充变形工具把渐变范围缩小点就可以了  

Flash例子教程:吹泡泡动画特效

  图14

  15、回到场景1新建2个图层分别命名为“boy”和“cap”将画好帽子和小丑拖到各自图层上并排好位置  

Flash例子教程:吹泡泡动画特效

  图15

  16、下面开始画泡泡先画出泡泡根部新建个“bar”图层用直线工具画个 3角形填充天蓝色#00CCFF 

Flash例子教程:吹泡泡动画特效

  图16

  17、在第23帧处给 3个图层都按F5插入帧也就是使画面直延续到23帧处 

Flash例子教程:吹泡泡动画特效

  图17

  18、选择帽子所在“cap”图层第16帧单击右键选“转换为关键帧” 

Flash例子教程:吹泡泡动画特效

  图18

  19、再选中“cap”图层第1帧执行菜单/修改/变形/水平翻转改变了帽子方向

Flash例子教程:吹泡泡动画特效

  图19

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

Flash例子教程:吹泡泡动画特效

  图20

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

Flash例子教程:吹泡泡动画特效

  图21

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

Flash例子教程:吹泡泡动画特效



  图22

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

Flash例子教程:吹泡泡动画特效

  图23

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

Flash例子教程:吹泡泡动画特效

  图24

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

Flash例子教程:吹泡泡动画特效

  图25



Tags: 

延伸阅读

最新评论

发表评论