欢迎访问Qi9电脑知识网学习电脑知识,计算机基础知识,请您记住我们的网址www.Qi9.cn!!
内容频道当前位置:Qi9电脑知识网 > 网络知识

巧用闪图,花自飘零叶自落

日期:2017-07-23 12:00 来源:Qi9电脑知识网  【字体: 】   阅读:

巧用flash动画闪图-花自飘零叶自落

随着天气的渐渐转寒,树叶儿变黄了,纷纷落下,花儿也凋谢了,或许,会让人感觉到一种失落、惆怅,但是如果你用心去体味,会发现,其实,花儿凋谢、叶儿飘落的画面有时真的很美呢。

不是有一句名言“生活中并不缺乏美,而是缺乏发现美的眼睛”,下面我们就尝试用flash动画制作,来模拟一下这个自然界中出现的美的一瞬间吧。

比如,这里有一张图,暂且给它起个名字叫“落樱飞舞”吧

巧用flash动画闪图-花自飘零叶自落

这张图片拍得浪漫而唯美,那么怎样利用flash来制作一种樱花花瓣飘落的动画呢?其实并不是一件难事呢。

虽然不难,但是,因为我们所要呈现给大家的是一种唯美的画面,所以在选取素材时,就要注意与整个画面的和谐统一。

分析这张图片,飘落花瓣的方向和位置,是从图片的右上角由小到大,向左下角纷纷落下,因而我们在选取“飘落的花瓣”这一动画素材时,就要注意到花瓣的大小和飘落的方向。这里我们选取这样的闪图:

闪图画面1

巧用flash动画闪图-花自飘零叶自落

闪图画面2

巧用flash动画闪图-花自飘零叶自落

这里解释一下,闪图和普通的图片(jpg)不同,格式为gif,它是一种动画图片,网络上又不少这样的动画的素材,可以在flash动画之作时直接拿来应用。

素材找好了,下一步就在flash中进行制作吧,首先把“落樱飞舞”这幅图片导入舞台,安放在图层1中,

巧用flash动画闪图-花自飘零叶自落

然后在图层1的上层新建一个图层2,在图层2第一关键帧处导入“飘落的花瓣”GIF闪图

巧用flash动画闪图-花自飘零叶自落

如图,图层2上会自动插入这么一排关键帧,这些都是这幅闪图花瓣飘落动作的动画关键帧,一直到大概第52帧处,如果你需要花瓣飘落的时间再长一些,你可以选中1-52帧,在进行复制。

再看,舞台上黑框框内就是这幅闪图现在所在的位置和大小,你可以根据情况移动位置,也可以利用“变形工具”改变大小。巧用flash动画闪图-花自飘零叶自落

在这里,为了使整个画面和谐,我将此位图拉大,位置也拉至右上角的位置,如上图显示,这个时候,请记下软件左下角“属性”中位图宽和高的坐标数值,例如这里宽:390.0×162.1,高:306.0×1.0,因为图层2中此后每一帧的位图都要按照这个坐标数值进行修改。

接着,点击图层2第二帧,会看到

巧用flash动画闪图-花自飘零叶自落

这个时候,要将软件窗口左下角“属性“中位图的坐标进行修改,按照刚才记下数值,宽:390.0×162.1,高:306.0×1.0,修改好了就变成这样,如图

巧用flash动画闪图-花自飘零叶自落

同样,图层2中的第3帧、第4帧……一直到最后一帧都要修改它们的坐标数值。当修改到最后一帧,第52帧时,在第一图层此处插入关键帧,这样花瓣飘落的整个动画过程就制作好了。http://www.woaidiannao.com/

巧用flash动画闪图-花自飘零叶自落

最后,导出“影片”,你就会欣赏到“落樱飞舞”的美丽景象啦

巧用flash动画闪图-花自飘零叶自落

同理,如果要制作树叶儿飘落的美景,也可以利用以上方法哦。

巧用flash动画闪图-花自飘零叶自落

巧用闪图,花自飘零叶自落来自:奇9网

编辑:图客



热门推荐