第1课
熊猫的梦--绘制图像与逐帧动画
一、教学目标
【知识与技能】
1.掌握Flash的启动与退出,了解Flash窗口的组成。
2.掌握在Flash中绘制图像的方法,学会保存动画文件。
3.初步学习制作逐帧动画、预览动画并生成swf格式的文件。
【过程与方法】
1、能根据表达、交流或创作的需要,选择适当的媒体和工具完成图像作品,用以呈现信息、交流思想;
2、掌握对采集的图像素材进行加工合成,表达自己的主题思想的一般方法。
【情感态度与价值观】
1、培养学生应用信息技术解决实际问题的意识。
2、培养学生对新软件的自主观察思考的良好习惯。
【学情分析】
学生在初一和小学的时候比较扎实掌握了教材中一些基础知识,但对我们的学生来说FLASH根本就没有学过,另外学生的计算机绘画能力也打不到教学所需要的要求,所以在教学中存在着很大的问题。
二、教学重、难点
重点:认识Flash
8的工作界面,学习使用绘图工具绘制图形并制作成逐帧动画。
难点:帧的理解与操作、保存文件。
三、教学环境
网络教室及相关软、硬件设施
四、教学过程
引言:网络信息时代带给人们新的视觉冲击,让人们的生活更加丰富多彩。动态网页与广告、电子贺卡、交互式游戏……,这些作品几乎都可以使用Flash动画软件制作。Flash动画以其娱乐性、通俗化的特点,吸引越来越多的人们进入闪客世界。
我们从本学期开始将通过学习Flash动画制作,踏入闪客之门。
引入课题:今天我们学习第1课《熊猫的梦绘制图像与逐帧动画》
Flash是一款创作动画的软件,利用Flash不但可以制作简单动画,而且可以制作游戏、课件等具有交互式功能的复杂动画。软件界面的规划非常友好,为了方便不同使用者的操作,工作区的设置详细分为动画、传统、调试、设计人员、开发人员、基本功能、小屏幕等选项Flash、Dreamweaver、Fireworks
一、启动并认识Flash的工作界面
1、启动
师提出:Flash的启动它跟我们上学期学过的Word的启动方法一样,可以在Windows桌面单击“开始”→“程序”
→“Macromedia”
→“Macromedia
Flash8
”即可。(师演示操作,然后学生上机操作)
2、认识Flash窗口界面
师引导学生分别介绍:
二、设置文档属性
师提出:舞台的尺寸大小、背景颜色等是通过文档属性来设置的。
具体设置:
方法一:“修改”→“文档”命令,在弹出的“文档属性”对话框中,通过调整各项参数来设置文档属性
方法二:在窗口界面的下方的“属性”面板中设置。
修改文档属性的背景颜色为“黄色”。其它参数参照教材P4图1.3所示的文档属性面板。
三、制作第1帧画面
师:使用各种绘图工具,绘制熊猫和小竹苗。
⑴、利用椭圆工具绘制熊猫的外形
1、单击工具面板中的“椭圆工具”,设置笔触颜色为“黑色”,填充颜色为“没有颜色”。
【智多星】教材P4。
当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置,如教材P4图1.4所示。其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”、“矩形工具”、“颜料桶工具”等,在相应的“属性”面板中也都包含详细的设置。
2、在舞台中拖动鼠标,绘制熊猫的脸部。使用工具面板中的“选择工具”单击绘制完成的圆形并将其拖动至合适位置。
【DIY】教材P4
使用与绘制熊猫脸部相同的方法,分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”,并调整至合适位置,如教材P5图1.5所示绘制熊猫的五官并调整位置。
3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形,然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面半圆,按Delete键将其删除后,将剩余的半圆形放在合适位置即可,如教材P5图1.6所示。
4、利用“线条工具”绘制竖线,连接鼻子和嘴。
5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置,如教材P5图1.7所示。
6、使用“铅笔工具”绘制熊猫的毛发,然后将多余的线条删除,如教材P5图1.8所示。
⑵、利用颜料桶工具填充颜色
1、单击工具面板中的“颜料桶工具”,设置填充充为“黑色”。
2、在需要填充黑色的区域单击。
选择工具教材P5
使用填充黑色的方法,分别将熊猫的脸、眼球和嘴填充为白色。如教材P5图1.9所示。
⑶、利用刷子工具绘制小苗
1、选择工具面板中的“刷子工具”,设置填充色为“棕色”,绘制出土地的效果。
2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗,如教材P6图1.10所示。
【智多星】教材P6
利用“铅笔工具”绘制的是线条。铅笔工具的颜色由笔触颜色控制。
利用“刷子工具”绘制的是大面积的色彩。刷子工具的颜色由填充色控制。
四、制作第2帧画面
步骤1:在图层1第2帧的位置右击,在弹出的快捷菜单中选择“插入关键帧”命令。
步骤2:使用“椭圆工具”、”铅笔工具”绘制带提示角的图形。
步骤3:选择“矩形工具”设置笔触颜色为“黑色”,填充色为“绿色”,绘制3个纵向排列的矩形。
步骤4:单击“选择工具”,将鼠标指向矩形边线,待鼠标变为“半弧形”状态时向里拖动矩形边线。然后使用“刷子工具”绘制竹叶,完成竹子的绘制
【智多星】教材P6
时间轴主要由图层和帧组成,动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。
普通帧:两个关键帧之间的过渡部分,使画面处于保持不变的状态。
以“灰色”显示,快捷键为F5.
关键帧:一个动作的开始或结束,决定动画效果的关键部分。
以“黑色灰色实心圆点”显示,快捷键为F6.
空白关键帧:没有放置任何动画对象的关键帧,起到将当前帧的内容清除
的作用。以“黑色空心圆点”显示,快捷键为F7
五、调整动画时间
1.菜单栏——控制——测试影片
2.菜单栏——文件
——保存
——文件名
课堂小结
(1)Flash是最基本的动画制作软件,这节课我们掌握Flash的启动与退出,了解Flash窗口的组成。
(2)学习了在Flash中绘制图像的方法,学会保存动画文件
。
(3)初步学习了制作逐帧动画、预览动画。
作业
1.参考课本的2-7页,尝试制作“熊猫的梦”
2.发挥自己的想象力,创造一个Flash动画,下次上课时与同学们分享。
教学反思:
本节课主要掌握Flash中绘制图像的制作动画的过程和方法,更学会保存动画文件.通过这节课的学习,我们掌握了用什么是逐帧动画,在FLASH中又是如何创建的,生活中有那些是属于逐帧动画。逐帧动画是绘制每一帧中的舞台内容,它适合于每一帧中的图像都在更改的复杂动画,而不是简单地在舞台中移动的动画。逐帧动画也适合表现细腻的动作效果。电影、电视是由一帧一帧的画面组合完成的,也可以说是逐帧动画。然后,展示我们将会学习到的逐帧动画:倒计时、种子发芽、从而激发学生的学习欲望和兴趣。