当前位置:首页 >> 其它课程 >>

Flash遮罩动画制作


泰 山 版

Flash遮罩动画制作
初 中 信 息 技 术

【请先看帮助】 【开始】

教学目标

教学内容

教学重难点

教学方法

我是导航页
知识目标 技能目标 情感目标

? 加深对遮罩

层的基本概念的 了解; ? 掌握遮罩动 画的制作要点。

? 掌握创建遮 罩动画的方法; ? 培养学生想 象能力和合作能 力。

? 激发学生学 习动画的兴趣, 培养学生的动手 能力和创造力, 体验成功的喜悦
教学过程

结束播放

拓展资源
?2

课后练习

教学目标

教学内容

教学重难点

教学方法

教学内容

1 2

加深理解遮罩层与被遮罩层的概念。

掌握使用遮罩原理制作遮罩动画的方法和技巧。

3
结束播放

了解复杂遮罩动画设计的方法和技巧。

拓展资源
?3

课后练习

教学过程

教学目标

教学内容

教学重难点

教学方法

教学重、难点
重 点 难 点

? 了解多层遮罩动画的运用 ?
和。 掌握使用遮罩原理制作动 画的方法和技巧。结合实 践巧妙地运用遮罩设计制 作出各种遮罩动画效果

? 分析遮罩层内容的形状。 ? 学习遮罩动画的概念、
各种表现形式和制作技 巧。理解遮罩层与被遮 罩层的概念和遮罩动画 产生的设计原理。

结束播放

拓展资源
?4

课后练习

教学过程

教学目标

教学内容

教学重难点

教学方法

教学方法与手段

结束播放

拓展资源
?5

课后练习

教学过程

教学目标

教学内容

教学重难点

教学方法

(打不开时, 多点几下哦)

课后练习 双击开始

结束播放

拓展资源
?6

课后练习

教学过程

教学目标

教学内容

教学重难点

教学方法

(单击开始) 该资源来自网络, 供学有余力的同学 学习和实践。

拓展资源

结束播放

拓展资源
?7

课后练习

教学过程

遮罩动画的基本概念
遮罩动画 教学过程

01
案例导入

请点击进入 四个子项目

基本概念

02
基本原理

动画实例

上机实习

03
基本构成





04
返回导航

实现方法
Page ?8

课堂激趣导入
遮罩动画 教学过程

案例一

利用遮罩制作的一个探照灯效果 (通过拖动圆来改变可看的内容)

基本概念

动画实例

上机实习





更多 案例 点这 里
返 回基本概念

返回导航

Page ?9

课堂激趣导入
遮罩动画 教学过程
案例二:小惊喜,请同学们按住左 键不放拖动,你会有惊喜的发现哦!

基本概念

动画实例

上机实习





返回导航

Page ?10

返 回基本概念

遮罩动画的基本原理
遮罩动画 教学过程
只有遮罩层覆盖的区域才能显示出被遮罩层的内 容来,没有遮罩层覆盖的区域,不会显示任何内容。 在一个遮罩动画中,“遮罩层”只有一个,“被遮罩 层”可以有任意个。

基本概念

动画实例

形状

遮罩层

上机实习





内容

被遮罩层

返回导航

Page ?11

返 回基本概念

遮罩动画的构成
遮罩动画 教学过程
遮罩动画构成
遮罩动画就是使用一个动画层 遮住图片的一部分或全部,使其部 分或全部显示出来的动画。要创建 遮罩动画,至少需要有两层,图片 做为被遮罩层,动画层做遮罩层。

基本概念

动画实例

遮罩层
上机实习





被遮罩层
返回导航

Page ?12

返 回基本概念

遮罩动画的实现方法
遮罩动画 教学过程
然后在普通层上方新 建一个图层,在其中 创建一个对象或一段 动画用来遮罩对象。

你能概括出制作遮罩效果的三 个主要步骤吗?

基本概念

接着将上方的图层转换
为遮罩层即可完成一个 遮罩动画的创建。

动画实例

上机实习

我认为首先要在 在普通层中创建 要显示的内容。

我认为关键是 区分遮罩层和 被遮罩层……





返回导航

Page ?13

返 回基本概念

文字遮罩动画实例 遮罩动画实例
遮罩动画 教学过程

百叶 窗





基本概念

动画实例





上机实习





水波荡漾

返回导航

Page ?14

文字遮罩动画实例 百叶窗效果
遮罩动画 教学过程

基本概念
点我 看思路 点我 看思路

动画实例

上机实习





返回导航

Page ?15

返 回动画实例

百叶窗效果
遮罩动画 教学过程

【设计思路】

基本概念

?导入图片到图层1设置其大小为舞台大小,并放置在舞台的中
动画实例

上机实习





返回导航

央位置。 ?插入一个图形元件,并在此元件中利用矩形工具画一条长矩形, 宽度要同图片的宽度,高度可自已设置,但不要太高。 ?再插入一个影片剪辑元件,并将刚建立的图形元件拉入舞台中, 分别在25和50帧插入关键帧,在25帧将矩形条的高度压为最小, 并创建补间动画。 ?回到场景中,插入一个新图层,将影片剪辑元件拉进舞台中, 利用时间轴特效中复制到网格设置好参数,将其布满舞台。 ?将此图层设置为遮罩 层。
Page ?16

返 回动画实例

流动的瀑布
遮罩动画 教学过程

流动的瀑布动画效果:

基本概念
点我 看思路

动画实例

上机实习





返回导航

Page ?17

返 回动画实例

流动的瀑布
【设计思路】
遮罩动画 教学过程

基本概念

?导入一幅有瀑布的图片到图层1设置其大小为舞台大小,并放
置开舞台的中央位置,然后将其打散,用套索工具将有水的地方 选中,然后复制所选内容,插入一新图层,将复制的内容利用 “粘贴到当前位置”粘贴在新图层中并将其转换为图形元件,并 将元件向左或右或上或下移动一到两个像素位置。 ?插入图形元件,利用刷子工具画许多条波浪形状的线条,宽度 要同图片的宽度,高度要大于刚才所复制内容的高度。 ?回到场景中,插入一个新图层,将图形元件拉进舞台中,然后 分别在30和60帧插入关键帧,并将30帧的图形元件移动位置, 然后创建补间动画。 ?将此图层设置为遮罩层。
Page ?18

动画实例

上机实习





返回导航

返 回动画实例

画轴
遮罩动画 教学过程

画轴的动画效果:

基本概念
点我 看思路

动画实例

上机实习





返回导航

Page ?19

返 回动画实例

画轴
【设计思路】
遮罩动画 教学过程

基本概念

?导入一幅图片到图层1设置其宽大于高,并放置在舞台的合适
动画实例

上机实习





返回导航

位置。 ?插入一个矩形图形元件,并在此元件中利用矩形工具画竖长条 矩形,高度大于图片的高度。 ?插入一个画轴图形元件,在此元件中画一根画轴。 ?插入一个画轴头图形元件,在此元件中画两端的画轴头。 ?回到场景中,插入一新图层,将矩形元件拖入到此图层中,将 将元件旋转在图片的中间位置,然后在90帧插入关键帧,并在 90帧的时候将矩形的宽度拉成图片的宽度并创建补间动画,然 后设置其为遮罩层。
Page ?20

返 回动画实例

水波荡漾
遮罩动画 教学过程

水波荡漾的动画效果:

基本概念
点我 看思路

动画实例

上机实习





返回导航

Page ?21

返 回动画实例

水波荡漾
遮罩动画 教学过程

【设计思路】

基本概念

1. 导入一幅图片到图层1设置其宽为舞台宽,高为其一半,
并转换为图形元件,放置于舞台的上半部,插入一新图层, 将图片复制于此图层中,并垂直翻转置于舞台的下半部分, 再插入一个新图层,然后将翻转的图片复制到此图层中,并 将元件向左或右或上或下移动一到两个像素位置。 2. 插入一个图形元件,并在此元件中利用刷子工具画许多 条波浪形状的线条,宽度要同图片的宽度,高度要大于刚才 所复制内容的高度。 3. 回到场景中,插入一个新图层,将图形元件拉进舞台中, 然后分别在30和60帧插入关键帧,并将30帧的图形元件移 动位置,然后创建补间动画。 4. 将此图层设置为遮罩层。 返 回动画实例
Page ?22

动画实例

上机实习





返回导航

上机实习
遮罩动画 教学过程
任务一
制作“地球旋转效果”

【设计效果】

基本概念

动画实例

本例将使用多重遮罩的方法制作一个 地球旋转的动画。蓝色背景中的地球模 型均匀转动,可以清晰地看到其上的大 陆版块图,最终效果如图所示。

上机实习





返回导航

Page ?23

上机实习
遮罩动画 教学过程
任务一
制作“地球旋转效果”

【设计思路】

基本概念

动画实例

上机实习





首先制作蓝色方格背景。 然后制作半透明圆形球体作为 遮罩层。接着利用勾勒出来的 大陆版块作为被遮罩层。圆形球体 是不运动的,但如果让被遮罩的大 陆版块运动起来,圆形球体看起来 就是运动的。 对大陆版块要分正面和背面, 因此需要使用多个被遮罩层。

返回导航

Page ?24

上机实习
遮罩动画 教学过程
【设计效果】

任务二:模拟“物体在管道中下落的效果(学有余力者做)

基本概念

动画实例

使用遮罩效果模拟现实生活中物体在管道中 下落的运动效果,动画中使用简单的箭头图 形来代表物体和管道,物体以不变的速度在 管道中下落,在转弯处自动改变方向,最后 的设计效果如图所示。

上机实习





返回导航

Page ?25

小结
遮罩动画 教学过程

?

基本概念

动画实例

上机实习





遮罩是Flash中的重要工具,其功能强 大,使用方法却很简单,许多优秀的Flash 作品中都有其身影,希望大家能熟练掌握 并灵活运用遮罩技术。本章通过大量的遮 罩实例,由浅入深地介绍了遮罩效果,为 同学们全面展示了遮罩动画的魅力。 ? 同学们可以通过模拟本章的实例来进一 步熟悉遮罩工具。在制作时,请同学们从 遮罩的原理出发,并充分发挥自己的创意, 从而创作出更为生动有趣的Flash作品。
别忘了返回导航 还有课后练习哦
Page ?26

返回导航

一直在努力,请老师指正!

课件使用帮助
本节内容选自人教版初中《信息技术基础》八年级下册第一单元第五节内 容“制作遮罩动画”,学生已经掌握了Flash动画的基础操作,能够利用图层制 作逐帧、补间等多种形式的动画。学生在学习本课之前已学习制作滚动皮球和再 现准确投篮动画。 (1)课程内容:制作遮罩动画(2)课时安排:45分钟 (3)所属学科:信息技术 (4)教学对象:初二年级学生
● 本课件使用PowerPoint2010制作,在低版本软件中播放时,部分动画效果无 法实现,或显示不正常。 ● 本课件所有页面右下部都设置了便捷的导航按钮和超链接,如下图所示,推荐 使用导航浏览更方便。 ● 本课件的重点在导航页中的“教学过程”,可通过左边的导航列表快速浏览。 图示 功能 上一页、导航页、下一页 返回教学过程子列表
返回导航页

返回


相关文章:
遮罩动画实例制作
遮罩动画实例制作_动画/交互技巧_PPT制作技巧_PPT专区。本文主要讲述了遮罩动画制作的过程,希望能给Flash 动画初学者以帮助。遮罩动画实例制作【地球自转动画制作】 制...
Flash遮罩动画之流水效果的制作方法_图文
Flash遮罩动画之流水效果的制作方法_计算机软件及应用_IT/计算机_专业资料。Flash 遮罩动画之流水效果的制作方法翼狐网:http://www.yiihuu.com/ 下载并打开 flash...
《FLASH遮罩动画》教学设计与反思
FLASH 遮罩动画》教学设计与反思■教材分析 本节课以新教材苏科版的《初中信息技术》(下册)第八单元教学内容为依据拓展开来讲授的。本节课的 教学内容是 flash...
flash制作遮罩动画
flash制作遮罩动画_电脑基础知识_IT/计算机_专业资料。flash制作遮罩动画教程第五课 制作遮罩动画 Flash 中的普通层是透明的,普通层叠在一起不会互相遮罩。与 普通...
FLASH遮罩动画原理及应用
2、采用分析比较法:让学生在分析比较中获得设计的思路 3、采取由浅入深、循序渐进的教学策略,让学生能清晰分析每个 遮罩动画的原理,制作 FLASH 遮罩动画。 教具:...
Flash 8 遮罩动画详解及实例
Flash 8 遮罩动画详解及实例_IT/计算机_专业资料。Flash 8 遮罩动画详解及实例...在制作过程中,遮罩层经常挡住下层的元件,影响视 线,无法编辑,可以按下遮罩层...
FLASH遮罩动画”教学设计
FLASH 遮罩动画”教学设计■教材分析 遮罩动画是 Flash 动画中比较重要的动画之一。本节课的教学内容是 FLASH 的遮罩动画制 作, 着重于学生对遮罩动画的原理理解...
《Flash遮罩层动画的制作》教学反思
Flash 遮罩层动画制作》教学反思林承富 本课主要是在建构主义教学理论指导下,采用“任务驱动”教学策略,利用网络环境下 多媒体教学系统,对学生实施自主学习的...
FLASH遮罩动画制作步骤
FLASH遮罩动画制作步骤_其它_高等教育_教育专区。“遮罩动画”的制作步骤: (一) 制作彩条图层 1. 新建 flash 文件,设置舞台大小为 600×300 像素,背景颜色为深...
flash遮罩动画实例
flash遮罩动画实例_设计/艺术_人文社科_专业资料。制作月圆之夜举笔题诗动画 1、本教程主要使用了椭圆、矩形和文字工具以及渐变填充,操作实用,适合练习。 先看看...
更多相关标签:
flash遮罩层动画制作 | flash遮罩动画的制作 | flash遮罩动画 | flash遮罩动画教程 | flash遮罩动画实例 | flash遮罩动画欣赏 | flash文字遮罩动画 | flash遮罩层动画下载 |