第十课要学会导入外部素材、熟练多层动画的制作。动画补间动画、形状补间动画和图层设置是制作flash动画的最基本手段,在动画制作中常常需要综合地加以运用。在“花开花落”动画中,用形状补间动画表现花苞绽放成花朵的形状变化。用动画补间动画实现花朵从树枝上飘落下来的位置、旋转等变化。为了方便编辑,需要给每个动画建立图层。制作动画所需的背景图片不仅可以自己绘制,也可以从外部导入。第十课 花开花落
——综合应用
一、解析动画
1.背景图层
库中的图形元件“花苞”和“花”是在Flash中绘制出来的,而背景图片“梅树”是从网上下载的,怎样把外部素材放到“库”里呢?
2.“花开”动画
在第1——10帧,用形状补间动画来表现花朵绽放的形状变化。请大家讨论动画的制作步骤,填写下表:
帧 插入关键帧还是空白关键帧 哪一个演员上台(花苞、花) 状态(组合还是分离)
编辑开始帧
编辑结束帧
建立补间
知识回顾:
只有矢量图形才能制作形状补间动画。
形状补间动画可以实现两个对象之间位置、大小、颜色、形状等变化。
3.“花落”动画
在第20——40帧,用动画补间动画表现花落的位置、旋转变化。请大家讨论动画的制作步骤,填写下表:
帧 插入关键帧还是插入空白关键帧 演员(花及变化)
编辑开始帧
编辑结束帧
建立补间
知识回顾:
动画补间动画可以实现一个对象的位置、大小、颜色、旋转等变化。
二、动画制作:
打开“花开花落.fla”
活动一:制作背景图层
(1)把图层1名称修改为“背景”;
(2)库中没有“梅树”,请你从外部导入,方法看书本P53导入背景图片;
(3)在“背景”图层的第1帧,调用“梅树”到舞台上;
(4)设置梅树图片与舞台对齐:在属性面板中设置x(0),y(0);
(5)梅树延长显示到60帧:在第60帧插入帧。
活动二:制作“花开1”形状补间动画
(1)插入图层,名称修改为“花开1”;
(2)要求在第1——10帧制作动画,动画制作步骤如下表
帧 插入关键帧还是空白关键帧 演员(花苞、花) 状态(组合还是分离)
编辑开始帧 1 插入空白关键帧(第1帧可省略) 花苞放到树枝上 分离
编辑结束帧 10 插入空白关键帧 花放到树枝上 分离
建立补间 形状补间
(3)花显示到第60帧:在第60帧插入帧
(4)播放动画,检验是否成功,如果没有成功请修改
活动三:制作 “花落1”动画补间动画
(1)插入图层,名称修改为“花落1”;
(2)要求在第20——40帧制作动画,动画制作步骤如下表
帧 插入关键帧还是插入空白关键帧 演员(花及变化)
编辑开始帧 20 插入关键帧 调用元件“花”放到树枝上,与第1朵花重叠
编辑结束帧 40 插入关键帧 把舞台上的花移动到舞台外
建立补间 动画补间,旋转2次
(3)播放动画,检验是否成功,如果没有成功请修改
活动四(提高练习选做):请你制作更多的“花开”和“花落”图层动画,使你的梅树落英缤纷。
花开2:插入图层,第5——15帧
花落2:插入图层,第25——45帧
花开3:插入图层,第10——20帧
花落3:插入图层,第30——50帧
花开4:插入图层,第15——25帧
花开5:插入图层,第20——30帧
……
三、作品评价
1.保存文件
2.测试影片:菜单“控制”——测试影片
3.把影片重命名为“学号姓名花开花落.swf”
4.上传影片
5.自我评价、组内评价
四、自我检测
学业测评网站——选择题
小组互助(共8张PPT)
踏春赏花
河南林州桃花谷
武汉大学樱花林
宁海桑州油菜花
欣赏“花开花落范例.swf”
观察原文件
观察时间轴
作品欣赏
思考和回答问题:
作品中有哪些动画?
属于哪种补间动画?
图层如何设置的?
第十课 花开花落
——综合应用
动画补间动画、形状补间动画和图层设置是制作Flash动画的最基本手段,在动画制作中常常需要综合地加以运用。
课堂任务
基础任务:背景图层、一朵花开、一朵花落。
提高任务(选做):制作更多的“花开”、“花落”动画,让梅树落英缤纷。
解析动画
讨论:作品怎么做?
打开素材“花开花落.fla”
打开“导学稿.doc”
制作动画
基础任务:背景图层、一朵花开、一朵花落。
提高任务(选做):制作更多的“花开”、“花落”动画,让梅树落英缤纷。
(参考“导学稿.doc”)
作品评价
1.保存文件、测试影片
2.把影片重命名为“学号姓名花开花落.swf”
3.上交影片到“学业测评网站”
4.自我评价、组内评价
5.小组互助
6.自我检测——完成选择题
课堂小结
本节课的学习对你今后创作Flash作品有什么帮助?