本教程介绍飘落枫叶Flash动画制作过程,大家可以举反 3
首先看下效果:
首先导入副漂亮风景图片当作背景使用
并将图片转换为元件以做背景图使用
新建个元件类型为图形我们开始绘制个叶子形状绘制思路方法非常简单最终效果如下图:
的后新建个影片然后把叶子拖到场景中插入个运动向导层用钢笔工具绘制条弯曲曲线:
的后把图层1中210帧的后把运动引导层也延伸到210帧的后在第帧把叶子图形对准路线开始位置在第210帧把叶子图形拖到曲线最终位置的后在图层1中第28帧、86帧、143帧、176帧处插入关键帧分别用变形工具调整叶子形状的后在第帧选中叶子调整alpha为30%如下图:
同样思路方法分别设置最后帧叶子alpha为0%注意在其他帧处要用变形工具调整叶子形状以使动画做更加逼真如图在第18帧处调整叶子形状:
变形调整好的后分别选择第1帧、第28帧、86帧、143帧、176帧分别做动画如图:
到这时我们已经制作好了个叶子动作插入个图层在最后帧处插入关键帧然后按F9打开动作面板输入如下指令:
this.removeMovieClip ;
如图:
按照同样思路方法另外制作两个同样动画在此不再详细介绍
最后回到场景中插入两个新图层选择图层2然后按CTRL+L打开库面板把制作好 3个叶子飘落动画拖到舞台中分别选择3个叶子动画给它们命名例子名字为leaf、leaftwo、leafthree其中命名思路方法如下图:
选择图层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;
}
};
在这里又做了几个类似效果:
最后几个制作思路方法在这里不再详述提供给大家原文件希望有兴趣朋友自己去学习和研究
最新评论