《flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第3章动画制作基础知识》由会员分享，可在线阅读，更多相关《flashcs3动画制作基础与案例教程教学课件作者温俊芹教学讲义第3章动画制作基础知识（31页珍藏版）》请在金锄头文库上搜索。
1、第三章 动画制作基础知识第三章 动画制作基础知识我们大家都不会陌生，“米老鼠”、“唐老鸭”等动画形象肯定已深深印在你的脑海中。动画，可以说是一种老少咸宜的艺术形式。动画有着悠久的历史，像我国民间的走马灯和皮影戏，就可以说是动画的一种古老形式。当然，真正意义的动画，是在电影摄影机出现以后才发展起来的，而现代科学技术的发展，又不断为它注入了新的活力。动画是通过连续播放一系列画面，给视觉造成连续变化的图画。它的基本原理与电影、电视一样，都是视觉原理。医学已证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，
2、就会给人造成一种流畅的视觉变化效果。因此，电影采用了每秒24幅画面的速度拍摄播放，电视采用了每秒25幅（PAL制）(中央电视台的动画就是PAL制)或30幅（NSTC制）画面的速度拍摄播放。如果以每秒低于24幅画面的速度拍摄播放，就会出现停顿现象。本章主要介绍Flash CS3.0的动画制作基础知识，在使用Flash CS3.0制作动画之前对一些基本概念有所了解，比如：帧、图层、时间轴、元件等。帧在Flash动画制作的过程中是一个最基本的概念。它贯穿于动画制作的全过程。本章从帧的概念入手，全面讲述Flash CS3.0动画制作的基础知识。第一部分 学习要求一 应知目标1. 了解动画的概念和原理2
3、. 了解帧的概念和分类3. 了解图层的概念4. 了解时间轴的概念5. 了解元件的概念二 应会目标1. 掌握帧的基本操作2. 掌握时间轴和图层的基本操作3. 掌握三种类型的元件的制作方法4. 掌握影片剪辑元件的使用三 预备知识1. 掌握动画制作绘图工具的使用方法2. 熟悉Flash CS3.0软件的基本操作3. 了解各个控制面板的基本功能四 课时安排项目学时教学方式（参考）1预习课余预习本课相关的知识，并能完成本次课的项目实例操作2课堂讲解2学时. 讲解帧的概念、分类和基本操作. 讲解时间轴与图层的概念和基本操作. 讲解元件的概念、创建和编辑3实训练习2学时. 参考课堂上教师讲解的操作步骤，完实
4、践训练中的项目内容. 有实力的同学继续完成职岗演练中的项目内容第二部分 课堂讲解3.1 帧动画的形成原理是多张图片连续变换时，由于人眼的视觉停留现象，使人认为这些图片内容动起来了的感觉。Flash CS3.0也是根据这个原理产生动画效果的。在整个动画的制作过程中，帧是一个最基本的概念，贯穿于动画制作的全过程，通过改变连续帧的内容来实现动画的。3.1.1 帧的概念电影是由一格一格的胶片按照先后顺序播放出来的，由于人眼有视觉停留现象，这一格一格的胶片按照一定速度播放出来，看起来就“动”了，动画制作采用的也是这一原理，而Flash中的“帧”就相当于这一格一格的胶片。认识帧之前，我们先得认识时间轴，如
5、图3-1所示。在FlashCS3.0的界面中，时间轴位于工作界面的上方，这里也是对帧进行操作的地方。随着影片播放时间的推进，动画将会按照横轴的方向播放，所以横轴就是时间线(Timeline)。每一个帧用一个小方格代表，我们也可以说一个小方格就是一帧。图3-1 “时间轴”面板3.1.2 帧的分类在Flash CS3.0中动画制作是通过改变连续的帧的内容来实现的，首先要了解帧的分类：关键帧、过渡帧和空白关键帧。1. 关键帧关键帧在制作动画的过程中是非常关键的，只有定义了关键帧和动画的属性，才能让FLASH自动完成动画过程。关键帧就是定义动画的起始点和终结点，也就是说，动画的起始点和终结点都是关键帧
6、，显示效果如图3-2处所示。2. 过渡帧在定义了FLASH的起始关键帧和终结关键帧之后，在起始和终结关键帧之内的帧被称为过渡帧，过渡帧是具体动画的实现的详细过程图，它能具体体现动画变化过程。当鼠标点击在过渡上时，工作区将预览这一帧的动画情况，显示效果如图3-2处所示。3. 空白关键帧在一个关键帧里面，什么对象也没有添加，这种关键帧称为空白关键帧。单击鼠标左键，选定一个影格，然后再单击右键，在弹出菜单中选取“插入空白关键帧”，这样的关键帧就是空白关键帧，显示效果如图3-2处所示。图3-2 不同类型帧的显示方式3.1.3 帧的操作Flash动画的形成过程就是将一个实体从一帧到另一帧的转变过程，也就
7、是说动画必须由帧来建立，如何对帧进行操作就十分重要。创建Flash动画主要有逐帧动画和渐变动画，在逐帧动画中，每一帧都是关键帧，需要为每一关键帧创建图像内容；而在渐变动画中，只要创建开始帧和结束帧，中间的过程将由Flash自动形成。1. 插入帧使用“插入帧”功能，将在选定的帧后插入一个和这个选定帧完全一样的帧，如果选定的帧是一个未曾使用的空白帧，那么将在和这个帧最接近的前面的帧之间插入和前面的帧一样的帧；如果选定的帧是两个关键帧之间的任一过渡帧的话，那么将在和这个帧最接近的前面的帧之间插入一个和前面的帧一样的过渡帧；在绘图过程中我们也经常使用键盘上的快捷键“F5”。2. 删除帧选定一个或多个帧
8、后，单击右键，选择“删除帧”功能，或使用键盘快捷键“Shift+F5”，可以将选定的帧删除。当一个帧被删除后，后面的帧将自动向前移动。3. 插入关键帧将鼠标移动到帧的方格位置，用鼠标左键单击要定义为关键帧的方格，方格变为反亮显示，单击鼠标右键，在弹出的菜单中，选择“插入关键帧”或在选好方格后，直接按下键盘上的“F6”键，那么关键帧就定义好了。利用插入关键帧，可以将过渡帧转变为关键帧。另外如果选中多个影格的话，再选择插入关键帧命令，可以同时插入多个关键帧，方法是用鼠标左键按下选定的第一个帧，然后按住鼠标的左键不放，拖动鼠标至需要插入关键帧的结束位置。这样被拖动的这一段影格，被反亮突出显示，然后单
9、击右键，选择“插入关键帧”，这样被选中的这些影格都变成了关键帧。 不过，如果觉得这种插入多个关键帧的操作太麻烦，也可以在选择一个需要插入关键帧的影格后，多次按下键盘上的“F6”键，也可以起同样的效果。4. 插入空白关键帧将鼠标移动到帧的方格位置，用鼠标左键单击要定义为关键帧的方格，方格变为反亮显示，单击鼠标右键，在弹出的菜单中，选择“插入空白关键帧”或在选好方格后，直接按下键盘上的“F7”键，那么空白关键帧就定义好了。如果选中多个影格的话，再选择插入空白关键帧命令，可以同时插入多个空白关键帧，方法是用鼠标左键按下选定的第一个帧，然后按住鼠标的左键不放，拖动鼠标至需要插入空白关键帧的结束位置。这
10、样被拖动的这一段影格，被反亮突出显示，然后单击右键，选择“插入空白关键帧”，这样被选中的这些影格都变成了空白关键帧。 不过，如果觉得这种插入多个关键帧的操作太麻烦，也可以在选择一个需要插入关键帧的影格后，多次按下键盘上的“F7”键，也可以起同样的效果。5. 选择全部帧在影格编辑区单击鼠标右键，在弹出的菜单中选择“选择所有帧”，可以将所有的有效影格选定，从而再进行其他操作。这里指的是在影格编辑区的任意一个位置都可以使用(单击鼠标右键)，选定后的帧将作反亮显示。6. 复制帧在影格编辑区中选中一帧或多帧，选中的帧将做反亮显示，然后单击右键，选择“复制帧”。7. 粘贴帧复制好帧后，选择时间轴上任意时间
11、帧位置，单击右键选择“粘贴帧”，这样刚才复制的帧被粘贴到这个位置上来了，原被选中的那一帧被覆盖了。8. 移动帧选中一帧或多帧后，被选中的帧反亮显示，当鼠标悬浮在被选的帧上时，鼠标出现了变化，鼠标的指针上跟随了一个方框一样的“小尾巴”。这样按下左键，拖动鼠标至任意位置，松开鼠标，这样刚才被选的帧被移动到刚才所定的位置来了。9. 翻转帧当选中任意两关键帧或空白关键帧之间(包括这两个关键帧或空白关键帧)，这样单击右键，选择“翻转帧”，这样被选中的两个关键帧相互颠倒，而且FLASH也同步更新了这两个关键帧之间的过渡帧。3.2 时间轴与图层时间轴与图层的关系密不可分，图层是组成时间轴面板的一部分，时间轴
12、是创作动画时使用图层并控制动画内容的窗口，图层和帧中的内容随时间的改变而发生变化，从而产生了动画。3.2.1 时间轴的概念时间轴是Flash编辑动画的主要工具，用于组织和控制动画中的帧和层在一定时间内播放的坐标轴。时间轴是我们创作动画时使用层和帧组织和控制动画内容的窗口，层和帧中的内容随时间的改变而发生变化，从而产生了动画。时间轴主要由层、帧和播放头组成。时间轴左边的一列列出动画中的层。每个层的帧显示在层名右边的一行中。位于时间轴上部的时间轴标题指示帧编号。播放头指示编辑区中显示的当前帧，如图3-3所示。图3-3 时间轴面板的组成u 播放头：指示在舞台中当前显示的帧u 帧视图弹出菜单：点击此按
13、钮打开菜单，可以设置时间轴的显示外观u 帧居中：把当前的帧移动到时间轴窗口的中间，以方便操作u 绘图纸外观：同时查看当前帧与前后若干帧里的内容，以方便前后多帧对照编辑u 帧速率：动画播放的速率,即每秒钟播放的帧数fps。可以打开文档属性面板进行设置，默认值为12fp3.2.2 时间轴的基本操作1. 改变时间轴的外观在默认情况下，时间轴显示在Flash主窗口的上部，位于编辑区上方如图3-4所示。时间轴显示的位置是可以改变的，可以把它停泊在主窗口的下部或两边，或作为一个窗口单独显示，也可以隐藏起来。可以改变时间轴的大小，改变时间轴中课件的图层数和帧数。当时间轴窗口不能显示所有的层时，可以使用时间轴
14、左右的滚动条查看其余的图层。图3-4 默认时间轴的位置 图3-5 移动后时间轴的位置（1）移动时间轴使用鼠标拖拽时间轴标题栏上区域，可以拖拽时间轴到Flash主窗口的边缘并移动时间轴，如图3-5所示。（2）调整图层区大小左右拖动时间轴中分割图层和帧之间的分隔条可以调整图层区大小，如图3-6所示。图3-6 调整图层区的大小2. 移动播放头在时间轴上移动播放头，指示编辑区显示的当前帧。时间轴标题显示动画的帧编号。要显示编辑区中的某帧，可在时间轴中把播放头移动到该帧上。当制作的动画包含很多帧，不能在时间轴中一次显示出来时，可以使播放头在时间轴居中，以便更容易地找到当前帧。（1）跳转到某帧在时间轴上单
15、击需要跳转到该帧的位置，或把播放头拖到新的位置，如图3-7所示，即可调转到某帧。（2）使播放头居中如果播放头位于一个动画中间的某帧时，单击时间轴下部“帧”居中按钮，可以使播放头（当前帧）在时间轴窗口居中，如图3-8所示。图3-7 跳转到某帧图3-8 使播放头居中3. 改变帧的显示可以改变时间轴中帧的大小，并可以使用一个着色单元格显示多帧序列。也可以在时间轴中包括帧内容的缩略图预览。这些缩略图作为动画的概览是很有用的，但他们要占用额外的屏幕控件，改变帧的显示的步骤如下：（1）单击时间轴右上角的帧查看按钮，显示“帧查看”快捷菜单，如图3-9所示。 图3-9 “帧查看”快捷菜单 3-10 “帧标签”文本框（2）选择“帧查看”快捷菜单的各个选项。要改变帧单元格的宽度，选择很小、小、标准、中和大。大的帧宽度在查看声音波形详情方面很有用。4. 建立帧标签和动画注释帧标签在标识时间轴中的关键帧时很有用。在动作（如Goto）中指向目标帧时，应该使用帧标签而不是帧编号。如果增加或删除了一些帧，帧标签会跟着原理的帧移动，而该帧编号则会改变，因而导致帧跳转错误。帧标签谁动画数据一起导
