资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,学习目标,第,4,讲,制作逐帧动画,了解帧的种类及对帧的操作,。,掌握逐帧动画的原理和制作方法,。,4.1,逐帧动画原理,4.1.1,知识点讲解,逐帧动画的原理比较简单，但是要制作出优秀的逐帧动画对制作者的动画技能要求较高。本节从逐帧原理入手再配合一个较简单的逐帧动画来向读者讲述如何制作逐帧动画,.,一、帧的类型,（,1,）关键帧。动作补间动画、形状补间动画、,AS,代码、关键帧、空白关键帧在,【,时间轴,】,中的显示如图,4-1,所示。,（,2,）普通帧。普通帧的最后一帧显示为一个中空矩形，图,4-2,所示为普通帧在,【,时间轴,】,中显示的效果。,图,4-1,关键帧,图,4-2,普通帧效果,二、对帧的操作。,对帧的操作有,3,种方式：菜单命令（见图,4-3,）、鼠标右键快捷菜单（见图,4-4,）和键盘快捷键。,图,4-3,选择,【,编辑,】,下的菜单命令,图,4-4,用鼠标右键单击帧弹出的快捷菜单,常用的帧操作命令的快捷键及功能如表,4-1,所示,。,表,4-1,常用的帧操作命令的快捷键及功能,命令,快捷键,功能说明,创建补间动画,在当前选择的帧的关键帧之间创建动作补间动画,创建补间形状,在当前选择的帧的关键帧之间创建形状补间动画,插入帧,F5,在当前位置插入一个普通帧，此帧将延继上帧的内容,删除帧,Shift+F5,删除所选择的帧,插入关键帧,F6,在当前位置插入关键帧并将前一关键帧的作用时间延长到该帧之前,插入空白关键帧,F7,在当前位置插入一个空白关键帧,清除关键帧,Shift+F6,清除所选择的关键帧，使其变为普通帧,转换为关键帧,将选择的普通帧转换为关键帧,转换空白关键帧,将选择的帧转换为空白关键帧,剪切帧,Ctrl+Alt+X,剪切当前选择的帧,复制帧,Ctrl+Alt+C,复制当前选择的帧,粘贴帧,Ctrl+Alt+V,将剪切或复制的帧粘贴到当前位置,清除帧,Alt+Backspace,清除所选择的关键帧,选择所有帧,Ctrl+Alt+A,选择时间轴中的所有帧,翻转帧,将所选择的帧翻转，只有在选择了两个或两个以上的关键帧时该命令才有效,同步符号,如果所选帧中包含图形元件实例，那么执行此命令将确保在制作动作补间动画时图形元件的帧数与动作补间动画的帧数同步,动作,F9,为当前选择的帧添加,ActionScript,代码,三、逐帧动画的原理。,逐帧动画的原理是逐一创建出每一帧上的动画内容，然后顺序播放各动画帧上的内容，从而实现连续的动画效果，如图,4-5,所示。,图,4-5,逐帧动画原理,创建逐帧动画的典型方法主要有以下,3,种。,从外部导入素材生成逐帧动画，如导入静态的图片、序列图像和,GIF,动态图片等。,使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。,绘制矢量逐帧动画，利用各种制作工具在场景中绘制连续变化的矢量图形，从而形成逐帧动画,4.2.1,范例解析（一）对操作帧的练习,请同学们在老师的带领下对帧的操作进行进一步的熟悉，并跟随以下要求进行操作训练。,1,、新建一个,Flash,文档，然后在舞台上输入“,Flash,帧操作”几个字，并设置文字颜色为“暗红色”,如图,4-6,所示。,2,、选中默认“图层,1”,的第,10,帧，按键盘上的,F5,快捷键插入帧，如图,4-7,所示。然后拖动时间轴控制柄观看舞台上文字的变化,图,4-6,输入文字,图,4-7,插入帧,3,、选中默认“图层,1”,的第,5,帧，按键盘上的,F6,快捷键插入关键帧，如图,4-8,所示，在第,5,帧处改变文字的颜色为“蓝色”，然后拖动时间轴控制柄观察第,5,帧前和第,5,帧后文字的变换。,4,、按,F7,快捷键，分别在第,3,帧和第,8,帧处插入空白关键帧，如图,4-9,所示，然后拖动时间轴控制柄观察舞台的变化。,图,4-8,插入关键帧,图,4-9,插入空白关键帧,5,、按,Ctrl+Alt+A,快捷键选中所有帧，如图,4-10,所示。,6,、按,Ctrl+Alt+C,快捷键复制所有帧，然后选中第,10,帧，按下,Ctrl+Alt+V,快捷键粘贴帧，此时，,【,时间轴,】,面板如图,4-11,所示，然后拖动时间轴控制柄观察舞台的效果,。,图,4-10,选中所有帧,图,4-11,粘贴帧,请根据,【,知识点讲解,】,栏目讲解的帧知识和此处进行的操作和观察，思考帧、关键帧、空白关键帧的意义和用法,。,4.2.1,范例解析（一）对操作帧的练习,本例使用从外部导入静态图片和使用文字的方式来制作逐帧动画，从而制作“一马平川”的动画效果，其制作思路及结果如图,4-12,所示,。,图,4-12,制作思路及效果,1,、制作背景。,（,1,）新建一个,Flash,文档，设置文档,【,尺寸,】,为“,550px250px”,，,【,帧频,】,为“,6fps”,，其他属性使用默认参数。,（,2,）将默认的“图层,1”,重命名为“背景”层，执行,【,文件,】/【,导入,】/【,导入到舞台,】,菜单命令，将教学资源中的“素材,第,4,讲,一马平川,背景,.,png,”,的图像文件导入到舞台中，并相对舞台居中对齐，如图,4-13,所示。,图,4-13,导入背景后的舞台效果,2,、制作骏马奔跑动画,。,（,1,）在“背景”图层之上新建一个图层并重命名为“骏马”层，然后选中“背景”图层和“骏马”的第,8,帧，按下,F5,快捷键插入帧，此时的,【,时间轴,】,状态如图,4-14,所示。,图,4-14 【,时间轴,】,状态一,（,2,）新建一个影片剪辑元件并命名为“骏马”，进入元件的编辑模式。,（,3,）在元件内执行,【,文件,】/【,导入,】/【,导入到舞台,】,菜单命令，将教学资源中的“素材,第,4,讲,一马平川,骏马,马,1.png”,的图像文件导入到舞台中，此时会弹出提示对话框，询问是否导入序列图片的对话框，如图,4-15,所示。,（,4,）选择 按钮，将序列图片全部导入到时间轴上，时间轴效果如图,4-16,所示,（,5,）返回主场景，将刚才创建好的“骏马”影片剪辑元件拖入到“骏马”图层，并相对舞台居中对齐，如图,4-17,所示。,图,4-15,导入序列图片,图,4-16 【,时间轴,】,效果,图,4-17,导入“骏马”元件,3,、制作文字逐帧动画。,（,1,）在“骏马”图层上面新建一个图层并重命名为“文字效果”，选中“文字效果”图层的第,2,帧，然后按,F6,快捷键插入一个关键帧。,（,2,）选择,【,文本,】,工具，在,【,属性,】,面板中设置,【,字体,】,为“隶书”，,【,字体颜色,】,为“,#FFFFFF”,，,【,字体大小,】,为“,80”,，然后在舞台上输入“一”字，并移动文字到舞台的上边，如图,4-18,所示。,（,3,）选中“文字效果”图层的第,3,帧，按,F6,快捷键插入一个关键帧，在该帧输入一个“马”字，并移动“马”字的位置到“一”字右侧，效果如图,4-19,所示。,（,4,）使用相同的方法，分别在第,4,帧和第,5,帧输入“平”、“川”字，如图,4-20,和图,4-21,所示。,图,4-18,第,2,帧添加“一”,图,4-19,第,3,帧添加“马”,图,4-20,第,4,帧添加“平”,图,4-21,第,5,帧添加“川”,（,5,）保存测试影片，一马平川的动画效果制作完成,。,4.1.4,课堂练习制作“旗帜飘扬”,请同学们使用绘图工具，在不同的帧上绘制红旗在空中不同的状态，从而制作如图,4-22,所示的动态效果,。,第,1,帧,第,2,帧,第,3,帧,第,4,帧,第,5,帧,图,4-22,动态红旗效果,1,、新建一个,Flash,文档，设置文档,【,尺寸,】,为“,250px350px”,，,【,帧频,】,为“,5”,，其他属性使用默认参数,。,2,、将默认的“图层,1”,重命名为“背景”图层，并在上面绘制背景和旗杆，如图,4-23,所示。,3,、新建一个图层并重命名为“红旗”图层，在第,1,帧绘制如图,4-24,所示的红旗。,4,、在第,2,帧处按,F6,快捷键插入关键帧，然后修改图形效果如图,4-25,所示,。,图,4-23,绘制背景和旗杆,图,4-24,绘制红旗,图,4-25,修改红旗,5,、使用同样的方法制作余下的红旗。,6,、选择“背景”图层的第,5,帧，按,F5,快捷键添加帧。,7,、保存测试影片，一个红旗在微风中飘动的动画制作完成。,课后作业,一、操作题,1,、使用手绘“千里马”的制作方法，制作书写自己名字的逐帧动画。,二、思考题,1,、,Flash,中的帧分为哪几类，他们各自的定义是什么？,2,、简述,Flash,中逐帧动画的原理。,
展开阅读全文