第一专题Flash的基本动画.ppt

二维动画制作工具Flash的使用,张金菊zhjinju,第一专题Flash的基本动画,本专题主要讨论如下问题：从整体上认识Flash的功能Flash的内容层次Flahs的基本动画,一从整体上认识Flash的功能,Flash是素材制作工具，可以制作：二维矢量图形平面顺序动画平面交互式动画多媒体作品制作工具主要是指完整的动画作品，作品中能整合多媒体素材。,二Flash的内容层次,学习Flash，可按照如下内容层次进行作品（电影）场景层帧帧上各种类型的对象。即：一个Flash作品可有一个或多个场景一个场景可有一层或多层组成一层上可有一帧或多帧每一帧上可有一个或多个对象。对象的类型主要有：外部资源对象、组合对象、文字对象、实例对象、矢量图形对象等。,提示：,学习Flash最基本的就是掌握对这些内容的处理和将这些内容有机结合的方法，以实现期望的动画效果。,三.Flahs的基本动画,Flash的强大功能充分体现在动画制作上。Flash动画是以时间线为基础的帧动画。这里，讨论以下问题：动画效果的类型实现动画效果的途径对帧的初步认识Flash的三种基本动画及其制作方法,动画效果的类型,Flash可以实现的基本动画效果有：对象位置的变化对象的放大与缩小对象的旋转对象的变色对象的淡入淡出对象的形状变化,实现动画效果的途径,Flash是通过改变连续帧上的内容来实现这些效果的。,对帧的初步认识,因为Flash动画实质上是帧动画，是通过改变连续帧的内容来实现动画效果所以，帧在动画制作中是一个很重要的概念，也是很重要的角色。Flash动画制作的过程，就是决定动画每一帧显示什么内容的过程。Flash的帧有两种：关键帧和延伸帧。其中：关键帧是用来定义动画变化的帧，只能在关键帧上放置动画内容。延伸帧用来延伸关键帧的内容。,Flash的三种基本动画及其制作方法,Flash动画是以三种动画为基础的,这三种动画为：运动动画、形变动画、逐帧动画。对这三种动画要了解的基本问题是：针对什么类型的对象的能产生什么效果如何进行相应类型的动画设置,1运动动画,针对非矢量图形对象能使这些对象产生位置、大小、旋转等变化效果，还能对其中的实例对象产生变色，渐变等变化效果。基本的动画方法是：在开始的关键帧上确定动画的初始状态，在结束的关键帧上确定动画的结束状态这时，在开始的关键帧和结束的关键帧之间是延伸帧，然后在开始的关键帧处设置运动动画模式。,2形变动画,针对矢量图形对象能使这些对象产生形状、位置、颜色、大小等变化效果。基本的动画方法是：在开始的关键帧上设置动画的初始状态，在结束的关键帧上设置动画的结束状态这时在开始的关键帧和结束的关键帧之间是延伸帧然后在开始的关键帧处设置形变动画模式。,3逐帧动画,逐帧动画是一个由若干连续关键帧组成的动画序列，是与传统动画制作类似的最为基础的动画制作方法。在制作这种动画时，需要对每一帧的内容进行逐个绘制、处理，不论什么类型的对象，从动画开始状态到结束状态，每一帧都要自行处理。逐帧动画工作量大，但能产生相当强的动画效果，只要你能想到，能绘制出来，就能形成动画因此，当你采用其它方法无法实现预期的动画效果时，就可考虑采用逐帧动画的方法来实现。逐帧动画非常适合于制作较为复杂的动画效果，但对制作人员的绘画技巧有较高的要求，而且动画文件数据量大，所以，除非有必要，一般不制作逐帧动画。,实践一,转动的照片（运动动画）S1：设置电影属性，尺寸：800600；背景：白色；帧速度：12。S2：在第1关键帧的左上角放置一图片，要做：导入一图片调整其大小（为280220）和位置（25，13）。S3：在第30帧处插入关键帧，在右下角（255，160）处放置与第1关键帧大小内容相同的图片，并旋转180度。S4：在第1帧上设置运动动画。S5：播放。,实践一方法：,S1：设置电影属性，尺寸：800600；背景：白色；帧速度：12。方法：单击舞台，在“属性”面板中单击“大小”指示的按钮，可在弹出的“文档属性”对话框中将“尺寸”处的内容改为“800”和“600”；“背景”选择白色；“帧频”处键入“12”。（若缺省内容与要求相同，可不改。）,S2：在第1关键帧的左上角放置一图片,要做：导入一图片调整其大小（为280220）和位置（25，13）方法：导入图片单击“文件”菜单，选择“导入”命令，在“导入”对话框中选择要导入的图片文件，单击“打开”。（这时，舞台上出现导入的图片，而且库里也有导入的图片。）如果库里有你需要的图片，也可直接从库中拖出，方法是：打开图库面板，用鼠标拖动的方式将该图片直接拖到舞台上，这就完成了图片的导入。调整大小和位置在“工具”栏中单击“箭头工具”，单击待调整大小的图片，再在“工具”栏中单击“任意变形工具”，在图片的周围处根据鼠标所到处箭头的指示方向按住左键不放拖曳鼠标，将图片的大小调整到满意为止。大小调整合适后，在“工具”栏中单击“箭头工具”，用按住左键不放拖曳鼠标的方法，将调整好的图片放到合适的位置。还可通过修改“属性”面板中参数的方法进行大小和位置的调整。当在“工具”栏中单击“箭头工具”，单击待调整大小的图片后，“属性”面板中会出现该图片（位图）的大小和位置属性，即：高、宽、X、Y。将宽设置为280，将高设置为220，将X设置为25，将Y设置为13。,S3：在第30帧处插入关键帧，在右下角（255，160）处放置与第1关键帧大小内容相同的图片，并旋转180度。,方法：单击时间线上的第30帧，鼠标不离开按右键弹出快捷菜单，选择“插入关键帧”命令将舞台上出现的图片用“箭头工具”拖曳到（255，160）处用“任意变形工具”将图片旋转180o。,S4：在第1帧上设置运动动画。,方法：单击时间线上的第1帧单击“属性”面板中“补间”的下拉键在下拉菜单中选择“运动渐变”。,S5：播放。,方法：单击“控制”菜单选择“播放”命令。,实践二方圆变化（形变动画）,S1：设置电影属性，尺寸：550400；背景：白色；帧速度：12。S2：在第1关键帧上绘制一个圆，其属性为：无填充、线条颜色为红色、直径为150，位置在（50，45）。S3：在第40帧处插入关键帧，将帧上的圆放置在右下角（360，220）处，在圆内再画一方，其属性为：无填充、线条颜色为黑色，注意方不要太大，四个角不要与圆的边接触。S4：在第1帧上设置形变动画。S5：播放。,实践二方法：,S1：设置电影属性，尺寸：550400；背景：白色；帧速度：12。方法：单击舞台在“属性”面板中单击“大小”指示的按钮在弹出的“文档属性”对话框中将“尺寸”处的内容改为“550”和“400”“背景”选择白色“帧频”处键入“12”。（若缺省内容与要求相同，可不改。）,S2：在第1关键帧上绘制一个圆，其属性为：无填充、线条颜色为红色、直径为150，位置在（50，45）。,绘制圆的方法：在“工具”栏中单击“椭圆工具”在“工具”栏中的“颜色”处将“填充色”设置为“无填充”将“笔触颜色”（线条颜色）设置为红色，颜色号为#FF0000。在舞台上用鼠标拖曳的方法，绘制一圆，为保证是正圆而不是椭圆，可在拖曳鼠标的同时，按住“Shift”键。用“工具”栏中的“箭头工具”，点击圆的线条，将圆选中，将“属性”面板中的“高”和“宽”都设置为150；将“X”和“Y”分别设置为50和45。,S3：在第40帧处插入关键帧，将帧上的圆放置在右下角（360，220）处，在圆内再画一方，其属性为：无填充、线条颜色为黑色。,绘制方的方法与绘制圆的方法基本相同，只是具体的绘图工具选择“矩形工具”。属性的设置方法也与圆的设置方法基本相同，只是方的大小没有具体要求，在圆内根据情况用“箭头工具”，和鼠标拖曳的方法调整方的大小和位置。同样在绘制方的时候，为保证是正方，可用“Shift”键。,S4：在第1帧上设置形变动画。,方法：单击时间线上的第1帧单击“属性”面板中“补间”的下拉键在下拉菜单中选择并单击“形状渐变”。,S5：播放。,方法：单击“控制”菜单选择“播放”命令。,实践三写字效果（逐帧动画）,S1：设置电影属性，尺寸：550400；背景：白色；帧速度：12。S2：在第1关键帧上键入一个字，比如：“大”，该字的属性：字号为150、字体为楷体、字形为加粗、颜色为红色。并将它“打散”。S3：在下一帧插入关键帧，进行反笔顺擦除。S4：重复S3，直到全部擦除。（擦除时注意两点，一是一次不要擦除太多，二是要保持笔划的完整性。）S5：对经过S3和S4所得到的所有帧进行帧翻转，即：将原来的第1帧翻转为最后一帧，原来的最后一帧翻转为第1帧，原来的第2帧翻转为倒数第2帧，原来的倒数第2帧翻转为第2帧，依此类推。S6：播放。,实践三方法：,S1：设置电影属性，尺寸：550400；背景：白色；帧速度：12方法：单击舞台在“属性”面板中单击“大小”指示的按钮在弹出的“文档属性”对话框中将“尺寸”处的内容改为“550”和“400”“背景”选择白色“帧频”处键入“12”。（若缺省内容与要求相同，可不改。）,S2：在第1关键帧上键入一个字，比如：“大”，该字的属性：字号为150、字体为楷体、字形为加粗、颜色为红色。并将它“打散”。,方法：键入字：在“工具”栏中单击“文本工具”单击“属性”面板中的“字体”下拉箭头在下拉菜单中选择“楷体”在“字体大小”中设置150在“文本填充”中设置颜色为红色；单击“切换粗体”。在舞台上，单击鼠标，在出现的文本框中键入“大”字用“箭头工具”将这个“大”字拖曳到合适的位置，比如，舞台正中间。打散用“箭头工具”将该字选中单击“修改”菜单选择并单击“分离”命令。,S3：在下一帧插入关键帧，进行反