FLASH动画制作基础教程.ppt

《FLASH动画制作基础教程.ppt》由会员分享，可在线阅读，更多相关《FLASH动画制作基础教程.ppt（25页珍藏版）》请在三一办公上搜索。

1、,补间动画,FLASH动画制作基础教程,制作：李学文,FLASH动画制作基础教程,掌握形状补间动画的原理和创建方法。,掌握形状补间动画的原理和创建方法。,掌握形状提示点的原理和使用方法。,理解动作补间动画与形状补间动画的区别。,FLASH动画制作基础教程,在关键帧上放置元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。,动作补间动画：,FLASH动画制作基础教程,构成动作补间的要素：,构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状，只有把形状“组合”或者转换成“元件”后才

2、可以做“动作补间动画”。,FLASH动画制作基础教程,动作补间动画在时间帧面板上的表现：,FLASH动画制作基础教程,形状补间动画原理,形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。,FLASH动画制作基础教程,绿色渐变,红色渐变,大苹果,小苹果,舞台右边,舞台左边,颜色补间,位置补间,形状补间,FLASH动画制作基础教程,创建形状补间动画 同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，然后再在【属性】面板上的【补间】下拉列表中选择【形状】选项，如图5-2所示，就可创建一个形状补间动画。,FLASH动画制

3、作基础教程,范例操作：,1、新建一个Flash文档，然后利用【椭圆】工具在舞台上绘制一个圆形，并在【属性】面板中设置圆的颜色为“#00FF00”，宽高为“7px7px”，如下图所示。2、在第20帧处插入关键帧，然后以圆为基点绘制一片树叶，如下图所示。,FLASH动画制作基础教程,在第20帧处，首先删除“圆”，然后填充树叶。,树叶效果,【颜色】面板,FLASH动画制作基础教程,在第40帧处插入关键帧，然后调节树叶的颜色。,树叶效果,【颜色】面板,FLASH动画制作基础教程,选中第1帧，然后在【属性】面板的【补间】下拉列表中选择“形状”选项。则创建出第1帧第20帧之间的形状补间动画。,创建补间动画

4、,FLASH动画制作基础教程,制作“浪漫绽放”,花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉。,FLASH动画制作基础教程,制作思路及效果,FLASH动画制作基础教程,在“背景”图层之上新建并重命名图层。,FLASH动画制作基础教程,选择【矩形】工具，在【属性】面板中设置【笔触颜色】为“无”，【填充颜色】为“#37C030”，在“叶片1”图层上绘制一个宽高为“5px5px”的矩形，并将其置于花盆的后面。,第1帧叶片形状,第10帧叶片形状,第20帧叶片形状,FLASH动画制作基础教程,在制作叶片生长动画效果时，注意调整叶

5、片生长的先后顺序，尽量使叶片生长看起来贴近自然。每个叶片的生长时间也可根据叶片大小有所不同。建议将制作完成的图层进行锁定，以免产生误操作。,FLASH动画制作基础教程,制作花梗的生长,花梗形状,花梗的原始形状,原始矩形,FLASH动画制作基础教程,制作花瓣的生长,第105帧花瓣形状,图层效果,椭圆,椭圆,FLASH动画制作基础教程,在绘制花瓣的原始形状时，需要将其放置在花苞上并适当调整位置，使得花开得更自然，也达到掩盖花苞的目的。,花瓣4,花瓣5,花瓣6,花瓣3,花瓣1,花瓣2,花瓣6,FLASH动画制作基础教程,最终场景效果图,FLASH动画制作基础教程,最终时间轴效果图,FLASH动画制作基础教程,形状提示点原理,当用形状补间动画制作一些较为复杂的变形动画时，常常会使画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形状提示点来进行控制。,FLASH动画制作基础教程,形状补间动画和动作补间动画的区别,FLASH动画制作基础教程,谢谢！,