动画原理与制作课件

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