第1单元-第5课-让星星动起来-课件.pptx

第5课让星星动起来——逐帧动画的制作广东高等教育出版社八年级上

新知导入Flash如何实现星星一闪一闪的跳动，露出笑容呢？观看图形答：制作逐帧动画

新知讲解一、认识时间轴和帧Flash主要通过时间轴来组织和控制动画的变化与动作。时间轴面板主要由图层和帧组成。

新知讲解帧图层（一）时间轴

新知讲解普通帧关键帧（二）帧空白关键帧对帧的操作：插入帧、插入关键帧、插入空白关键帧、删除帧、复制帧、剪切帧、移动帧。

新知讲解探究新建一个Flash文件，在第1帧绘制一个圆，在第2帧插入关键帧，在第3帧插入帧，在第4帧插入空白关键帧，观察时间轴上的小格，把各种帧与其含义用线条连接起来。

新知讲解探究

新知讲解关键帧普通帧空白关键帧在时间轴上显示黑色小圆点的小格，表示当前帧的画面有内容。表示重复前一关键帧的内容。在时间轴上显示空心圆点的小格，表示当前帧为空白画面。

新知讲解双击此处可设置帧频（三）帧频帧频是指每秒播放的帧数。控制播放的速度和效果。帧频的单位是“帧/秒”即“fps”默认帧频为12fps。

新知讲解交流如果制作《小星星》FlashMV，音乐长度是32秒，帧频是12fps，请问制作完成这个动画至少需要多少帧？32X12=384。完成这个动画需要384帧

新知讲解二、认识逐帧动画逐帧动画是最基本的动画方式，直接将连续的若干帧都设置为关键帧，通过向每帧中添加不同的图像来创建简单动画。

新知讲解探究1、打开“行走.fla”文件，认真观察时间轴，认识逐帧动画的特点。2、在关键帧之间插入10个普通帧，是实现什么效果？

新知讲解探究

新知讲解三、分析“镜头1”的动画结构如何制作一个眨眼微笑的“星星”图形元件？场景包含两个图层。1、深蓝色“夜空”2、“星星”

新知讲解星星图层夜空图层

新知讲解四、制作星星眨眼睛动画如何制作几颗眨眼微笑的“星星”图形元件？调用元件

新知讲解探究打开“第4课夜空.fla”文件，删除“花丛”和“城市”图层，在“夜空”图层第60帧处插入帧，锁定“夜空”图层，文件另存为“第5课镜头1.fla”。

新知讲解（一）制作“星星”的图形元件1、通过菜单“插入”—“创建新元件”，创建名为“星星”的图形元件。

新知讲解2、打开“第3课星星.fla”文件，把所有帧复制到“第5课镜头1.fla”的“星星”元件中。1、打开“第3课星星”文件2、拖动选择所有帧3、打开快捷菜单选择“复制帧”

新知讲解4、在“第5课镜头1.fla”的“星星”元件的第1帧打开快捷菜单“粘贴帧”

新知讲解所有帧复制完成，此时“星星”元件自动出现了3个图层

新知讲解交流说一说：眨眼睛的过程是怎样变化的？参考眨眼睛的变化过程制作小星星眨眼睛的动画？3、制作星星的动作。

新知讲解1、拖动选择3个图层的第5帧2、打开快捷菜单，选择“插入关键帧”3、选择“腮红”和“轮廓”图层的第5帧，用键盘方向键略上移，选择“五官”图层的第5帧，改变“嘴巴”和“眼睛”的形状

新知讲解3、选择“腮红”和“轮廓”图层的第5帧，用键盘方向键略上移，选择“五官”图层的第5帧，改变“嘴巴”和“眼睛”的形状

新知讲解4、分别在这3个图层的第8帧处插入帧

新知讲解（二）调用“星星”元件1、把“星星”元件放置舞台。1、回到场景，新建“星星”图层2、把“星星”元件拖到舞台2、设置每颗“星星”元件的大小、旋转角度

新知讲解观察按Ctrl+Enter对动画进行测试，观察出现什么问题，思考如何解决？

新知讲解观察

新知讲解2、设置的表情动作不同步。设置调用“星星”元件播放的起始帧

课堂练习设置不同的帧频，研究帧频与动画播放效果的关系，最后复原帧频。当帧频设置过小，动画的播放效果就好像电影中的______镜头一样；当帧频设置过大，动画的播放效果就好像电影中的______镜头一样。（填写“快”或“慢”）探究慢快

新知讲解实践发挥你的创意，用逐帧动画的方法制作不同动态效果的星星。

作业布置1、用逐帧动画方法制作蝴蝶飞舞的动画。2、用逐帧动画的方法制作四足动物走路的动画。实践与创作

作业布置观赏蝴蝶飞舞动画

作业布置观赏蝴蝶飞舞动画

作业布置观赏走路动画

拓展提高1、时间轴面板主要由图层和__________构成。2、Flash的帧分为________、__________和普通帧三种。3、在Flash中，设置________可以控制动画播放的速度。实践与评估时间轴关键帧空白关键帧帧频

拓展提高4、锁定图层的作用是（）A.使该图层不可见B.使该图层内容暂时删除C.使该图层不被修改D.使该图层内容隐