飘落的枫叶flash:飘落的枫叶Flash动画的制作过程

  本文举例源代码或素材下载

  本教程介绍飘落枫叶Flash动画制作过程,大家可以举反 3

  首先看下效果:

  首先导入副漂亮风景图片当作背景使用

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  并将图片转换为元件以做背景图使用

  新建个元件类型为图形我们开始绘制个叶子形状绘制思路方法非常简单最终效果如下图:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  的后新建个影片然后把叶子拖到场景中插入个运动向导层用钢笔工具绘制条弯曲曲线:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  的后把图层1中210帧的后把运动引导层也延伸到210帧的后在第帧把叶子图形对准路线开始位置在第210帧把叶子图形拖到曲线最终位置的后在图层1中第28帧、86帧、143帧、176帧处插入关键帧分别用变形工具调整叶子形状的后在第帧选中叶子调整alpha为30%如下图:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  同样思路方法分别设置最后叶子alpha为0%注意在其他帧处要用变形工具调整叶子形状以使动画做更加逼真如图在第18帧处调整叶子形状:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  变形调整好的后分别选择第1帧、第28帧、86帧、143帧、176帧分别做动画如图:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  到这时我们已经制作好了个叶子动作插入个图层在最后帧处插入关键帧然后按F9打开动作面板输入如下指令:

  this.removeMovieClip ;

  如图:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  按照同样思路方法另外制作两个同样动画在此不再详细介绍

  最后回到场景中插入两个新图层选择图层2然后按CTRL+L打开库面板把制作好 3个叶子飘落动画拖到舞台中分别选择3个叶子动画给它们命名例子名字为leaf、leaftwo、leafthree其中命名思路方法如下图:

飘落<img src='/icons/57925de.gif' />枫叶Flash动画<img src='/icons/57925de.gif' />制作过程

  选择图层3在此我们开始编写代码控制3个动画飘落思路方法具体代码如下:

randomTime=20
i = 1;
_root.leaf._visible = 0;
_root.leaftwo._visible = 0;
_root.leafthree._visible = 0;
_root.onEnterFrame = function {
(random (20) 0) {
 _root.leaf.duplicateMovieClip ("leaf"+i, i);
 _root["leaf"+i]._x = random (500)+200;
 _root["leaf"+i]._alpha = random (80)+20;
 _root["leaf"+i]._xscale = random (50)+50;
 _root["leaf"+i]._yscale = _root["leaf"+i]._xscale;
 i;
}
(random (20) 0) {
 _root.leaftwo.duplicateMovieClip ("leaftwo"+i, i);
 _root["leaftwo"+i]._x = random (500)+200;
 _root["leaftwo"+i]._alpha = random (80)+20;
 _root["leaftwo"+i]._xscale = random (50)+50;
 _root["leaftwo"+i]._yscale = _root["leaftwo"+i]._xscale;
 i;
}
(random (20) 0) {
 _root.leafthree.duplicateMovieClip ("leafthree"+i, i);
 _root["leafthree"+i]._x = random (500)+200;
 _root["leafthree"+i]._alpha = random (80)+20;
 _root["leafthree"+i]._xscale = random (50)+50;
 _root["leafthree"+i]._yscale = _root["leafthree"+i]._xscale;
 i;
}
};




  在这里又做了几个类似效果:







  最后几个制作思路方法在这里不再详述提供给大家原文件希望有兴趣朋友自己去学习和研究



Tags:  枫叶flash 飘落的枫叶 枫叶飘落 飘落的枫叶flash

延伸阅读

最新评论

发表评论