FLASH动画制作基础教程.ppt

FLASH动画制作基础教程动画制作基础教程制作：李学文FLASH动画制作基础教程动画制作基础教程掌握形状补间动画的原理和创建方法掌握形状补间动画的原理和创建方法 。掌握形状补间动画的原理和创建方法掌握形状补间动画的原理和创建方法 。掌握形状提示点的原理和使用方法掌握形状提示点的原理和使用方法。理解动作补间动画与形状补间动画的区别理解动作补间动画与形状补间动画的区别理解动作补间动画与形状补间动画的区别理解动作补间动画与形状补间动画的区别。FLASH动画制作基础教程动画制作基础教程 在关键帧上放置元件，然后在另一个关键帧在关键帧上放置元件，然后在另一个关键帧在关键帧上放置元件，然后在另一个关键帧在关键帧上放置元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，改变这个元件的大小、颜色、位置、透明度等，改变这个元件的大小、颜色、位置、透明度等，改变这个元件的大小、颜色、位置、透明度等，Flash Flash Flash Flash 根据二者之间的帧的值创建的动画被称为根据二者之间的帧的值创建的动画被称为根据二者之间的帧的值创建的动画被称为根据二者之间的帧的值创建的动画被称为动作补间动画。动作补间动画。动作补间动画。动作补间动画。动作补间动画：动作补间动画：动作补间动画：动作补间动画：FLASH动画制作基础教程动画制作基础教程构成动作补间的要素：构成动作补间的要素：构成动作补间的要素：构成动作补间的要素：构成动作补间动画的元素是元件，包括影构成动作补间动画的元素是元件，包括影构成动作补间动画的元素是元件，包括影构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合片剪辑、图形元件、按钮、文字、位图、组合片剪辑、图形元件、按钮、文字、位图、组合片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状，只有把形状等，但不能是形状，只有把形状等，但不能是形状，只有把形状等，但不能是形状，只有把形状“组合组合组合组合”或者或者或者或者转换成转换成转换成转换成“元件元件元件元件”后才可以做后才可以做后才可以做后才可以做“动作补间动画动作补间动画动作补间动画动作补间动画”。FLASH动画制作基础教程动画制作基础教程动作补间动画在时间帧面板上的表现：动作补间动画在时间帧面板上的表现：动作补间动画在时间帧面板上的表现：动作补间动画在时间帧面板上的表现：FLASH动画制作基础教程动画制作基础教程形状补间动画原理 形状补间动画是动画制作中一种常用的动画制作形状补间动画是动画制作中一种常用的动画制作方法，它可以补间形状的位置、大小和颜色等，使用方法，它可以补间形状的位置、大小和颜色等，使用形状补间可以制作出千变万化的动画效果。形状补间可以制作出千变万化的动画效果。FLASH动画制作基础教程动画制作基础教程绿色渐变绿色渐变红色渐变红色渐变大苹果大苹果小苹果小苹果舞台右边舞台右边舞台左边舞台左边颜色补间颜色补间位置补间位置补间形状补间形状补间FLASH动画制作基础教程动画制作基础教程创建形状补间动画创建形状补间动画 同一图层上，在绘制着不同矢量图形的两关键帧之间任同一图层上，在绘制着不同矢量图形的两关键帧之间任选选1 1帧，然后再在帧，然后再在【属性属性】面板上的面板上的【补间补间】下拉列表中选下拉列表中选择择【形状形状】选项，如图选项，如图5-25-2所示，就可创建一个形状补间动所示，就可创建一个形状补间动画画 。FLASH动画制作基础教程动画制作基础教程范例操作：1 1、新建一个、新建一个FlashFlash文档，然后利用文档，然后利用【椭圆椭圆】工具在舞台上绘制一个圆形，并工具在舞台上绘制一个圆形，并在在【属性属性】面板中设置圆的颜色为面板中设置圆的颜色为“#00FF00”#00FF00”，宽高为，宽高为“7px7px”7px7px”，如下图所示如下图所示 。2 2、在第、在第2020帧处插入关键帧，然后以圆为基点绘制一片树叶，如下图所示。帧处插入关键帧，然后以圆为基点绘制一片树叶，如下图所示。FLASH动画制作基础教程动画制作基础教程在第在第2020帧处，首先删除帧处，首先删除“圆圆”，然后填充树叶。，然后填充树叶。树叶效果树叶效果【颜色颜色】面板面板 FLASH动画制作基础教程动画制作基础教程在第在第4040帧处插入关键帧，然后调节树叶的颜色。帧处插入关键帧，然后调节树叶的颜色。树叶效果树叶效果 【颜色颜色】面板面板 FLASH动画制作基础教程动画制作基础教程 选中第选中第1 1帧，然后在帧，然后在【属性属性】面板的面板的【补间补间】下拉列表中选择下拉列表中选择“形状形状”选项。则创建出第选项。则创建出第1 1帧第帧第2020帧之间的形状补间动画。帧之间的形状补间动画。创建补间动画创建补间动画 FLASH动画制作基础教程动画制作基础教程制作制作“浪漫绽放浪漫绽放”花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个来制作一个“浪漫的绽放浪漫的绽放”动画，带领读者来一同体验自己绘动画，带领读者来一同体验自己绘制出的浪漫感觉。制出的浪漫感觉。FLASH动画制作基础教程动画制作基础教程制作思路及效果制作思路及效果 FLASH动画制作基础教程动画制作基础教程在在“背景背景”图层之上新建并重命名图层。图层之上新建并重命名图层。FLASH动画制作基础教程动画制作基础教程 选择选择【矩形矩形】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为“无无”，【填充颜色填充颜色】为为“#37C030”#37C030”，在，在“叶片叶片1”1”图层上绘制一个宽高为图层上绘制一个宽高为“5px5px”5px5px”的矩形，并将其置于花盆的后面。的矩形，并将其置于花盆的后面。第第1 1帧叶片形状帧叶片形状 第第1010帧叶片形状帧叶片形状 第第2020帧叶片形状帧叶片形状 FLASH动画制作基础教程动画制作基础教程 在制作叶片生长动画效果时，注意调整叶片生长在制作叶片生长动画效果时，注意调整叶片生长的先后顺序，尽量使叶片生长看起来贴近自然。每个的先后顺序，尽量使叶片生长看起来贴近自然。每个叶片的生长时间也可根据叶片大小有所不同。建议将叶片的生长时间也可根据叶片大小有所不同。建议将制作完成的图层进行锁定，以免产生误操作。制作完成的图层进行锁定，以免产生误操作。FLASH动画制作基础教程动画制作基础教程制作花梗的生长制作花梗的生长花梗形状花梗形状 花梗的原始形状花梗的原始形状 原始矩形原始矩形 FLASH动画制作基础教程动画制作基础教程制作花瓣的生长制作花瓣的生长第第105105帧花瓣形状帧花瓣形状 图层效果图层效果 椭圆椭圆椭圆椭圆FLASH动画制作基础教程动画制作基础教程 在绘制花瓣的原始形状时，需要将其放在绘制花瓣的原始形状时，需要将其放置在花苞上并适当调整位置，使得花开得更置在花苞上并适当调整位置，使得花开得更自然，也达到掩盖花苞的目的自然，也达到掩盖花苞的目的 。花瓣4花瓣5花瓣6花瓣3花瓣1花瓣2花瓣6FLASH动画制作基础教程动画制作基础教程最终场景效果图最终场景效果图FLASH动画制作基础教程动画制作基础教程最终时间轴效果图最终时间轴效果图FLASH动画制作基础教程动画制作基础教程形状提示点原理 当用形状补间动画制作一些较为复杂的变形动画时，常当用形状补间动画制作一些较为复杂的变形动画时，常常会使画面变得混乱，根本达不到用户想要的变化过程，这常会使画面变得混乱，根本达不到用户想要的变化过程，这时就需要使用形状提示点来进行控制。时就需要使用形状提示点来进行控制。FLASH动画制作基础教程动画制作基础教程形状补间动画和动作补间动画的区别形状补间动画和动作补间动画的区别形状补间动画和动作补间动画的区别形状补间动画和动作补间动画的区别区别之处区别之处动作补间动画动作补间动画形状补间动画形状补间动画时间轴上的表现时间轴上的表现淡紫色背景加长箭头淡紫色背景加长箭头淡绿色背景加长箭头淡绿色背景加长箭头组成元素组成元素 影片剪辑、图形元件、影片剪辑、图形元件、按钮、文字、位图等按钮、文字、位图等形状，如果使用图形元件、形状，如果使用图形元件、按钮、文字，则必先打散按钮、文字，则必先打散再变形再变形。完成的作用完成的作用实现一个元件的大小、实现一个元件的大小、位置、颜色、透明等的位置、颜色、透明等的变化。变化。实现二个形状之间的变化，实现二个形状之间的变化，或一个形状的大小、位置、或一个形状的大小、位置、颜色等的变化。颜色等的变化。FLASH动画制作基础教程动画制作基础教程