第4章 基础动画制作.ppt

《第4章 基础动画制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、模块四基础动画制作本章要点逐帧动画动画补间动画形状补间动画一、动画的基础知识1、逐帧动画：逐帧动画完全由关键帧组成，每个关键帧都可以进行单独编辑，它需要用户对物体运动的基本规律有深入的了解，并且具有一定的绘图基础。利用逐帧动画可以做出任意的动画效果，但是由于每个关键帧都要进行编辑，所以逐帧动画工作量很大，而且制作出来的作品文件容量也很大。2、动画补间动画：动画补间动画可以完成对象的移动、缩放、旋转、变色等形式的动画效果。构成动画补间动画的元素是元件，除了元件，其他元素包括文本都不能创建动画补间动画。3、形状补间动画：形状补间

2、动画可以完成图形的移动、缩放、形状渐变、色彩渐变等动画，它的作用对象只能是图形。和一般的动画补间动画有所不同，在使用形状变形时，不需要把绘制好的形状转换为元件，如果要使用元件实例创建形状补间动画，也要将改实例通过按快捷键Ctrl＋B分离后才可以实现。二、动画的制作1、逐帧动画的制作(1)、直接导入生成逐帧动画1、我们可以将绘制好的jpg、png等格式的静态图片连续导入到Flash中来建立一段逐帧动画,也可以通过导入gif序列图像、swf动画文件等的方法来建立一段逐帧动画2、下面通过一个“麦兜”的例子来讲解导入一个序列的图片生

3、成逐帧动画的制作方法:①启动FlashCS3，出现FlashCS3窗口，如图4-1所示，在“新建”中选择“Flash文件（ActionScript3.0）”，建立一个新文档，如图4-2所示。图4-1FlashCS3开始窗口图4-2新建Flash文档②单击“属性”面板上“大小”处的位置，如图4-3所示。图4-3“属性”面板③在弹出的“文档属性”对话框中设置舞台的宽度为“200像素”、高度为“300像素”、背景色为“白色”，其他均为默认值，如图4-4所示。图4-4“文档属性”对话框④单击“文档属性”对话框中的“确定”按钮，完成对

4、文档属性的各项设置。⑤单击菜单栏中的“文件”→“导入”→“导入到舞台”命令，或者按“Crtl＋R”组合键，打开“导入”对话框，如图4-5所示。图4-5“导入”对话框⑥在“导入”对话框中选择本书的配套素材“第四章/逐帧动画/素材”目录下的“麦兜1.jpg”图形文件，然后单击“打开”按钮，将其导入到舞台。⑦因导入目录下的文件是一组系列文件，则弹出如图4-6所示的询问对话框，单击“是”按钮将序列文件全部导入，此时Flash会自动把该图片序列按序号以逐帧形式导入到场景中，如图4-7所示。图4-6导入序列文件的询问对话框图4-7导入的

5、序列动画在场景的上方形成逐帧动画⑧单击菜单栏中的“控制”→“测试影片”命令，或者按Ctrl＋Enter组合键，对影片进行测试，效果如图4-8所示。图4-8影片测试效果(2)创建逐帧动画1、我们也可以利用鼠标或者手写板，在Flash中绘制一帧帧的矢量图形来生成逐帧动画。也可以用文字来做帧中的对象，实现文字的跳跃、闪烁等特效。2、实例操作飞翔的海鸥、打字效果下面以制作打字效果为例讲解逐帧动画①启动FlashCS3，建立一个Flash文档。②单击菜单栏中的“修改”→“文档”命令，在弹出的“文档属性”对话框中设置舞台的宽度为“600

6、像素”，高度为“200像素”，背景色设置为“黑色”，其他均为默认值，如图4-26所示。图4-26“文档属性”对话框③选择“文本”工具（），并在“属性”面板中设置字体为“隶书”，字体大小为50，字体颜色为“蓝色”，粗体，对齐方式为左对齐，其他均为默认值，如图4-27所示。图4-26“文档属性”对话框④在舞台上输入文字“模拟打字效果”，然后按快捷键Ctrl＋B把段落文字分离成单个的文字，如图4-28所示。图4-28输入文字⑤单击菜单栏中的“修改”→“时间轴”→“分散到图层”命令，把单个的文字分散到不同的图层，然后把变成空层的“图

7、层1”删除，如图4-29所示。图4-28输入文字⑥选择“模”图层的第1帧，按住鼠标左键，把该关键帧拖到该层的第3帧；用同样的方法，把“拟”图层第1帧处的关键帧拖到该层的第6帧；把“打”图层第1帧处的关键帧拖到该层的第9帧；把“字”图层第1帧处的关键帧拖到该层的第12帧；把“效”图层第1帧处的关键帧拖到该层的第15帧；把“果”图层第1帧处的关键帧拖到该层的第18帧，此时“时间轴”面板如图4-30所示。图4-30移动关键帧的位置图⑦在“时间轴”面板中，选择“模”图层的第25帧，按住键盘上的Shift键，选择“果”图层的第25帧，

8、将所有图层的第25帧都选中，然后按键盘上的F5键，在所有图层的第25帧都插入普通帧，效果如图4-31所示。4-31完整的打字效果⑧单击菜单栏中的“控制”→“测试影片”命令，对影片进行测试，效果如图4-32所示。图4-32影片测试效果2、动画补间动画的制作①动画补间动画是Flash中最常使用