信息技术八年级上册 第一单元 闪客之门 本单元通过学生对Flash 8的逐步了解,初步感受制作动画的乐趣,体验踏入闪客之门的喜悦。 在本单元中,通过任务驱动、竞赛等方式,充分调动学生的参与热情与创新意识,使学生了解并学习制作逐帧动画,并利用绘图工具、导入位图等方法来完善动画的画面效果。
第一单元动画演示
第一课 熊猫的梦 --绘制图像与逐帧动画
任务导航 本课任务是利用Flash 8完成下面的”熊猫的梦”
任务 (1) 怎样设置Flash文档属性? 修改舞台大小和背景颜色? (2) 绘制第1帧图像(熊猫和小竹苗) (3) 绘制第2帧图像(插入帧和关键帧的方法, 注意关键帧的使用)改变第1帧的图像。 (4) 调整动画时间,测试影片。 (5) 保存源文件并生成播放文件。
绘制图像与逐帧动画 启动并认识Flash的工作界面 设置文档属性 制作第1帧画面 制作第2帧画面 调整动画时间 保存文件 小结
制作第1帧画面(一) 一、利用椭圆工具绘制熊猫外形 1、单击工具面板的椭圆工具,设置笔触颜色为“黑色”,填充色为:没有颜色“。 2、在舞台拖动鼠标绘制熊猫脸部。使用选择工具单击将”脸部“拖至合适位置。 (智多星1) (DIR 1) 3、绘制熊猫嘴部,先绘制一个椭圆形,然后用线条工具在椭圆中间绘制一条直线,按Delete键删除上面半圆,将剩余半圆放到合适位置即可。 4、用线条工具绘制竖线,连接鼻子和嘴。 5、单击铅笔工具,设置笔触颜色为“黑色”,笔触高度为“1”,笔触样式为“实线”。 6、用铅笔工具绘制熊猫的毛发,然后将多余的 线条删除。
请同学们练习吧!
制作第1帧画面(二) 二、利用颜料桶工具填充颜色 三、利用刷子工具绘制小苗 1、单击工具面板中的“颜料桶工具”,设置填充色为“黑色” 2、在需要填充黑色的地方单击。 三、利用刷子工具绘制小苗 1、选择“刷子工具”,设置填充色为“棕色”。 2、用“刷子工具”分别绘制深色的土块和绿色的小苗 (DIR 2) (智多星2)
请同学们练习吧!
制作第2帧画面 1、在图层1的第2针右击——选择“插入关键针”命令。 2、使用“椭圆”、“铅笔”工具绘制带提示角的图形。 3、设置“矩形”工具的笔触颜色为“黑色”,填充色为“绿色”,然后绘制三个纵向排列的矩形。 4、单击“选择”工具,将鼠标指向矩形边线,带鼠标变为 状态时向里拖动矩形边线,然后使用“刷子”工具绘制竹叶,完成竹子绘制。 (智多星3) (智多星4) (DIR 3)
请同学们练习吧!
调整动画时间 通过添加普通针的方法可以让关键针之间的动画过渡时间延长。 方法: 1、执行”控制“—”测试影片“命令,观察动画效果 2、关闭测试影片窗口,在第1针右击,选择”插入针“命令 3、同样也在第2针插入针,使动画时间延长。 4、测试影片效果,如动画频率不合适可继续插入针延长时间。 (智多星5)
请同学们练习吧!
学生作品演示
知识着陆 1、利用绘图工具配合属性面板可以完成图 像的绘制。 2、利用Flash制作简单动画时,只要几个关 键针画面不同,都能实现单一图层的逐 针动画效果。 3、fla格式的文件是Flash 动画源文件,可 以随时进行编辑修改。Swf格式文件是 动画播放文件,存储空间较小,便于随 时观看动画效果。
视野拓展 中国动画片的发展史
创作天地 请同学们试着完成右侧的动画。 提示:配合工具面板中的“橡皮擦工具”制 作逐渐被吃掉的苹果。
请同学们练习吧!
智多星1 当选中“椭圆”工具后可以在“属性”面板中进行更全面的设置,其他绘图类工具,在相应的“属性”面板中也都包含详细设置。
Dir1: 使用绘制熊猫脸部相同的方法,分别绘制熊猫的 耳朵、眼睛、鼻子,并调整至合适位置。
Dir2: 使用填充黑色的方法,分别将熊猫的脸、眼球和嘴填充为白色。
智多星2 利用”铅笔工具绘制的是线条,利用”刷子工具”绘制的大面积的色彩。“铅笔工具”的颜色由笔触颜色控制,“刷子工具”的颜色由填充色控制。
智多星3 时间轴主要由图层和帧组成,动画效果主要通过交替播发时间轴上不同帧中的相应画面而实现。 空白关键帧F7 关键帧F6 空白区域 帧F5 普通帧:两个关键帧之间的过渡部分,使画面处于保持不变的状态。以“灰色”显示,快捷键为F5。 关键帧:一个动作的开始或结束,决定动画效果的关键部分。以“黑色实心圆点”显示,快捷键为F6。 空白关键帧:没有放置任何动画对象的关键帧,起到将当前帧的内 容清除的作用。以“黑色空心圆点”显示,快捷键为F7。
Dir3:试着改变绘制图形的颜色 提示: 1、使用工具面板中的”选择“工具选中需要改变颜 色的部分。 2、更改工具面板选项中的笔触和填充颜色。
智多星4 计算机中显示的图形一般分为两大类 ——矢量图和位图 矢量图:使用线段和曲线描述图形,文件体积百秒年 较小。矢 量形最大的优点是进行放大、缩小或转等操作都不会 产生失真,最大的缺点是难以表现出色彩层次丰富的 逼真图像效果。 位图:由由一个个小色块组成的图像,这些色块称为“像素点”。 计算机屏幕其实就是一张包含大量像素点的网格,放大 图像后就会看到像马赛克一样的像素点。位图的优缺点 与矢量图正好相反。 由于Flash动画是由一张张矢量图构成的,因此生成的动画文件存储空间很小,在网络中传输速度很快。可以很方便地下载观看。一个几分钟长度的Flash动画片,常常只有1~2M。
矢量图与位图比较 位图: 矢量图: 放大效果
智多星5 在利用Flash制作动画的过程中,需要经常测试影片效果,为方便起见,可以采用快捷键Ctrl+Enter。撤消上一步操作可以执行“编辑”—“撤消”命令,快捷键为Ctrl+Z。