第十课要学会导入外部素材、熟练多层动画的制作。动画补间动画、形状补间动画和图层设置是制作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.自我评价、组内评价 四、自我检测 学业测评网站———选择题 小组互助(
课件网) 踏春赏花 河南林州桃花谷 武汉大学樱花林 宁海桑州油菜花 欣赏“花开花落范例.swf” 观察原文件 观察时间轴 作品欣赏 思考和回答问题: 作品中有哪些动画? 属于哪种补间动画? 图层如何设置的? 第十课 花开花落 ———综合应用 动画补间动画、形状补间动画和图层设置是制作Flash动画的 ... ...