FlashCS4基础动画制作讲义

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,项目 2,Flash CS4基础动画制作,任务1,逐帧动,画,画的制,作,作,逐帧动,画,画是把,每,每个画,面,面的运,动,动过程,附,附加在,各,各个帧,上,上，当,影,影片快,速,速播放,的,的时候,，,，利用,人,人的视,觉,觉残留,现,现象，,形,形成流,畅,畅的动,画,画效果,。,。,对于逐,帧,帧动画,中,中的每,个,个画面,（,（即单,帧,帧画面,）,），都,需,需要单,独,独进行,制,制作与,设,设计，,虽,虽然制,作,作单帧,画,画面的,过,过程比,较,较麻烦,，,，但是,逐,逐帧动,画,画所形,成,成的动,画,画效果,比,比较优,美,美、细,腻,腻和灵,活,活。,技能应用用分析,1导,入,入素材,及,及整合,场,场景。,2创,建,建影片,剪,剪辑元,件,件，制,作,作马跑,逐,逐帧动,画,画。,3创,建,建传统,补,补间，,制,制作出,马,马从左,跑,跑到右,的,的运动,画,画面。,4通,过,过修改,元,元件的,大,大小、,透,透明度,、,、色调,等,等属性,，,，制作,马,马的影,子,子。,1导,入,入素材,及,及整合,场,场景。,2、通,过,过8张,图,图片制,作,作出马,跑,跑逐帧,动,动画元,件,件。,3、创,建,建传统,补,补间，,制,制作出,马,马从左,跑,跑到右,的,的运动,画,画面。,4、通,过,过修改,元,元件的,大,大小、,透,透明度,、,、色调,等,等属性,，,，制作,马,马的影,子,子。,知识总,结,结,元,元件的,创,创建与,逐,逐帧动,画,画的制,作,作,元件分,为,为3类,：,：影片,剪,剪辑、,按,按钮和,图,图形。,影片剪,辑,辑元件,：,：本身,就,就是一个,小,小动画,，,，其播,放,放不受,主,主时间,轴,轴的影,响,响。,按钮元,件,件：其,作,作用与,网,网页中,的,的超链,接,接类似,，,，用于,实,实现用,户,户的单,击,击响应,动,动作。,图形元,件,件：也,是,是一个,小,小动画,，,，但其,播,播放与,主,主时间,轴,轴同步。,因此，,在,在制作,马,马的逐,帧,帧动画,时,时要创,建,建的是,影,影片剪,辑,辑元件,。,。,逐帧动,画,画就是在时间,轴,轴上逐,帧,帧绘制,出,出不同,的,的内容，使其,连,连续播,放,放从而,形,形成动,画,画。,逐帧动,画,画的制,作,作成本,非,非常高,，,，最终,输,输出的,文,文件也,非,非常大,。,。其播放,模,模式类,似,似于电,影,影，可以,表,表现任,何,何想表,现,现的内,容,容。,逐帧动,画,画适合制,作,作那些,需,需要表,现,现细腻,的,的动画，如人,物,物或动,物,物的转,身,身、头,发,发及衣,服,服的飘,动,动、走,路,路、说,话,话以及,精,精致的3D,效,效果,等,等。,在“马,跑,跑动画,”,”影片,剪,剪辑元,件,件中制,作,作马跑,的,的逐帧,动,动画时,，,，一定,要,要对将,不,不同帧,上,上的奔,马,马图片,进,进行对,齐,齐，这,样,样才能,保,保证马,奔,奔跑的,效,效果比,较,较流畅,。,。,任务2,形状变,形,形动画,的,的制作,形状变,形,形动画,是,是矢量,文,文字或,矢,矢量图,形,形通过,形,形态变,形,形后形,成,成的动,画,画。,在 Flash 中,输,输入的,文,文字，,必,必须先,按,按 Ctrl,+,+B,组,组合键,将,将其彻,底,底打散,，,，而后,才,才能进,行,行形状,变,变形；,Flash,中,中绘制,的,的图形,，,，其本,身,身就是,矢,矢量图,形,形，因,此,此可以,直,直接进,行,行形状,变,变形。,技能应,用,用分析,1运,用,用形状,补,补间动,画,画制作,出,出红色,背,背景弹,出,出的动,画,画效果,。,。,2运,用,用动作,补,补间动,画,画制作,出,出家居,的,的渐现,效,效果。,3运,用,用动作,补,补间动,画,画制作,出,出文字,动,动画。,1运,用,用动作,补,补间动,画,画制作,出,出家居,的,的渐现,效,效果。,2运,用,用形状,补,补间动,画,画制作,出,出红色,背,背景弹,出,出、变,形,形的动,画,画效果,。,。,3运,用,用动作,补,补间动,画,画制作,出,出文字,动,动画。,知识总,结,结,形,形状补,间,间动画,的,的制作,制作形,状,状补间,动,动画时,，,，动画,对,对象必,须,须是可,编,编辑的,图,图形。,其他类,型,型的对,象,象，如,元,元件的,实,实例、,文,文字、,位,位图等,，,，则是,不,不可编,辑,辑的。,此,此时，,可,可通过,“,“修改,分,分离”,命,命令将,对,对象打,散,散为可,编,编辑的,图,图形。,制作形,状,状补间,动,动画必,须,须具备,以,以下3,个,个条件,。,。,（1）,在,在一个,形,形状补,间,间动画,中,中至少,有,有两个,关,关键帧,。,。,（2）,这,这两个,关,关键帧,中,中的对,象,象必须,是,是可编,辑,辑的图,形,形。,（3）,这,这两个,关,关键帧,中,中的图,形,形，必,须,须有一,些,些变化,。,。,成功创,建,建形状,补,补间动,画,画后，,两,两个关,键,键帧之,间,间会出,现,现一个,浅,浅绿色,背,背景的,实,实线箭,头,头。,如果出,现,现的是,一,一条虚,线,线，则,说,说明形状补,间,间动画,没,没有创,建,建成功,。,。,原因可能是动画对象不是可编辑图形，因此，只要先将其转化为可编辑图形，再重新创建即可。,任务3,补间动,画,画的制,作,作,补间动,画,画是指,物,物体通,过,过位置,移,移动、,旋,旋转、,缩,缩放等,一,一系列,变,变换过,程,程形成,的,的动画,。,。,该动画,可,可以真,实,实地记,录,录下物,体,体的各,种,种变换,状,状态。,技能应,用,用分析,1使,用,用传统,补,补间动,画,画制作,背,背景的,渐,渐变效,果,果。,2使,用,用遮罩,动,动画制,作,作小路,的,的动画,效,效果。,3通,过,过修改,元,元件实,例,例的属,性,性，制,作,作树、,人,人物等,的,的传统,补,补间动,画,画效果,。,。,知识总,结,结,补,补间动,画,画的制,作,作,动作补,间,间动画,是,是 Flash 中,最,最常使,用,用的一,种,种动画,形,形式，,可,可以制,作,作出对,象,象位移,、,、放大,、,、缩小,、,、变形,、,、色彩,、,、透明,度,度、颜,色,色亮度,、,、旋转,等,等变化,的,的动画,效,效果。,制作动,作,作补间,动,动画需,满,满足以,下,下条件,：,：,（1）,在,在一个,动,动作补,间,间动画,中,中至少,要,要有两,个,个关键,帧,帧。,（2）,两,两个关,键,键帧中,的,的对象,必,必须是,同,同一个,对,对象。,（3）,两,两个关,键,键帧中,的,的对象,必,必须有,一,一些变,化,化。,成功创,建,建动作,补,补间动,画,画后，,两,两个关,键,键帧之,间,间会形,成,成一个,具,具有浅,蓝,蓝色背,景,景的实,线,线箭头,。,。,如果两,个,个关键,帧,帧之间,形,形成的,是,是一条,虚,虚线，,则,则说明,动,动作补,间,间动画,没,没有创,建,建成功,。,。,原因可,能,能是两,个,个关键,帧,帧中的,动,动画对,象,象不是,同,同一个,对,对象，,也,也可能,是,是动画,对,对象的,类,类型不,对,对，需,要,要调整,后,后再重,新,新创建,。,。,任务4,遮罩动,画,画的制,作,作,遮罩动,画,画是利,用,用 Flash 的,遮,遮罩层,功,功能制,作,作出的,动,动画效,果,果。,遮罩层,是,是一种,特,特殊的,图,图层，,位,位于遮,罩,罩层下,方,方的图,层,层内容,会,会根据,当,当前遮,罩,罩层上,的,的图形,及,及文字,内,内容进,行,行相应,的,的遮罩,，,，从而,实,实现类似于,挡,挡板或,镂,镂空的,效,效果。,技能应,用,用分析,1使,用,用几个,图,图片来,制,制作遮,罩,罩动画,的,的背景,，,，bg4素材,用,用来制,作,作文字,的,的“材,质,质流动,”,”动画,效,效果。,2制,作,作“遮,罩,罩”、,“,“百叶,窗,窗遮罩,”,”和“,材,材质流,动,动”3,个,个影片,剪,剪辑元,件,件。其,中,中，“,百,百叶窗,遮,遮罩”,元,元件是,通,通过“,遮,遮罩”,剪,剪辑元,件,件制作,的,的。,1、制,作,作“百,叶,叶窗遮,罩,罩”影,片,片剪辑,元,元件。,2、制,作,作出材,质,质流动,文,文字效,果,果。,效果,3、利,用,用几张,图,图片制,作,作出两,种,种百叶,窗,窗遮罩,效,效果。,4、添,加,加背景,、,、文字,，,，得到,最,最终效,果,果。,知识总,结,结,遮,遮罩动,画,画的制,作,作要点,遮罩动,画,画需要,具,具备两,个,个图层,：,：遮罩,层,层和被,遮,遮罩层,。,。,遮罩层,在,在上方,，,，就像,一,一个镂,空,空的图,层,层，镂,空,空的形,状,状是遮,罩,罩层中,的,的动画,对,对象形,状,状，从,镂,镂空的,位,位置可,以,以看到,被,被遮罩,层,层对象,。,。,当图层,中,中的图,形,形作为,一,一个遮,罩,罩层时,，,，在被,遮,遮罩层,中,中只可,以,以显示,出,出遮罩,层,层中图,形,形所在,位,位置的,图,图形。,在遮罩,层,层与被,遮,遮罩层,中,中不仅,可,可以显,示,示图形,，,，还可,以,以显示,动,动画。,当遮罩,层,层或被,遮,遮罩层,是,是动画,时,时，此,时,时的动,画,画就会,显,显示出,一,一种特,殊,殊的遮,罩,罩效果,。,。,任务5,引导动,画,画的制,作,作,引导动,画,画即路径,动,动画，,是,是指物体沿,着,着指定,的,的路径,进,进行位,移,移变换,的,的过程。,制作引,导,导动画,的,的过程,中,中，首,先,先需要创建物,体,体元件,，,，并制,作,作成移,动,动动画；然后,在,在该图,层,层上再创建引,导,导层，并在,引,引导层,中,中绘制相,应,应线条作为元,件,件运动,的,的路径,；,；最后,，,，调整元,件,件的运动,起,起始位,置,置和运,动,动结束,位,位置，,使,使它们,分,分别与路径,的,的两个,端,端点重,合,合。,技能应,用,用分析,1利,用,用遮罩,层,层制作,出,出水波,效,效果。,2使,用,用多个,色,色标放,射,射状渐,变,变填充,制,制作水,泡,泡，并,使,使用引,导,导线制,作,作水泡,动,动画。,3使,用,用引导,线,线制作,游,游鱼动,画,画。,1利,用,用遮罩,层,层制作,出,出水波,效,效果。,2使,用,用多个,色,色标放,射,射状渐,变,变填充,制,制作水,泡,泡,3、使,用,用引导,线,线制作,水,水泡动,画,画,4、制,作,作成堆,气,气泡影,片,片剪辑,元,元件,5、制,作,作游鱼,影,影片剪,辑,辑元件,。,。,6、使,用,用引导,线,线制作,游,游鱼动,画,画。,7、拖,入,入元件,，,，添加,流,流水声,。,。,知识点,总,总结,引导,动,动画的,制,制作要,点,点,1、制,作,作引导,动,动画必,须,须具备,两,两个图,层,层：引,导,导层与,被,被引导,层,层。,添加引,导,导层的,方,方法有,两,两种：,（1）,通,通过“,添,添加传,统,统运动,引,引导层,”,”命令,添,添加引,导,导层。,（2）,通,通过图,层,层属性,来,来创建,引,引导层,。,。,示例1,：,：通过“,添,添加运,动,动引导,层,层”命,令,令创建,引,引导层,对某图,层,层使用,“,“添加,运,运动引,导,导层”,命,命令后,，,，该图,层,层会自,动,动转化,为,为被引,导,导层。,在“图层1”上方添