(共8张PPT)
自由的引导线动画
——flash动画制作
观赏动画
问题：
请同学们说说这两个动画有什么特点？
如果用我们学过的形状补间动画能制作出来吗？
本课提纲
1、制作蝴蝶沿直线飞舞的补间动画
2、制作蝴蝶自由飞舞的引导线动画
一、设置背景颜色
在属性面板上，可以在“背景”中把画布的颜色变成其他颜色。
用铅笔工具画出图形的轮廓，然后用颜料桶工具进行填充
二、用铅笔工具绘图
三、制作引导线动画
1、添加补间动画。
2、添加引导层。
3、在引导层上绘制动画路径。
4、设置动画的第一帧和最后一帧。
四、影片测试
五、实践拓展
请打开“自由的引导线动画—蝴蝶飞舞.fla”，给文件制作更多自由飞舞的蝴蝶动画。
O
MY
WINDOW
TO
SING
AND
FLY
AWAY
念中学附属小学
L
只网所围
氧六世只民
国二
55×400像素
1120fps0.05
查看
色
区即
选项
忽8
b49教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
知识技能
1、掌握引导层的添加和引导线的设置和应用;
2、掌握引导线在动画制作中的作用。
过程方法
1、了解引导线动画的相关知识。
2、使用Flash制作“蝴蝶飞舞”、“小球的运动”等引导线动画。
情感态度
价值观??
?
1、培养学生热爱生活,学会欣赏美,鉴赏美,创造美;
2、体验成功后的喜悦;?
3、提高学生Flash的学习兴趣和热情。
2学情分析
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
五年级的学生通过本学期前面的学习,已经基本熟悉Flash?8的界面和基本操作,大部分学生会利用绘图工具画动画角色,会创建补间动画使动画对象沿着直线运动。
3重点难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
教学重点
引导层的添加,引导线的应用。
教学难点
1、引导线应绘制在引导层中。
2、如何使元件自动吸附到引导线上。
4教学过程
4.1
第一学时
4.1.1教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
4.1.2学时重点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
4.1.3学时难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
4.1.4教学活动
活动1【导入】创设情境 导入新课
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
1、同学们,我们先来欣赏一幅作品,?通过课件展示(并配有轻松的音乐),让学生在音乐中欣赏蝴蝶在花丛中飞舞的动画。?
2、同学们,我们可以看到在画面中,一只蝴蝶在花丛中围绕着花朵来飞舞,那么这样的动作能否用我们正在学习的Flash制作呢?回答是肯定的,下面我们来学习引导线动画。(课件出示课题:制作自由的引导线动画)学会制作引导线动画,就会制作出非常漂亮的Flash动画来!
活动2【讲授】分析作品 理清思路 思维过渡
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
【实例展示】先展示“蝴蝶1.fla”,再展示“蝴蝶2.fla”,注意观察小球的运动路线。
【师】前后两个两只蝴蝶,你观察到它们的运动路线有何不同?
【生】①是沿直线运动的;②是自由运动的。
【问答】“直线飞舞的蝴蝶”是用什么动画做的?(补间动画)你会不会做呀?(会)?
?那“自由飞舞的蝴蝶”是用什么动画做的?我们学过吗?(没有)
活动3【活动】探索新知
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
一、打开Flash文档
1、打开教师已经准备好的一个Flash文档,文档中师已建好两个图层:图层一:名为“花丛”的背景图片;图层二:名为“蝴蝶图层”。
2、说一说在这个Flash文档中的时间轴面板中你有哪些发现?
3、下面我们来认识一下时间轴面板中下面的第二个按钮,哪位同学能说一下它是什么按钮?
【生】看书3-4分钟,回答问题。?
【师】引导线、引导层是本节学习的两个关键词。通过看书,你知道“什么是引导线”吗???
※引导线:就是“指挥”动画角色如何走的一条特殊的线。?
【师】那“引导层又是什么呢?”请同学们读P24(3),并说出引导层的作用??
※引导层:就是用来画引导线的特殊图层。
二、任务一:创建“引导层图层”。
单击图层面板下方的【添加引导图层】按钮,在蝴蝶层上方就建立了一个引导图层。
三、引导线的作用
在建立好引导层后,接着就该绘制引导线了,那引导线有什么作用呢?
【师】引导线是绘制在引导层中的,它可以让一个对象沿着指定的路径(引导线)运动,这个路径必须绘制在引导层上才具有引导的作用。而这个路径可以是任意的有起点和终点的连续曲线,这个曲线也就是蝴蝶飞舞的路径,并且引导线在动画发布后是不可见的。
四、任务二:绘制蝴蝶运动路径。
单击“引导层图层”的第1帧,,用工具栏中的【铅笔】工具,绘制一个蝴蝶自然飞舞的曲线,这条曲线也就是蝴蝶飞舞的路径。
五、任务三:建立引导线动画
根据课件提示,小组合作学习:
1、插入关键帧
在“蝴蝶”图层的第55帧插入关键帧。
2、调整关键帧元件位置
在“蝴蝶图层”上,单击第1帧,用“箭头”工具选中蝴蝶,移动蝴蝶,将蝴蝶放在引导线的起始端。此时
,场景中的“蝴蝶”元件中心有一个小圆圈,让小圆圈与引导线的起始端重合。单击“蝴蝶图层”的第55帧,用“箭头”工具选中蝴蝶,将蝴蝶放在引导线的末端。此时,场景中的“蝴蝶”元件中心有一个小圆圈,让小圆圈与引导线末端重合。
3、创建补间动画
在“蝴蝶图层”上,在第1帧至第55帧之间单击鼠标右键,选择【创建补间动画】命令,在“蝴蝶图层”的第1帧到第55帧创建移动动画。同时,勾选属性面板上的“调整到路径”项。
六、测试影片
七、作品展示
1、成功作品展示。
2、失败作品展示,并查找失败原因。
问题可能出现的地方:
(1)、没给动画角色先制作“补间动画”;
(2)、引导线没有绘制在引导层上;
(3)、引导线起点和终点间不能断开了;
(4)、动画对象没有吸附到引导线上,或没
有分别拉到引导线的两端。
(5)、引导线画错了,删除引导层,再重添
加一个引导层,画引导线。
3、修改没有成功的作品
八、保存文件为“蝴蝶飞舞.fla”。
活动4【练习】实践操作 拓展提高
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
在原有基础上让学生进行自由创新。
自由创作
提高知识应用能力、实践操作能力,培养创新精神、创新能力.
活动5【测试】课后作业
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff80808157c902ce0157d58ed9a91f92"
\l
"##?)
制作一架飞机在天空中飞行的动画。
