关键帧F6 帧F5 空白关键帧F7 空白区域
时间轴:主要由图层和帧组成,动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。
帧:可分为普通帧、关键帧和空白帧几种
普通帧:两个关键帧之间的过渡部分,使画面处于保持不变的状态。以“灰色”显示,快捷键为F5。
关键帧:一个动作的开始或结束,决定动画效果的关键部分。以“黑色实心圆点·”显示,快捷键为F6。
空白帧:没有放置任何动画对象的关键帧,起到将当前帧的内容清除的作用。以“黑色空心圆点”显示,快捷键为F7。
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、在图层1第2帧的位置右击,在弹出的快捷菜单中选择“插入关键帧”命令。 2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。 3、选择“矩形工具”设置笔触颜色为“黑色”,填充色为“绿色”,绘制的矩形。 4、单击“选择工具”,将鼠标指向矩形边线,待鼠标变为如教材P6图1.11所示状态时,向里拖动矩形边线。完成后用“选择工具”框选,再复制两个,将其在纵向方向为一直线,然后使用“刷子工具”绘制竹叶,完成竹子的绘制。
【DIY】教材P7。试着改变绘制图形的颜色。 提示:
1、使用工具面板中的“选择工具”选中需要改变颜色的部分。 2、更改工具面板选项中的笔触颜色和填充色即可。 【智多星】教材P7
师提出:在计算机中显示的图形一般可以分为两大类----矢量图和位图。 矢量图:使用线段和曲线描述图形,文件体积一般较小。
矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。 矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。 位图:由一个个小色块组成的图像,这些色块称为“像素点”。计算机屏幕其实就是一张包含大量像素的风格。
位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。
位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。
由于Flash动画是由一张张矢量图构成的,因此生成的动画文件存储空间很小,在网络中传输速度很快,可以很方便地下载观看。一个几分钟长度的Flash动画片,常常只有1—2M。
五、调整动画时间
9
师提出:通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。 师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、执行“控制” →“测试影片”命令,此时弹出测试影片的窗口,观察动画效果,可以看到动画播放频率过快,动画内容看不清楚。
2、关闭测试影片窗口,在第1帧上右击,在弹出的快捷菜单中选择“插入帧”命令,同样在第2帧上也插入帧,使动画时间延长。
3、测试影片效果,如不满意可继续插入帧延长时间。 【智多星】教材P8
快捷键:
测试影片:Ctrl+Enter 撤销上一步操作:Ctrl+Z 六、保存文件
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、执行“文件”→“保存”“ 在弹出的对话框中选择保存位置”→“我的电脑”→“E”→“个人文件(1100李忠贵)”→“作业”,将文件命名为“熊猫的梦”,单击“保存”按钮,此时动画源文件就以Flash格式保存起来。
2、执行测试影片命令,生成swf格式的动画播放文件。 【知识着陆】
1、利用绘图工具配合对应的属性面板可以完成图像的绘制。
2、利用Flash制作简单动画时,只要几个关键帧画面不同,最终都能实现单一图层的逐帧动画效果,如眨眼睛的小动物、闪烁的星星等。
3、fla格式的文件是Flash动画源文件,可以随时进行编辑修改。Swf格式的文件是动画播放文件,文件占用的存储空间较小,便于随时观看动画效果。 【视野拓展】教材P8。学生阅读《中国动画片的发展史》 【创作天地】教材P8 学生上机制作 【后记】
课后的“视野拓展”栏目提供了和课堂教学相关的知识信息。可以更好地配合学生的学习,也可以用于分层教学的参考。
“创作天地”栏目中包含很多有趣的练习,主要以巩固本课的知识技能为主,属于提高部分。教师应鼓励学生动手实践,积极完成课后的练习。可以通过设立“加分制”或“学分制”,制定基础分(也就是及格分)、良好分等,优秀分值不封顶,让学生知道“好”没有上限,可以做的更好!并在此基础之上鼓励学生多做练习。
【课题】蜜蜂采蜜----多层逐帧动画
10
【教材】P9 【教学目标】
1.巩固绘图类工具的使用方法。
2.初步学习使用图层来规划整个作品。
3.认识图层,理解图层的概念,并学会新建图层,图层重命名、锁定、删除等常用方法。 4.初步学习多层逐帧动画的制作。 【教学重点】
多层逐帧动画中使用到了帧和图层的概念 【教学难点】
多图层操作由于图层数量过多,因此容易混淆图层与帧的所在位置, 【教法】演示与学生上机 【教学过程】
师播放教材P9蜜蜂采蜜的制作完成的动画,请同学们欣赏,引入课题(蜜蜂采蜜----多层逐帧动画)
一、新建文件并修改文档属性
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
执行“文件” →“新建”命令,将文档“属性”的大小设置为“300*300像素”,背景颜色为“浅蓝色”,如教材P10图2.2所示。
二、分图层绘制蜜蜂、花朵、天空、土地等图形
师提出:将一幅画面的各部分内容在不同图层中绘制,既便于修改画面,又便于处理不同图层的动画效果。
【智多星】教材P10。图层
图层借鉴了幻灯片的制作原理,每一个图层就像一张透明的幻灯片,可以在不同的幻灯片上绘制图像,最终罗列在一起,有图像的部分相互遮挡,没有图像的部分透出其他幻灯片上的图像。最重要的是,修改、删除、移动任何一个图层都不会影响其他图层的图像。
㈠绘制蜜蜂和花篮
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、双击时间轴中的“图层1”,将其重命名为“蜜蜂”。 2、分别使用“椭圆工具”、“直线工具”、“铅笔工具”、绘制蜜蜂和花篮的外轮廓,其中笔触颜色设置为“黑色”,填充色为“没有颜色”。(注意:为了便于填充,绘制的区域应是一个完全封闭的区域。)
3、使用“选择工具”将蜜蜂和花篮移动至合适位置。 【智多星】教材P10。
可以用简洁的方法绘制复杂的图像。如先使用“直线工具”绘制形状的轮廓,然后再利用“选择工具”调整直线为弧线,(师引导学生查看教材P10图2.3所示,并且师进行演示操作。)
4、使用“选择工具”单击多余线条,按Delete键将其删除,再使用“颜料桶工具”填充蜜蜂的颜色。
5、单击“颜料桶工具”,设置“混色器”面板中的“类型”为“放射状”,双击“色标”选择颜色,如教材P11图2.4所示。设置完成后在花篮内部单击,此时花篮内部将填充上渐变的颜色。
注意:单击的位置不同,画面效果也不同。为了防止由于图层增多而导致图层的错误操作,可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图层的未锁定标志,将“蜜蜂”图层锁定,锁定后的图层是不以进行修改的。
11
【智多星】教材P11。
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、执行“窗口” →“工作区布局” →“默认”命令可以将常用的浮动面板调出,其余面板也可以根据需要在“窗口”菜单中调出。
2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。添加色标只需在色标间空白区域单击。删除色标只需选择该色标向下拖动即可。色标表示不同颜色,可以调整色标的Alpha数值控制色彩的透明度,0%为完全透明,100%为完全不透明。
学生上机实习操作。 ㈡绘制蜜蜂的红脸蛋
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、单击时间轴下方的“插入图层”按钮,插入一个新图层并将其重命名为“红脸蛋”。 2、单击“椭圆工具”,设置“混色器”面板中的“类型”为“放射状”,色标的颜色分别为红色、魄,并更改白色色标的Alpha数值为0%,合白色完全透明。
3、使用“椭圆工具”绘制圆形,并将其放置在合适位置。制作完成后“锁定”该图层,如教材P12图2.5所示。
㈢绘制蜜蜂的翅膀
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、插入两个图层,分别重命名为“翅膀—内侧”和“翅膀---外侧”。
2、在“翅膀—内侧”图层上,使用“椭圆工具”绘制无边线的深蓝色圆形。在“翅膀—外侧”图层上,绘制无边线的浅蓝色的圆形。
3、使用工具面板中的“任意变形工具”,单击深蓝圆形,此时图像外围出现“调节点”和“中心点”。
4、按住鼠标左键拖动“中心点”至椭圆形下方。拖动边角的“调节点”调整蜜蜂翅膀的大小。将鼠标指针稍远离边角的“调节点”,待鼠标指针变为如教材P12中“逆时针旋转方向的箭头”形状时,拖动鼠标,使蜜蜂的翅膀围绕“中心点”旋转角度。制作完成后“锁定”该图层,如教材P12图2.6所示。
5、使用“任意变形工具”调整浅蓝色圆形,制作蜜蜂翅膀的张开效果。 【智多星】教材P12。
“任意变形工具”不但可以调整图像的大小、角度以及中心点的位置,而且在工具面板的“选项”中还有更多变形方式,如教材P12图2.7“任意变形工具”选项。
㈣ 美化画面效果
师先做演示操作,然后学生上机操作实习。 具体演示操作步骤:
1、插入图层,重命名为“土地”,使用“矩形工具”绘制浅绿色土地。 2、插入图层,重命名为“云彩”,使用“铅笔工具”绘制白云。
注意:为了使云彩有远近的感觉,在填充颜色时,可以将“混色器”中的Alpha数值降低。 制作完成后“锁定”该图层。 3、插入图层,重命名为“花朵”,使用“直线工具”绘制一枝花并填充渐变色。
4、复制花朵。使用“选择工具”单击“花朵”图层,此时花朵被全部选中。右击选中的花朵,在弹出的快捷菜单中选择“复制”命令后,在舞台上右击,在弹出的快捷菜单中选择“粘贴”命令,此时花朵被复制。最后利用“选择工具”将复制的花朵放置在合适位置。
12

