动画原理与制作.ppt

1、a,1,动画原理与制作,主 讲：张 虎,家长进课堂之,a,2,请说出一个自己喜欢的动画片,提 问,a,3,举 例,a,4,举 例,a,5,举 例,a,6,举 例,a,7,举 例,a,8,请说一说，为什么喜欢动画片？,提 问,a,9,1.动画的特点,拟 人,a,10,1.动画的特点,夸 张,a,11,1.动画的特点,幻 想,a,12,1.动画的特点,幽 默,a,13,动画是如何制作出来的呢？,提 问,a,14,a,15,公鸡好像走了耶！,演 示,a,16,公鸡好像走了耶！,演 示,a,17,公鸡好像走了耶！,演 示,a,18,公鸡好像走了耶！,演 示,a,19,公鸡好像走了耶！,演 示,a,20

2、,公鸡好像走了耶！,演 示,a,21,公鸡好像走了耶！,演 示,a,22,公鸡好像走了耶！,演 示,a,23,公鸡好像走了耶！,演 示,a,24,公鸡好像走了耶！,演 示,a,25,公鸡好像走了耶！,演 示,a,26,公鸡好像走了耶！,演 示,a,27,想一想，公鸡为什么走了呢？,演 示,a,28,告诉大家一下秘密,a,29,2.视觉暂留,当人眼所看到的事物消失后，人眼仍能继续保留其影像0.1-0.4秒的时间，这种现象被称为视觉暂留现象。,a,30,2.视觉暂留,利用这一现象，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果，图像就好像动了起来。,a,31,噢，好神奇呀！

3、,a,32,3.动画的定义,动画是指将若干幅图像按照一定的速度进行演示而形成的动态图像。,a,33,4. 动画制作,a,34,第1步,打开Flash软件,如下图。,a,35,第2步,选择ActionScript3,创建一个新文档，如下图。,a,36,第3步,单击【文件】【保存】，保存文档，如下图。,a,37,第4步,单击【文件】【导入】 【导入到库】 。,a,38,第5步,在窗口中选择要导入的图片“草地20.jpg”。,a,39,第6步,在【库】中右击导入的图片，选择【属性】。,a,40,第7步,查看图像的属性，图像大小为：1016 X 572像素。,a,41,第8步,打开【属性】窗口，将文档

4、大小设置得和图像一样。,a,42,第9步,拖动图片到舞台上。,a,43,知识点,舞台有一个坐标系统，左上角为坐标原点，舞台的大小可以自由设置。,a,44,第11步,单击【文件】【导入】 【导入到库】 ，选择所有图片。,a,45,第12步,公鸡系列图片导入到库中之后的情况：会创建11个元件，分别将11幅图像放入。,a,46,知识点,元件：FALSH里面有很多时候需要重复使用素材，这时我们就可以把素材转换成元件，或者干脆新建元件。以方便重复使用或者再次编辑修改。 元件有三种类型，分别是电影剪辑、图形和按钮。,a,47,第13步,在【时间轴】窗口新建一个图层，如图所示。,a,48,第14步,选中图层

5、2的第1帧，将元件1拖放到舞台上。,a,49,第15步,选中元件1的这个实例，将其坐标改为900,300。,a,50,第16步,在第3帧右击，在快捷菜单中选择【插入空白关键帧】，将元件2拖放至舞台上，将其坐标修改为787，300。,a,51,知识点,关键帧： 人工定义的帧，就像是一幅画面（比如“公鸡走”动画中的每一幅图像），可以放置各种对象，普通的帧是无法放置任何对象的。 空白关键帧：没有放置任何对象的关键帧。 帧： 关键帧画面状态的延续。,a,52,第17步,依次每隔2帧创建空白关键帧，并将相应的元件拖放至舞台上，并将其横坐标依次减小113，在第24帧插入帧。,a,53,提 示,时间线指向哪

6、一帧，舞台上即显示所有图层该帧内的内容，没有内容的不显示。,时间线,a,54,第18步,选中图层2的所有帧，将其剪切。,a,55,第19步,选择【插入】【新建元件】。,a,56,第20步,给新建的元件命名：公鸡走，并选择元件类型为“图形”。,a,57,第21步,进入“公鸡走”元件。,a,58,知识点,场景：FLASH中，一个文件里可以包括N个场景，一个场景可以包含一个舞台，一个舞台可以包含N个关键帧，所有场景共用一个库。默认情况下，当前场景为场景1。 元件有一个相对独立的时间轴。,a,59,第22步,在第1帧空白关键帧上右击，选择“粘贴帧”。,a,60,第23步,将每一幅图像的坐标设置为0,0

7、。,a,61,知识点,元件中有一个坐标系统，“+”符号的位置为坐标原点0,0。当该元件放到某场景的舞台上时，其“+”所在舞台的坐标也就是该元件所在舞台的坐标。,a,62,第24步,设置完毕后返回场景1。,a,63,第25步,选择图层2第1帧，将“公鸡走”元件拖放至舞台上，设定坐标：900,300,a,64,提 示,元件的“+”所在位置为该元件所在舞台的坐标。,a,65,第26步,选择图层2所有帧右击，复制帧。,a,66,第27步,新建图层3。,a,67,第28步,选择图层3第24帧，右击选择【插入关键帧】。,a,68,第29步,选择图层3第24帧，右击选择【粘贴帧】。,a,69,第30步,将舞台上两只公鸡的底部和脚对齐，记下其坐标787,300,a,70,第31步,选中图层3从24帧至47帧，拖动右移1帧。,a,71,第32步,新建图层4并在第49帧插入关键帧。,