动画原理与制作ppt课件

动画原理与制作 主讲 张虎 家长进课堂之 请说出一个自己喜欢的动画片 提问 举例 举例 举例 举例 举例 请说一说 为什么喜欢动画片 提问 1 动画的特点 拟人 1 动画的特点 夸张 1 动画的特点 幻想 1 动画的特点 幽默 动画是如何制作出来的呢 提问 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 公鸡好像走了耶 演示 想一想 公鸡为什么走了呢 演示 告诉大家一下秘密 2 视觉暂留 当人眼所看到的事物消失后 人眼仍能继续保留其影像0 1 0 4秒的时间 这种现象被称为视觉暂留现象 2 视觉暂留 利用这一现象 在一幅画还没有消失前播放出下一幅画 就会给人造成一种流畅的视觉变化效果 图像就好像动了起来 噢 好神奇呀 3 动画的定义 动画是指将若干幅图像按照一定的速度进行演示而形成的动态图像 4 动画制作 第1步 打开Flash软件 如下图 第2步 选择ActionScript3 创建一个新文档 如下图 第3步 单击 文件 保存 保存文档 如下图 第4步 单击 文件 导入 导入到库 第5步 在窗口中选择要导入的图片 草地20 jpg 第6步 在 库 中右击导入的图片 选择 属性 第7步 查看图像的属性 图像大小为 1016X572像素 第8步 打开 属性 窗口 将文档大小设置得和图像一样 第9步 拖动图片到舞台上 知识点 舞台有一个坐标系统 左上角为坐标原点 舞台的大小可以自由设置 第11步 单击 文件 导入 导入到库 选择所有图片 第12步 公鸡系列图片导入到库中之后的情况 会创建11个元件 分别将11幅图像放入 知识点 元件 FALSH里面有很多时候需要重复使用素材 这时我们就可以把素材转换成元件 或者干脆新建元件 以方便重复使用或者再次编辑修改 元件有三种类型 分别是电影剪辑 图形和按钮 第13步 在 时间轴 窗口新建一个图层 如图所示 第14步 选中图层2的第1帧 将元件1拖放到舞台上 第15步 选中元件1的这个实例 将其坐标改为900 300 第16步 在第3帧右击 在快捷菜单中选择 插入空白关键帧 将元件2拖放至舞台上 将其坐标修改为787 300 知识点 关键帧 人工定义的帧 就像是一幅画面 比如 公鸡走 动画中的每一幅图像 可以放置各种对象 普通的帧是无法放置任何对象的 空白关键帧 没有放置任何对象的关键帧 帧 关键帧画面状态的延续 第17步 依次每隔2帧创建空白关键帧 并将相应的元件拖放至舞台上 并将其横坐标依次减小113 在第24帧插入帧 提示 时间线指向哪一帧 舞台上即显示所有图层该帧内的内容 没有内容的不显示 时间线 第18步 选中图层2的所有帧 将其剪切 第19步 选择 插入 新建元件 第20步 给新建的元件命名 公鸡走 并选择元件类型为 图形 第21步 进入 公鸡走 元件 知识点 场景 FLASH中 一个文件里可以包括N个场景 一个场景可以包含一个舞台 一个舞台可以包含N个关键帧 所有场景共用一个库 默认情况下 当前场景为场景1 元件有一个相对独立的时间轴 第22步 在第1帧空白关键帧上右击 选择 粘贴帧 第23步 将每一幅图像的坐标设置为0 0 知识点 元件中有一个坐标系统 符号的位置为坐标原点0 0 当该元件放到某场景的舞台上时 其 所在舞台的坐标也就是该元件所在舞台的坐标 第24步 设置完毕后返回场景1 第25步 选择图层2第1帧 将 公鸡走 元件拖放至舞台上 设定坐标 900 300 提示 元件的 所在位置为该元件所在舞台的坐标 第26步 选择图层2所有帧右击 复制帧 第27步 新建图层3 第28步 选择图层3第24帧 右击选择 插入关键帧 第29步 选择图层3第24帧 右击选择 粘贴帧 第30步 将舞台上两只公鸡的底部和脚对齐 记下其坐标787 300 第31步 选中图层3从24帧至47帧 拖动右移1帧 第32步 新建图层4并在第49帧插入关键帧 第33步 粘贴帧 并设置公鸡的坐标为674 300 第34步 按照上述方法创