1、A1 动画原理与制作主 讲:张 虎家长进课堂之A2请说出一个自己喜欢的动画片提 问A3举 例A4举 例A5举 例A6举 例A7举 例A8请说一说,为什么喜欢动画片?提 问A91.动画的特点动画的特点拟 人A101.动画的特点动画的特点夸 张A111.动画的特点动画的特点幻 想A121.动画的特点动画的特点幽 默A13动画是如何制作出来的呢?提 问A14147102581136912A15公鸡好像走了耶!演 示A16公鸡好像走了耶!演 示A17公鸡好像走了耶!演 示A18公鸡好像走了耶!演 示A19公鸡好像走了耶!演 示A20公鸡好像走了耶!演 示A21公鸡好像走了耶!演 示A22公鸡好像走了耶
2、!演 示A23公鸡好像走了耶!演 示A24公鸡好像走了耶!演 示A25公鸡好像走了耶!演 示A26公鸡好像走了耶!演 示A27想一想,公鸡为什么走了呢?演 示A28告诉大家一下秘密A292.视觉暂留视觉暂留当人眼所看到的事物消失后,人眼仍能继续保留其影像0.1-0.4秒的时间,这种现象被称为视觉暂留现象。A302.视觉暂留视觉暂留利用这一现象,在一幅画还没有消失前播放出下一幅画,就会给人造成一种流畅的视觉变化效果,图像就好像动了起来。A31噢,好神奇呀!A323.动画的定义动画的定义动画是指将若干幅图像按照一定的速度进行演示而形成的动态图像。A334. 动画制作动画制作A34第1步打开Flas
3、h软件,如下图。A35第2步选择ActionScript3,创建一个新文档,如下图。A36第3步单击【文件】【保存】,保存文档,如下图。A37第4步单击【文件】【导入】 【导入到库】 。A38第5步在窗口中选择要导入的图片“草地20.jpg”。A39第6步在【库】中右击导入的图片,选择【属性】。A40第7步查看图像的属性,图像大小为:1016 X 572像素。A41第8步打开【属性】窗口,将文档大小设置得和图像一样。A42第9步拖动图片到舞台上。A43知识点舞台有一个坐标系统,左上角为坐标原点,舞台的大小可以自由设置。A44第11步单击【文件】【导入】 【导入到库】 ,选择所有图片。A45第1
4、2步公鸡系列图片导入到库中之后的情况:会创建11个元件,分别将11幅图像放入。A46知识点元件:FALSH里面有很多时候需要重复使用素材,这时我们就可以把素材转换成元件,或者干脆新建元件。以方便重复使用或者再次编辑修改。元件有三种类型,分别是电影剪辑、图形和按钮。A47第13步在【时间轴】窗口新建一个图层,如图所示。A48第14步选中图层2的第1帧,将元件1拖放到舞台上。A49第15步选中元件1的这个实例,将其坐标改为900,300。A50第16步在第3帧右击,在快捷菜单中选择【插入空白关键帧】,将元件2拖放至舞台上,将其坐标修改为787,300。A51知识点关键帧: 人工定义的帧,就像是一幅
5、画面(比如“公鸡走”动画中的每一幅图像),可以放置各种对象,普通的帧是无法放置任何对象的。空白关键帧:没有放置任何对象的关键帧。帧: 关键帧画面状态的延续。A52第17步依次每隔2帧创建空白关键帧,并将相应的元件拖放至舞台上,并将其横坐标依次减小113,在第24帧插入帧。A53提 示时间线指向哪一帧,舞台上即显示所有图层该帧内的内容,没有内容的不显示。时间线时间线A54第18步选中图层2的所有帧,将其剪切。A55第19步选择【插入】【新建元件】。A56第20步给新建的元件命名:公鸡走,并选择元件类型为“图形”。A57第21步进入“公鸡走”元件。A58知识点场景:FLASH中,一个文件里可以包括
6、N个场景,一个场景可以包含一个舞台,一个舞台可以包含N个关键帧,所有场景共用一个库。默认情况下,当前场景为场景1。元件有一个相对独立的时间轴。A59第22步在第1帧空白关键帧上右击,选择“粘贴帧”。A60第23步将每一幅图像的坐标设置为0,0。A61知识点元件中有一个坐标系统,“+”符号的位置为坐标原点0,0。当该元件放到某场景的舞台上时,其“+”所在舞台的坐标也就是该元件所在舞台的坐标。A62第24步设置完毕后返回场景1。A63第25步选择图层2第1帧,将“公鸡走”元件拖放至舞台上,设定坐标:900,300A64提 示元件的“+”所在位置为该元件所在舞台的坐标。A65第26步选择图层2所有帧右击,复制帧。A66第27步新建图层3。A67第28步选择图层3第24帧,右击选择【插入关键帧】。A68第29步选择图层3第24帧,右击选择【粘贴帧】。A69第30步将舞台上两只公鸡的底部和脚对齐,记下其坐标787,300A70第31步选中图层3从24帧至47帧,拖动右移1帧。A71第32步新建图层4并在第49帧插入关键帧。A72第33步粘贴帧,并设置公鸡的坐标为674,300。A73第34步按照上述方法创建图层并粘贴帧、修改坐标,如图所示。A74第35步按下【Ctrl+Enter】,测试影片。A75Thank you!