Flash CS3 遮罩动画

《Flash CS3 遮罩动画》教学设计

一、学习目的

1、了解遮罩图层的含义及遮罩的制作过程。

2、掌握遮罩动画的制作方法及其动画分类、综合应用。

二、实训任务

1、制作彩色移动文字效果。

2、制作卡拉OK文字效果。

3、制作扫光字效果。

4、制作背景移动文字效果。

5、制作画卷效果。

6、制作开门式切换效果。

7、制作水波效果。

8、线性图片切换效果。

三、知识理论基础

在Flash CS3中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用Actions（简称AS）指令的方法，在此仅介绍第一种做法。

1、遮罩动画的概念

（1）什么是遮罩：“遮罩”，顾名思义就是遮挡住下面的对象。

在Flash CS3中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个，如图1所示。

图1 图层五为遮罩层图层1-图层4均为被遮罩层

（2）遮罩有什么用：在Flash CS3动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

2、创建遮罩的方法

（1）创建遮罩

在Flash CS3中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为

“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图2（1）（2）所示，把红色圆形层设为遮罩层，学校图片层设为被遮罩层有前后效果对照。

（1）红色圆层和学校图片层设置遮罩与被遮罩前的效果

（2）红色圆层和学校图片层设置遮罩与被遮罩后的效果

图2

从图2可看出，通过创建遮罩与被遮罩后，最终的效果是只能看到被遮罩形状的效果（即是红色圆形内的内容，其它区域就无法看到了。

创建遮罩的方法有：（以图2（1）为例）

右击“圆形”图层，如图3（1）所示，在弹出的快捷菜单中，选择“遮罩层”即可。

右击“圆形”图层，如图3（1）所示，在弹出的快捷菜单中，选择“属性”，在弹出的对话框中选择“遮罩层”，如图3（2）所示

（1）创建遮罩方法一

（2）创建遮罩方法二

图3

创建被遮罩层的方法：

只要创建了“遮罩层”后，它会自动把遮罩层的下一层（如2（1）图中的学校图片层）设为被遮罩层。

如果需要创建多个被遮罩层，则直接用鼠标拖动相应的图层到被遮罩层的右下就可以，如图1中有四个是被遮罩层。

取消遮罩层和被遮罩层的方法：

右击现有的遮罩图层（例如圆形层），在弹出的快捷菜单中再单击“遮罩层”，把

其钩去掉，这样它所属的所有被遮罩层全部被取消。

在图3（2）所示的图层属性里选择“一般”也可以取消遮罩层和被遮罩层。

（2）构成遮罩和被遮罩层的元素

遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

（3）遮罩中可以使用的动画形式

可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。

3、应用遮罩时的技巧遮罩层的基本原理

能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。

四、实训过程与步骤

任务一：制作彩色移动文字效果，如图4所示。

图4

制作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建三个图层，第一层命名为“背景层”，第二层命名为“色块层”，第三层命名为“文字层”。

第三步：导入背景图片“1.png”到库里。

第四步：单击背景层的第一帧，并从库里把1.png文件拉到舞台上，并单击对齐选项，单击相对于舞台、水平中齐、垂直居中分布等，在40帧处插入帧。

第五步：单击第二层（色块层）的第1帧,单击工具栏上的矩形工具,去掉笔触颜色、填充色为七彩颜色,并在左侧接近舞台三分之一处开始至舞台右侧结束的长方形(七彩色块)；分别在20、40帧处插入关键帧，其中，在20帧处把色块从左向右拖动，直到把色块的左端与舞台的左侧平衡即可，最后分别在20、40帧范围类创建动作补间动画。

第六步：单击文字层的第1帧，输入文字为做人要真,学艺要精，字体为黑体、80号、红色、文字必须在色块上方,最后设置文字层为遮罩层,色块层为被遮罩层，背景层为普通层。

第七步：保存文件，并把文件保存名设为“彩色移动文字效果.fla”，并测试效果。如图4所示。

图4

任务二：制作卡拉OK文字效果，如图5所示。

图5

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建四个图层，第一层命名为“背景层”，第二层命名为“蓝色文字层”，第三层命名为“红色文字层”，第四层命名为“色块层”。

第三步：导入背景图片“2.png”到库里。

第四步：单击背景层的第1帧，并从库里把2.png文件拉到舞台上，并单击对齐选项，单击：相对于舞台、水平中齐、垂直居中分布等，在40帧处插入帧。

第五步：单击蓝色文字层的第1帧,输入2行文字：蓝色方正粗圆简体78号文字：要致富，学技术，职业教育是门路。在40帧处插入帧。

第六步：单击蓝色文字层的第1帧，并按复制第1帧的文字，接着单击红色文字层的第1帧，并粘贴蓝色文字到这一层，然后双击文字，并改为红色。在40帧处插入帧。

第七步：在色块层的第1帧画一个紫色的色块挡住要字，再分别在15、25、40帧处插入关键帧,其中在15帧处把色块拉伸到“职”后并设置形状补间动画，25帧处为“业”色块，方法同上。

第八步：保存文件，并把文件保存名设为“卡拉OK文字效果.fla”，最后测试效果，如图5所示，是设计图层。

图5

任务三：制作扫光字效果，如图6所示。

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建四个图层，第一层命名为“背景层”，第二层命名为“文字层”，第三层命名为“色块层”，第四层命名为“文字层副本”（直接从文字层复制过来）。

第三步：导入背景图片“3.png”到库里。

第四步：单击背景层的第1帧，并从库里把3.png文件拉到舞台上，并单击对齐选项，单击相对于舞台、水平中齐、垂直居中分布等，在40帧处插入帧。

图6

第五步：单击文字层的第1帧,输入2行文字：红色方正粗圆简体78号文字，第一行：学一技之长，第二行：创一番事业！然后在40帧处插入帧。

第六步：单击文字层的第1帧，并复制第1帧的文字，接着单击文字层副本的第1帧，并粘贴文字层的内容到这一层,在40帧处插入帧。

第七步：在色块层的第1帧画一个斜长方形（135.8*212.2）颜色为线性白色（4%，86%，4%），在15、25、40帧处插入关键帧再把色块从第1帧移到15帧、从25帧移到40帧的运动补间动画，并把文字层副本设置为遮罩层，色块层为被遮罩层，文字层和背景层为普通层。

第八步：保存文件，并把文件保存名设为“卡拉OK文字效果.fla”，最后测试效果，如图7所示，是设计图层。

图7

任务四：制作背景移动文字效果。如图8所示。

图8

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建三个图层，第一层命名为“背景层”,第二层命名为“移动图片层”，第三层命名为“文字层”。

第三步：导入背景图片“4.png”和移动图片“44.png”到库里。

第四步：单击背景层的第1帧，并从库里把4.png文件拉到舞台上，并单击对齐选项，单击相对于舞台、水平中齐、垂直居中分布等，在40帧处插入帧。

第五步：单击移动图片层的第1帧,，并从库里把44.png文件拉到舞台上，对图片设置相对舞台水平垂直居中，然后在20、40帧上分别插入关键帧，单击20帧，把44.png文件向上或向下缓慢移动，最后分别在20、40帧之间创建运动补间动画。

第六步：单击文字层的第1帧，输入以下汉字：加强职业技术培训提高就业竞争能力（要分两行、方正粗圆简体、78号），并在40帧处插入帧。

第七步：设置文字层为遮罩层、移动图片层为被遮罩层、背景层为底部普通层。

第八步：保存文件，并把文件保存名设为“背景移动文字效果.fla”，最后测试效果，如图8所示，是设计图层。

任务五：制作画卷效果，如图9所示。

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建四个图层，第一层命名为“背景层”，第二层命名为“遮罩块”层，第三层命名“左滚轴”层，第四层命名为“右滚轴”层。

第三步：导入图片“9.png”到库里。

第四步：单击背景层的第1帧,在舞台中部画一个矩形(636*44,颜色为#009999)，并从库里把9.png文件拉到舞台上，把图片调节到矩形的中部位置，并调到如图9所示的大小，在40帧处插入帧。

图8

图9

第五步：单击遮罩块层的第1帧，画一个如右遮罩块第1帧红色矩形，在40帧处插入关键帧，并把矩形拉伸到挡住第4步中的矩形位置，并在第1、40帧内创建形状补间动画。

第六步：单击左滚轴的第1帧，画一个如图9中的黑紫色组成的滚轴，并把轴的两端调节为弧形状，把整个滚轴组合，再把这滚轴复制一个副本，把它粘贴到右滚轴层的第1

帧处,如图10（3）中的左右滚轴第1帧位置所示（两个滚轴要并列并挡住遮罩块第1帧红色矩形，这是关键环节）

（1）遮罩块第1帧红色矩形（2）遮罩块第40帧处红色矩形

（3）左右滚轴第1帧位置（4）左右滚轴第40帧位置

图10

第七步：分别在左右滚轴的第40帧处插入关键帧，并同时把左右滚轴从中间向两端移动（左滚轴向左移动到第4步中的矩形块左边缘，右滚轴是移到矩形块右边缘，如图10（4）的左右滚轴第40帧位置图所示。最后在左右滚轴的1、40帧处创建运作补间动画。

第八步：遮罩块层设为遮罩层，背景层设为被遮罩层，左右滚轴层为普通层，如图11所示。

第九步：保存文件，并把文件保存名设为“画卷效果.fla”，最后测试效果，如图11所示，是设计图层。

图11

任务六：制作开门式切换效果，如图12所示。

图12

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建三个图层，第一层命名为“图片1”层，第二层命名为“图片2”层，第三层命名为“门框”层。

第三步：导入图片“10.png”和“11.png”到库里。

第四步：分别在图片1层和图片2层的第1帧处拉入11.png和10.png图片，并设置相对舞台垂直、水平居中，再分别在40帧处插入帧。

第五步：单击门框层的第1帧，并画一个笔触颜色为无，填充色为红色的矩形（与舞台相同大小），把整个舞台遮罩住，再在40帧处插入关键帧，然后再把红色矩形向左拉伸到右下角的门框图片所示，并在第1、40帧内创建形状补间动画。再单击门框的第1帧，单击修改菜单下的形状，在下级菜单下单击添加形状提示2次，并把和移到图13（1）的图片所示位置，再单击门框层的第40帧同样执行添加形状提示，如图13（2）绿色圆点。

（1）给门框层（红块）添加2个形状提示（2）给40帧上的门框再设置2个形状提示点

图13

第六步：设门框层为遮罩层，图片2层为被遮罩层，图片1层为普通层。

第七步：保存文件，并把文件保存名设为“开门式切换效果.fla”，最后测试效果，如

图14所示，是设计图层。

图14

任务七：制作水波效果，如图15所示。

图15

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建三个图层，第一层命名为“背景图片”层，第二层命名为“水部分”

层，第三层命名为“波纹层”。

第三步：导入图片“18.png ”到库里。

第四步：在背景图片层的第1帧处拉入图片18.png,并设置相对舞台垂直、水平居中， 并把图片转为图形元件再分别在40帧处插入帧。

第五步：复制背景图片层第1帧图片到水部分层第1帧处,并按Ctrl+B 打散图片，使 用套索工具把水部分以外内容删除，并把水部分转为图形元件。同时在第1帧处向上移1小行，在40帧处插入帧，如图16（1）所示。

（1）通过CTRL+B 及套索

后的水部分 图16

第六步：在波纹层第1帧处画一个776*8的红色矩形，并把这矩形连续复制多个，直 把整个舞台覆盖为止，在40帧处插入关键帧，并把红色矩形向下移动（不要向上），再对第1帧、40帧内创建动作补间，如图16（2）、（3）所示。

第七步：把波纹层设置为遮罩层，水部分层设为被遮罩层，背景图片层设为底部普通层。 第八步：保存文件，并把文件保存名设为“水波效果.fla ”，最后测试效果，如图17所示，是设计图层。

图

17

（2）第1帧处的红色矩形位置 （3）第40帧处的红色矩形位置

任务八：线性图片切换效果，如图18所示。

图18

操作步骤：

第一步：运行Flash CS3，新建一个文档，大小为733*534，其它为默认。

第二步：分别创建六个图层，第一层命名为“图片1”层，第二层命名为“图片2”层,第三层命名为“色块”层。第四、五层命名为“左竖线”层和“右竖线”层。第六层为文字层。

第三步：导入图片“24.jpg”和“25.jpg”到库里。

第四步：在图片1层的第1帧处拉入24.jpg并设置相对舞台垂直、水平居中再分别在40帧处插入帧。再在图片2层中的第20帧处插入关键帧，并把25.jpg 图片拉入舞台，调整其对齐方式。

第五步：分别在左竖线和右竖线层的第1帧画一条红色竖线(如右图所示) 其中左竖线层的第1帧为舞台左边缘的竖线，而右竖线层的第1 帧为舞台右边缘的红色竖线，然后再分别在两层的第40帧处插入关键帧，并把各自的竖线向相反方向移动（即是左竖线移到舞台的右侧，右竖线就移到舞台的左侧）最后对两层设置形状补间动画，如图19（1）所示。

第六步：在色块层的第20帧处，创建一个蓝色的色块（在双竖线内），在40帧处，插入关键帧并把蓝色块拉伸到如图19（2）所示的效果（仍在双竖线内），并把20帧至40帧内创建形状补间动画。

（1）20帧处的双竖线及蓝色色块（2）40帧处的双竖线及蓝色色块

图19

第七步：把色块层设置为遮罩层，图片2设置为被遮罩层，把图片1层设为最底部的普通层，左竖线层和右竖线层均设为顶部的普通层。

第八步：保存文件，并把文件保存名设为“线性图片切换效果.fla”，最后测试效果，如图20所示，是设计图层。

图20

五、实训思考

1、制作电影文字效果，如图21所示，文字为：技能提升，职教先行。家有万金，不如一技在身。就业靠竞争，上岗凭技能。学职业技术，走致富之路。

图21

2、制作探照灯效果，如图22所示，文字设为：读职校，学技能，赢未来。

图22

3、制作射灯效果，如图23所示，文字设为：低碳生活：保护地球，从我做起

图23

4、制作波浪文字效果，如图24所示，文字设为：善待地球就是善待自己

图24

5、制作图片变换效果，如图25所示。

图25 6、制作百叶窗效果，如图26所示。

图26 7、制作星形旋转遮罩效果，如图27所示。

图28

《遮罩动画》课件介绍

为了让更多的学生能学习好遮罩动画，笔者根据学生的特点及多年Flash的教学经验，特别设计了本课件，其内容新颖，讲解通俗易懂，并实现了对所有实例的真人操作讲解，它是学生学习遮罩动画的最理想的选择，希望各位老师及学生充分运用本课件进行学习遮罩动画计，本实训所有实例和实训思考均来自本课件，下面是本课件的截图（注：本课件已包含在光盘内）。

图29 课件首页界面

图30 课程说明界面

图31 遮罩动画基础知识界面

图32 遮罩动画作品欣赏界面

图33 遮罩动画跟我操作界面

Flash遮罩动画教案

Flash遮罩动画教案 遮罩动画 教学目标 1、知识与技能 1)理解遮罩的概念; 2)掌握遮罩动画的制作要领; 3)能够恰当运用遮罩层再现生活中一些有趣的情境。 、过程与方法 2 让学生在欣赏-模仿-分析-探究的过程中学会学习。 3、情感、态度、价值观 1)激发学生的学习兴趣; 2)提高学生自主探究意识。 教学重点:1)遮罩概念的理解; 2)恰当运用遮罩层再现生活中一些有趣的情境。 教学难点:遮罩概念的理解。 教法分析 抛锚式教学法:以引导动画知识为基础搭建“脚手架”，借助影片中的望远镜情境设置锚点，引入本课，练 习设置以基础练习-巩固练习-进阶挑战层层递进的方式进行。 分层教学法:组织学生根据自身的实际情况完成适合自己的实践探究活动。学法分析 探究性学习:给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现，让他们通过主动探索、发现

和体验，实现学以致用。 教学过程 一、创设情境，激趣导入 Flash动画可以再现生活中有趣的情境如瓢虫爬行、飞机起飞等。(回顾引导动画知识) 情境创设 电影中望远镜片段欣赏。 设问:如何利用Flash再现望远镜效果。 1、观看电影片断 2、思考如何再现望远镜效果动画来源于生活，也可以再现生活。利用电影中的情境引入，激发学生好奇心 和学习兴趣对比分析理解概念。 (2分钟) 将影片中的望远镜效果和望远镜效果动画进行横向对比，从动画制作的角度思考需要的图层和 各图层运动情况。根据老师演示和讲解思考、领会，理解遮罩概念。将生活中的望远镜效果与动画中的 望远镜效果进行横向对比，引出遮罩概念，有助理解。 样例学习体会要领 (5分钟) 学生演示望远镜图层和背景图层的制作: 1、绘制望远镜元件(两个有填充色的圆形相交);新建风景元件，导入风景图。 2、将默认图层改名为“风景”，拉入风景图元件;新建望远镜图层，拉入望远镜元件，望远镜设置移动动画。 揭开遮罩神秘面纱:

遮罩层与遮罩动画的练习导学案

遮罩层与遮罩动画的制作课堂导学案 【学习目的】 1）进一步理解遮罩的概念； 2）掌握遮罩动画的制作要领； 3）能够恰当运用遮罩层再现生活中一些有趣的情境。 【学习重点】 1）遮罩概念的理解； 2）恰当运用遮罩层再现生活中一些有趣的情境。 【学习难点】 遮罩概念的理解。 【学习方法】 让学生在欣赏-模仿-分析-探究的过程中学会学习。从生活中寻找遮罩“原型”并重现，通过主动探索、发现和体验，实现学以致用。 一、概念复习 除了普通图层、引导层外，还有一种特殊的图层——遮罩层。利用遮罩功能，可以设定显示图像的哪一部分，不显示哪一部分，以便进行一些特殊处理。由此形成的动画，就是遮罩动画。 1．遮罩动画的概念 （1）什么是遮罩 遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建

一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 （2）遮罩有什么用 在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了。 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

神奇的遮罩动画(1)

《神奇的遮罩动画》研究课 【课型】新授课 【适用年级】七年级 【设计意图】 Flash动画制作技术性比较强，难于理解，而遮罩动画又是Flash学习的一个难点，作为一节新授课，我尝试解决两个问题，在突破难点的基础上让学生自主探究。Flash动画来源于生活，所以我以“再现生活”为整个学习的主线，让学生从生活中寻找“原型”，尝试利用动画自主探究再现，真正实现知识的触类旁通。 【教学内容分析】 《遮罩动画》是教育部中小学信息技术教材七年级下册的内容。所用工具软件为FlashMX。在此之前，学生已经学习了形状补间动画、移动补间动画和引导动画，尝试用Flash再现了飞机起飞、月亮绕地球旋转、瓢虫爬行等有趣的情境。 【教学对象分析】 本课面向的是七年级的学生，他们对于Flash动画的学习有着浓厚的兴趣，具有较强的竞争意识和探索精神，但分析问题水平有待提升。 【教学目标】 1、知识与技能 1）理解遮罩的概念； 2）掌握遮罩动画的制作要领； 3）能够恰当使用遮罩层再现生活中一些有趣的情境。 2、过程与方法 让学生在欣赏-模仿-分析-探究的过程中学会学习。 3、情感、态度、价值观 1）激发学生的学习兴趣； 2）提升学生自主探究意识。 【教学重点、难点】 教学重点： 1）遮罩概念的理解； 2）恰当使用遮罩层再现生活中一些有趣的情境。 教学难点： 遮罩概念的理解。 【教法分析】 抛锚式教学法：以引导动画知识为基础搭建“脚手架”，借助影片中的望远镜情境设置锚点，引入本课，练习设置以基础练习-巩固练习-进阶挑战层层递进的方式实行。 分层教学法：组织学生根据自身的实际情况完成适合自己的实践探究活动。 【学法分析】 探究性学习：给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现，让他们通过主动探索、发现和体验，实现学以致用。 【教具准备】 网络教室（安装红蜘蛛电子教室软件）、辅助学习网站、课件。 【教学过程】

(整理)Flash 8 遮罩动画详解及实例.

Flash 8 遮罩动画详解及实例 在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮 罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么，“遮罩”如何能产生这些效果呢？ 在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。 1．遮罩动画的概念 （1）什么是遮罩 “遮罩”，顾名思义就是遮挡住下面的对象。 在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。 （2）遮罩有什么用 在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你 只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层精品文档

图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。 图3-5-1 多层遮罩动画 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3．应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例：红星闪闪 精品文档

flash遮罩动画的教案

《Flash遮罩动画效果》 授课题目：遮罩动画 教材分析 本课是高中《信息技术》人教版的内容。在教学过程中，学生处于主体地位，是自主学习、自我创造的主人；教师是课程的开发者、学习活动的组织者、情感的支持者、信息资源的设计者和咨询者以及思维的点拨者。在活动过程中，教师要引导和促进学生的学习活动，为学生的学习和创造提供帮助和服务，而不过多干涉学生创造的过程。 本课内容主要是使学生理解Flash中遮罩的含义及原理，通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法。本身flash对中学生来说较难理解，因而教材在本课讲授安排主要是以实例来启发学生，以动态美观的视觉效果及创意来激发学生的兴趣，以达到教学的目的。 教学对象分析： 对能否理解遮罩与被遮罩层的关系，这是教学难点所在。基于信息技术课的特点，课时少、周期长、学生易忘、操作性强的特点，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解其制作过程。高中生自我表现力强，尽量给学生多练，多展示的机会。并结合所学习的动画与地理环保知识进行整合，培养学生科学严谨的学习态度，并培养学生热爱自然的情趣 教学目标 1．通过实例教学使学生理解Flash中遮罩的含义及原理； 2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法； 3．学会分析他人的Flash作品并学习其中使用的技术、技巧； 4．通过整个教学过程，培养学生的自学能力和团队小组合作、创新的精神。教学方法： 1．利用多媒体课件教学； 2．以实例演示为设计思想； 3．通过实例教学，使学生掌握设计方法。 在整个教学过程中特别重视学生活动，给学生充分的时间，让学生处于主体地位，是自主学习、自我创造的主人，并在趣味中学习知识，辅助对遮罩原理的理解。同时又布设了符合学生知识水平的设计作品活动，让学生充分发挥自己的

flash遮罩动画制作-红星闪闪

Flash遮罩效果实例-红星闪闪 在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么，“遮罩”如何能产生这些效果呢？ 在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。 1．遮罩动画的概念 （1）什么是遮罩 “遮罩”，顾名思义就是遮挡住下面的对象。 在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。 （2）遮罩有什么用 在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

图3-5-1 多层遮罩动画 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3．应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮 廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例：红星闪闪

flash遮罩动画教学设计

FLASH遮罩动画教学设计 安康育英中等职业学校周开波 课型：新授课 授课年级：中职二年级 课时安排：1课时 教学目标： （1）理解遮罩动画的实现原理； （2）掌握Flash遮罩动画的制作方法； （3）掌握遮罩动画的制作要点 （4）引导学生养成良好的操作习惯和思维习惯，提高学生审美能力和空间想像能力，激发学生自主创意。 （5）感受运用Flash动画软件创造作品的乐趣； （6）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。 教学重点： （1）遮罩动画的实现原理； （2）遮罩动画的制作过程； 教学难点： 遮罩动画的实现原理； 教学对象分析 学生在之前已经学习过了逐帧动画、补间动画、引导层动画，遮罩动画是flash中需要学习的最后一种动画形式，学生已经对图层、元件、库有了一定的了解，基于本班学生女生多，实践操作的主动性不高和计算机课的特点，周期长、学生易忘、操作性强，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解其制作过程。学生自我表现力强，尽量给学生多练，多展示的机会。培养学生科学严谨的学习态度和良好的操作习惯，并培养学生热爱自然的情趣。 教学方法与教学手段： 讲授法、演示法、任务驱动法。 教学准备： 硬件：多媒体计算机、投影仪； 软件：教学课件。 教学过程：

板书设计：以课件的形式在大屏幕上播放。 教学后记： 本课题在课前的教学设计中就力争能做到：以学生为中心，以教师为引导；知识的展现通过学生自己的探究得到，而不是教师的灌输；在教学过程中，循序渐进，尽量能激发学生求知的热情，学习的兴趣，让学生积极主动地参与到教学活动中来，能在教师的引导下进行有效的探究活动。在实际教学活动中也基本上实现了这种设计，师生之间进行了有效的互动，通过学生的自主探究学习，很好的达成了本节课的教学目标。

flash制作遮罩动画

第五课制作遮罩动画 Flash中的普通层是透明的，普通层叠在一起不会互相遮罩。与普通层相对应的层是“遮罩层”，“遮罩层”是不透明的，只有有图像或文字的地方才是透明的。利用遮罩层，可以制作一些特殊的动画效果。 一、探照灯效果 【例2-5.1】制作一个动画，产生文字在探照灯照射下逐步显示出来的效果。 分析：在普通层上放入文字，再建遮罩图层，遮罩图层上画一个圆。遮罩图层中的圆移动时，它下面的文字就随着显示出来了，就像探照灯将文字照出来了一样。 【操作步骤】 第一步：新建一个动画文件，将第一个图层的名字改为“文字”。 第二步：单击菜单【修改】 【文档】，设置背景色为黑色。在“文字”层的第1帧输入“欢迎光临”；在第15帧处插入帧，将第一帧延伸至第15帧。见图2-5.1。 图2-5.1 文字层 第三步：新建图形元件“圆”。见图2-5.2。

图2-5.2 图形元件“圆” 第四步：新建图层“灯”。将元件“圆”拖入第1帧的舞台左边，遮住左边的文字；在第15帧处插入关键帧，将“圆”实例移至舞台右边，遮住右边的文字；打开帧属性面板，在第1帧创建“运动补间动画”。 图2-5.3 “灯”图层动作补间动画 第五步：在“灯”图层上单击鼠标右键，选择“遮罩层”，如图2-5.4所示。 图2-5.4 遮罩层

测试影片，效果如何？ 【试一试】 制作一个广告字幕效果的动画，要求文字从左到右逐步显示出来。 提示：遮罩层静止，对文字层中的文字元件作“动作补间动画”。 二、望远镜效果 【例2-5.2】运用遮罩层制作一个具有望远镜效果的Flash动画。见图2-5.5。 图2-5.5 遮罩效果 【操作步骤】 第一步：新建“风景”图形元件，导入风景图片；新建“望远镜”图形元件，画两个相交圆作为望远镜。 第二步：将元件“风景”拖入图层1的第1帧，调整到和舞台一样大小，与舞台对齐，插入静止帧至第45帧。见图2-5.6 第三步：将元件“望远镜”拖入图层2的第1帧；在第25帧插入关键帧，移动望远镜的位置。在第1帧创建“运功动画补间”。 第四步：将图层2设置为“遮罩层”。

使用Flash制作遮罩动画

实验8.2使用Adobe Flash Professional制作 遮罩动画。 【实验目的】 1、掌握图层的概念，遮罩层的设置。 2、掌握元件的使用和补间动画的创建。 3、掌握遮罩动画的制作流程。 【实验环境】 Window7+Photoshop+Adobe Flash Professional 【实验内容】 1、在Flash动画中，遮罩动画一类最常见的动画效果，我们常常看到的许多眩目神奇的动 画效果，而其中不少就是用最简单的遮罩完成的，如探照灯、万花筒、百页窗、放大镜……等等，比如下图所示望远镜动画。 2、本实验利用Adobe Flash Professional来完成这样一个望远镜动画。通过本实验，实验者 能掌握Flash动画的基本制作原理，了解相关的场景、图层、遮罩、关键帧、元件等概念。 【实验指导】 一、用Photoshop创建动画所用素材,一幅为清晰的图片，一幅为该图片的模糊化，模糊化 的方法如下所述。 1、用Photoshop 打开一幅花朵丰富的图片，如下图所示。

2、在菜单栏中选择“滤镜”->“模糊”->“镜头模糊” 3、在弹出“镜头模糊”窗口中设置“半径”变大，让图片看起来模糊，设置完成后单击“确定”按钮，图片如下所示。

4、在菜单栏中选择“文件”->“存储为”，打开“存储为”窗口，给文件命名“模糊郁金香”，选择“格式(F):”为“JPEG(*.JPG;*.JPEG;*.JPE)”后单击“保存”按钮。在弹出的“JPEG选项”窗口中将图像品质设为“最佳”，然后单击“确定”按钮。

二、用Adobe Flash Professional创建望远镜动画。 1、启动Adobe Flash Professional，选择“创建”->“ActionScript3.0”后，界面如下所示。

基于翻转课堂的《遮罩动画》教学设计

基于翻转课堂的《遮罩动画》教学设计 【摘要】翻转课堂教学模式作为一种高效的教学组织方式，正被越来越多的教育研究者和教学工作者推广并应用。但在具体应用过程中仍有部分教育工作者对具体的教学环节不甚了解，本文通过《Flash动画设计》课程中的“遮罩动画”一节的教学设计具体介绍基于翻转课堂的教学设计步骤及环节，为广大教学工作者具体实施翻转课堂教学提供参考。 【关键词】翻转课堂；遮罩动画；教学设计 2011年在美国各地兴起的“翻转课堂”教学模式引起了全球的关注，并在许多地方开始实践研究，收到了明显的效果和好评。”翻转课堂”教学模式最初的灵感来源于2006年孟加拉裔美国人萨尔曼?可汗（Salman Khan）利用短教学视频辅导学生学习，目前已发展成为拥有2300多段免费视频课程和5400多万学生的参与的“可汗学院”。这也引起了我国一线教师和教育学者的实践尝试与研究，在基础教育领域和高等教育领域尤为突出。如广东佛山胡铁生老师创建的“微课”资源、“中国大学视频公开课”以及南京大学梁乐明教授的相关研究。遮罩动画是《Flash动画设计》课程中比较具有代表性的教学内容，基本教学内容比较抽象

不利于学生掌握，教学案例的制作难度也较高，需要学生自己动手操作并体验遮罩动画的作用、创建方法和编辑步骤，对学生的要求较高。本次基于翻转课堂的《遮罩动画》教学设计以四个课时为基本教学单元，教学过程在多媒体机房开展，要求教师提前准备各类教学资源，并有机房局域网提供网络支持。现以《遮罩动画》教学设计为例具体介绍基于翻转课堂教学的教学设计。 一、教学内容分析 遮罩动画是《Flash动画设计》课程中的一个重要动画类型，很多效果丰富的动画都是通过遮罩效果来实现的，如探照灯效果、波纹效果、发光效果、转轴效果等等。同时遮罩动画也是本门课程中的一个难点，原理和使用方法都较难理解，在课程教学中应在讲授原理的基础上加强案例教学内容。本次教学的主要内容有： ①遮罩动画的原理； ②探照灯效果制作； ③转动的地球案例制作。 二、学习者分析 经过前一阶段的学习，学生们已经掌握了Flash最基本的动画原理，能制作出简单动作补间动画和形状补间动画，对帧、图层也有了初步了解，但还未形成很好的理解，还需不断加强和巩固。本次课重点通过实践使学生掌握

flash教案遮罩动画

flash教案遮罩动画 课题遮罩动画课型讲授 2 授课日期授课时数 理解并掌握遮罩层的原理教学目标掌握利用遮罩层创建遮罩动画 遮罩层的原理教学教学重点遮罩层的原理遮罩动画的创建方法难点 学情分析遮罩层的原理的理解，是本课的关键，决定了能否创造出遮 罩动画，因此一定要让学生搞清楚 遮罩动画 导入 一、遮罩层的概念 二、制作简单的遮罩效果 三、制作动画：淡入淡出板任务1分析书 1. 设置被遮罩层设 2. 设置遮罩层计 3. 设置遮罩关系 任务2：彩虹文字 学生练习 总结 教学学生能理解遮罩动画的原理并创造简单的遮罩动画 后记 教学内容学生活动 遮罩动画 导入： 播放一个遮罩动画，引入本课任务1：淡入淡出任务分析：制作“淡入淡出”动画：1.文字自下而上逐渐出现

而后消失 2.淡入淡出 该效果是用遮罩层制作的 一、遮罩层的概念 将左图的遮遮罩层：起遮罩效果 罩原理在讲被遮罩层：被遮罩的层 解后迅速提遮罩 问，看学生遮罩层被遮罩层 的理解能力难点 及听课效果又是 如何？重点内内容容不显示显示且只显示遮罩层内容所覆盖的部 分 二、制作简单的遮罩效果 通过简单制作让学生理解遮罩的原理 学生练习 三、制作动画：淡入淡出 1. 设置舞台 500*200像素 4帧/秒 2. 设置被遮罩层：画一与舞台大小相同的线型渐变矩形填充区域完全覆盖舞台 教学内容学生活动 3设置遮罩层：创建一运动渐变，并调整其中始帧、结 束帧位置 4设置遮罩关系主要教法：教师演示讲解一遍，再迅速师范操作一遍，然后学生练习任务2：彩虹文字

采用上面的教学方法 让学生观本例与上例的区别察区别淡入淡出：遮罩层内容运动，被遮罩层内容不动 彩虹文字：遮罩层内容不动，被遮罩层内容运动 练习制作 简单小结：再次总结遮罩的原理

遮罩动画-教案

遮罩动画 一、教学内容分析 遮罩动画是高中选修教材《多媒体技术应用》（教育科学出版社）第四章第三节“计算机动画制作”的一部分。教材只是对遮罩动画做了简单的介绍，在学业水平考试中也并不涉及遮罩动画，但遮罩动画却是Flash中一个很重要的动画类型。很多效果丰富的动画都是通过遮罩动画来完成的。因此，我单独安排一课时来介绍遮罩动画，让学生们感受它的魅力。 二、学情分析 本节课的教学对象是高二的学生，在初中阶段，学生对Flash的基础知识及补间动画已有初步接触。再加上前几节课对补间动画、引导动画的学习，学生已经可以制作简单的Flash动画，并对简单的Flash动画具备分析能力。 三、教学目标 1、知识与技能：理解遮罩层的特点及遮罩动画原理。 理解遮罩层与被遮罩层的关系。 2、过程与方法：能够通过分析动画实例，获取制作思路。 3、情感态度与价值观：激发学生对Flash动画的兴趣，保持对信息技术学习的积极 性；培养学生交流意识。 四、教学重、难点 (1)教学重点：遮罩原理、遮罩效果的制作方法 (2)教学难点：遮罩效果的制作方法、动画实例的分析 五、教学方法 1、启发式教学法：主要用在遮罩原理的讲解环节。引导学生做实验，看效果，然后再启发学生总结遮罩原理。 2、合作交流学习法：主要用在遮罩效果分析、作品制作环节。教师也要积极参与到合作交流过程中，不能只做观察者。 设计意图：强化学生主体地位，让学生主动建构知识结构。优化教师主导地位，发挥教师组织、引导作用。 六、课前准备 纸质导学案，内容包括学习目标、知识回顾（补间动画）、学习向导、自主评价量规。

七、教学过程 环节一：欣赏动画，激发学习动机 【展示一个遮罩动画作品：以宫崎骏动漫为主题的动感相框。】 观看效果动感相框效果结合动漫大师宫崎骏先生的动画作品，吸引学生的注意力，激发学生参与、创作的热情。教师要注意引导学生建立形象直观的感受：该动画是透过“窗口”看下一层的内容，引出遮罩概念。 环节二：初识遮罩动画——探照灯效果（此案例来自网络） 观看效果【探照灯效果是最常见的遮罩效果，操作起来也非常简单，通过这一实例的练习，使学生们对抽象的“遮罩”有一个具体、清晰的认识。】 学习过程： 1、静态遮罩效果：引导学生做实验，看效果，然后再启发学生总结遮罩层与被遮罩

Flash制作漂亮翻书动画

Flash制作漂亮的翻书动画知识点：遮罩的运用 学习无脚本软翻书教材前请先看看遮罩的知识： 1、遮罩动画的概念（1）什么是遮罩？“遮罩”：顾名思义就是遮挡住下面的对象。在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。（2）遮罩有什么用？ 在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2、创建遮罩的方法（1）创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了。 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。下面开始本教程 打开FLASH文档，名称：《软翻书》文档属性大小：600*450其它默认。素材准备： 1、准备20张图片，用PS处理成：200*150像素。 2、准备1张背景图片，PS处理成：600*450像素。 3、以及兰花、荷花的动画。 4、字体：毛泽东字体、文鼎CS大隶书繁、方正小篆体。新建位图文件夹，将位图全部导入。第一部分：制作“页”影片剪辑元件 1、制作“封面”影片剪辑元件，插入新建元件影片剪辑名为“封面”。 1-1、在图层1上新建六个图层，自下至上分别是：背景、花边、边线、字框、字、动画（图片也行）、遮罩7个图层。 如图： 图层1（背景）第1帧用矩形工具，无笔触，画一矩形：240*300，颜色：#333300，全居中。 1-3、新建花边图案影片剪辑，图层第1帧画花边图案，（舞台放大）大小设为10.8*18.5，颜色：#666600，复制多枚排列成236*292如图

flash遮罩层动画说课稿

各位评委，大家好。今天我说课的内容是《flash二维动画制作》第三章第五节遮罩层的动画。我打算分五个部分来阐述我对这一内容的教学设计，它们分别是说教材看学情，说教法，说学法，说教学过程，作业和拓展： 一、说教材，看学情 （一）教材分析 首先教材是教学活动的依据，一名教师对教材的把握将直接影响教学效果。现在我谈一下我对教材的认识。 本节课的遮罩动画是五种动画类型的一类，也是相对而言较难理解的类型，所以学好本课在这门课程中占重要地位 《遮罩动画》是学生在学完逐帧动画、形状渐变、运动渐变动画的基础上学习内容的一个提升，本节主要让学生掌握遮罩层创建的方法和要点，本节，是第三章中的一个重点，也是难点，是Flash动画制作的一种基本类型，在学习时由浅入深，引导学生，循序渐进的学习本节内容。 （二）学情分析 学生是教学的重点，一名教师要上好课，必然要备好教材备好学生。 本教材的授课对象是计算机专业二年级的学生，学生有一定的计算机操作能力，而学生勤动手也是学习本堂课的关键所在，并且前面已经学习了逐帧动画、形状渐变、运动渐变动画、图层的应用等知识，学生有一定的制作基础，所以学习本节内容是学生可以接受的知识。在学习过程中通过师生交流、引导、探究、任务等方式，培养学生自己分析问题、解决问题、动手设计与创造的能力。 （三）教学目标 通过对学生和教学内容的分析，我分别制定了本堂课的知识目标，方法目标和情感目标。 ?1、知识与技能目标： 学生通过学习初步掌握FLASH遮罩层的功能。 掌握制作遮罩层动画的基本方法。 ?2、过程与方法目标： 通过制作“白云飘动”和“探照灯”的实例，了解“遮罩动画”动画制作的一般步骤。 学生通过交流合作，完成对知识的理解和掌握。 ?3、情感态度与价值观目标： 体验动画制作的乐趣，养成自主学习的习惯，感受动画制作的奇妙，培养学生的合作、探究精神。（四）教学重点和难点 ?教学重点： 遮罩层的创建方法，关联和取消遮罩层的基本方法。 教学难点： 遮罩层功能的理解。 关于重点和难点的处理，我通过案例教学法，来攻克重点，弱化难点 二、说教法 如何使用使教学活动变得轻松有效，教法和学法的选择是关键的。 Flash动画制作课作为一门专业实践课程，应强调学生如何进行自主学习和探究学习，注重培养学生的创新精神和实践能力，提高学生的创作水平。本门课程应该遵循以教师为主导，学生为主体，以活动为主线的教学原则。根据学科特点，结合学生实际，采用多媒体教室进行教学，创设直观性与探索性相结合的教学情境。通过创设情景教学法、任务驱动教学法、合作学习法进行本课教学。 三、说学法 (一)学情分析 本课的教学对象是计算机专业二年级的学生，他们思维活跃，好奇心强，同时又有一定的自学能力和动手能力，缺点是对知识缺乏理性的认识。在上本节课之前，学生对Flash软件界面有了全面的了解，进行过简单的动画制作，也了解动画制作的一般原理，具有一定的动画制作和欣赏水平，所以对本节课进一

Flash遮罩动画教案.docx

Flash 遮罩动画教案 遮罩动画 教学目标 1、知识与技能 1)理解遮罩的概念 ; 2)掌握遮罩动画的制作要领 ; 3)能够恰当运用遮罩层再现生活中一些有趣的情境。、 过程与方法 2 让学生在欣赏 - 模仿 - 分析 - 探究的过程中学会学习。 3、情感、态度、价值观 1)激发学生的学习兴趣 ; 2)提高学生自主探究意识。 教学重点 :1) 遮罩概念的理解 ; 2)恰当运用遮罩层再现生活中一些有趣的情境。 教学难点 : 遮罩概念的理解。 教法分析 抛锚式教学法 : 以引导动画知识为基础搭建“脚手架”，借助影片中的望远镜 情境设置锚点，引入本课，练 习设置以基础练习 - 巩固练习 - 进阶挑战层层递进的方式进行。 分层教学法 : 组织学生根据自身的实际情况完成适合自己的实践探究活动。学法分析 探究性学习 : 给学生创设一个探究情境——从生活中寻找遮罩“原型”并重 现，让他们通过主动探索、发现

和体验，实现学以致用。 教学过程 一、创设情境，激趣导入 Flash 动画可以再现生活中有趣的情境如瓢虫爬行、飞机起飞等。( 回顾引导动画知识 ) 情境创设 电影中望远镜片段欣赏。 设问 : 如何利用 Flash 再现望远镜效果。 1、观看电影片断 2、思考如何再现望远镜效果动画来源于生活，也可以再现生活。利用电影中 的情境引入，激发学生好奇心 和学习兴趣对比分析理解概念。 (2 分钟 ) 将影片中的望远镜效果和望远镜效果动画进行横向对比，从动画制作 的角度思考需要的图层和 各图层运动情况。根据老师演示和讲解思考、领会，理解遮罩概念。将生活中的望远镜效果与动画中的 望远镜效果进行横向对比，引出遮罩概念，有助理解。 样例学习体会要领 (5 分钟 ) 学生演示望远镜图层和背景图层的制作: 1、绘制望远镜元件 ( 两个有填充色的圆形相交); 新建风景元件，导入风景图。 2、将默认图层改名为“风景”，拉入风景图元件; 新建望远镜图层，拉入望远镜元件，望远镜设置移动动画。 揭开遮罩神秘面纱 :

flash遮罩动画的教案

教材分析 本节课以山西经济出版社的《信息技术》教学内容为依据拓展开来讲授的。本节课的教学内容是flash的“遮罩动画制作”。作为拓展课,着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画,进一步提升学生动画制作技能水平。 学情分析 由于新教材上没有专门安排遮罩动画的这一章节,但是学生前面已学习过的基本动画又不能满足学生的认知拓展需要,学生在掌握简单的逐帧动画、动作补间以及形状补间之后,渴望掌握更深的操作技能,本课学生通过学习flash遮罩动画的制作原理及基本应用,培养学生深入学习flash的兴趣以及动手探究实践的学习能力。 教学目标 1.知识与技能 (1)掌握遮罩动画的基本原理; (2)理解遮罩层与被遮罩层之间的关系; (3)利用遮罩知识,学会探照灯、动感文字效果动画的制作; 2.过程与方法 (1)通过分析遮罩实例,掌握遮罩制作的三步骤,加深对遮罩原理的理解; (2)通过制作遮罩实例,提高学生灵活运用遮罩效果的应变能力; 3.情感态度与价值观 (1)培养学生深入学习flash的兴趣,体验作品创作成功的喜悦和成就感; (2)通过知识点的迁移,培养学生创新精神和应变能力; 教学重点与难点 1.教学重点 遮罩的原理和遮罩效果的制作三步骤方法。 2.教学难点 理解遮罩与被遮罩层的关系。

教法、学法 讲授法、演示法、分层任务驱动法、自主探究学习法。 教学准备 多媒体网络教室,遮罩动画案例 课时安排 安排1课时。 教学过程 一、实例导入 展示动画片《猫和老鼠》中的灯塔在夜晚照来照去的影片片段,同时展示几个有遮罩动画效果的实例,导入本节课的内容:flash遮罩动画。 学生欣赏作品,激发学习兴趣,明确本节课目标 设计意图:通过展示丰富的遮罩实例,激发学生的学习兴趣,引导学生思考,导出本课教学内容。 二、探究新知 1.实例分析 以“探照灯效果”为例,通过网络教学软件展示源文件时间轴面板,帮助学生共同分析动画的构成。 提问: a.有几个图层? 两个,一层放的是背景,一层放的是图形(圆) b.“圆”图层中是什么动画类型?(动作补间动画) 学生仔细观察、积极思考并回答问题 设计意图:通过提问,帮助学生复习前面所学知识点(图层、动作补间动画的特点)

《flash遮罩动画》教案

《flash遮罩动画》教案 教材分析 本节以山西经济出版社的《信息技术》教学内容为依据拓展开来讲授的。本节的教学内容是flash的“遮罩动画制作”。作为拓展，着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画，进一步提升学生动画制作技能水平。 学情分析 由于新教材上没有专门安排遮罩动画的这一章节，但是学生前面已学习过的基本动画又不能满足学生的认知拓展需要，学生在掌握简单的逐帧动画、动作补间以及形状补间之后，渴望掌握更深的操作技能，本学生通过学习flash遮罩动画的制作原理及基本应用，培养学生深入学习flash的兴趣以及动手探究实践的学习能力。 教学目标 知识与技能 （1）掌握遮罩动画的基本原理； （2）理解遮罩层与被遮罩层之间的关系； （3）利用遮罩知识，学会探照灯、动感文字效果动画的制作； 2过程与方法 （1）通过分析遮罩实例，掌握遮罩制作的三步骤，加深对遮罩原理的理解；

（2）通过制作遮罩实例，提高学生灵活运用遮罩效果的应变能力； 3情感态度与价值观 （1）培养学生深入学习flash的兴趣，体验作品创作成功的喜悦和成就感； （2）通过知识点的迁移，培养学生创新精神和应变能力； 教学重点与难点 教学重点 遮罩的原理和遮罩效果的制作三步骤方法。 2教学难点 理解遮罩与被遮罩层的关系。 教法、学法 讲授法、演示法、分层任务驱动法、自主探究学习法。 教学准备 多媒体网络教室，遮罩动画案例 时安排 安排1时。 教学过程 一、实例导入 展示动画片《猫和老鼠》中的灯塔在夜晚照来照去的影片片段，同时展示几个有遮罩动画效果的实例，导入本节的

内容：flash遮罩动画。 学生欣赏作品，激发学习兴趣，明确本节目标 设计意图：通过展示丰富的遮罩实例，激发学生的学习兴趣，引导学生思考，导出本教学内容。 二、探究新知 实例分析 以“探照灯效果”为例，通过网络教学软展示源文时间轴面板，帮助学生共同分析动画的构成。 提问： a有几个图层？ 两个，一层放的是背景，一层放的是图形（圆） b“圆”图层中是什么动画类型？（动作补间动画） 学生仔细观察、积极思考并回答问题 设计意图：通过提问，帮助学生复习前面所学知识点（图层、动作补间动画的特点） 2原理讲解 遮罩的含义有点抽象，可用事先准备好的教具——两张图片演示：首先，在一张白纸（遮罩层）上挖出一个“探照灯”，把它放在另一张图片（被遮罩层）之上，随着白纸的移动，大家可以观察到的一个“探照灯”在缓缓移动。探照灯所到之处可见，而探照灯之外的景象被遮罩。这个探照灯（元）是透光区，所在层为遮罩层。以此说明遮罩动画的原

Flash教程(七) 遮罩层动画

遮罩动画 在Flash作品中，常常可以看到很多眩目神奇的效果，而其中不少就是用“遮罩”动画完成的，如水波、万花筒、百叶窗、放大镜等动画效果。 那么，“遮罩”动画如何能产生这些特效呢？在本节，我们除了给大家介绍“遮罩”动画的基本知识外，还要结合实际范例讲解“遮罩”动画的制作方法和技巧。 遮罩动画的制作方法 遮罩动画的原理是，在舞台前增加一个类似于电影镜头的对象。这个对象不仅仅局限于圆形，可以是任意形状。将来导出的影片，只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象不再显示。 遮罩效果的获得一般需要两个图层，这两个图层是被遮罩的图层和指定遮罩区域的遮罩图层。实际上，遮罩图层是可以应用于多个图层的。 遮罩图层和被遮罩图层只有在锁定状态下，才能够在工作区中显示出遮罩效果。解除锁定后的图层在工作区中是看不到遮罩效果的。 下面通过具体的操作来讲解遮罩动画的制作方法。 （1）新建一个Flash CS3影片文档，保持文档属性的默认设置。 （2）导入一个外部图像（草原.jpg）到舞台上。 （3）新建一个图层，在这个图层上用“椭圆工具”绘制一个五角星（无边框，任意色）。我们计划将这个圆当做遮罩动画中的电影镜头对象来用。 现在，影片有两个图层，“图层1”上放置的是导入的图像，“图层2”上放置的是五角星（计划用做电影镜头对象）。如图1所示。 图1 舞台效果 （4）下面来定义遮罩动画效果。右击“图层2”，在弹出的快捷菜单中选择“遮罩层”命令。图层结构发生了变化。如2所示。 2 遮罩图层结构 我们注意观察一下图层和舞台的变化。 “图层1”：图层的图标改变了，从普通图层变成了被遮罩层（被拍摄图层）。并且图层缩进，图层被自动加锁。 “图层2”：图层的图标改变了，从普通图层变成了遮罩层（放置拍摄镜头的图层）。并且图

《Flash动画制作——遮罩图层》教学设计

《Flash动画制作——遮罩图层》教学设计 一、教学目标 1、使学生掌握利用FLASH创作动画的一般流程及操作方法、增强学生处理信息的能力。 2、通过对遮罩图层的学习，让学生掌握遮罩图层建立的基本方法和常用的操作技巧，进一步深化对FLASH运用软件的认识，拓展学生的知识和能力。 3、培养学生的探究、合作精神和热爱大自然的情感。 二、知识体系和能力培养 1、知识理论体系。本内容基于广东教育出版社>信息技术第二册中的第三章内容为蓝本使学生掌握和理解遮罩图层的含义。 2、能力实践体系。运用所学知识解决实际问题，将>地理环保知识与>信息技术知识有机的整合。 3、思维体系。充分激活学生探究思维和创新思维。 4、情感体系。加强环保意识教育，激发学生热爱大自然，保护大自然的情感。 三、重点与难点 1、重点：遮罩图层的含义和建立方法、作用 2、难点：理解遮罩与被遮罩的关系。 四、教学对象分析 对能否理解遮罩与被遮罩层的关系，这是教学难点所在。基于>信息技术课的特点，课时少、周期长、学生易忘、操作性强的特点，

在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解其制作过程。高中生自我表现力强，尽量给学生多练，多展示的机会。并结合所学习的动画与>地理环保知识进行整合，培养学生科学严谨的学习态度，并培养学生热爱自然的情趣 五、设计思想 本节课的设计思想是：从知识、能力思维两个方面对学生进行知识传授和能力培养，同时引入“课程整合”概念，让学生始终处于“探究”状态，激活学生思维和情感。 通过flashMTV提出问题→复习原有知识（帧动画的形式）并提出任务→引入新知识（遮罩图层）→新知识剖析（遮罩图层的含义）→新知识运用→知识综合（创作动画作品） 六、教学准备 a) 使用网络教室软件（远志多媒体网络教学系统） b) 教学/KeJian/>课件和教学录相 七、教学过程（表格式）

最新整理小学信息技术《flash遮罩动画》教案.docx

最新整理小学信息技术教案《flash遮罩动画》教案《flash遮罩动画》教案 教材分析 本节课以山西经济出版社的《信息技术》教学内容为依据拓展开来讲授的。本节课的教学内容是flash的“遮罩动画制作”。作为拓展课，着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画，进一步提升学生动画制作技能水平。 学情分析 由于新教材上没有专门安排遮罩动画的这一章节，但是学生前面已学习过的基本动画又不能满足学生的认知拓展需要，学生在掌握简单的逐帧动画、动作补间以及形状补间之后，渴望掌握更深的操作技能，本课学生通过学习flash遮罩动画的制作原理及基本应用，培养学生深入学习flash的兴趣以及动手探究实践的学习能力。 教学目标 1.知识与技能 （1）掌握遮罩动画的基本原理； （2）理解遮罩层与被遮罩层之间的关系； （3）利用遮罩知识，学会探照灯、动感文字效果动画的制作； 2.过程与方法 （1）通过分析遮罩实例，掌握遮罩制作的三步骤，加深对遮罩原理的理解； （2）通过制作遮罩实例，提高学生灵活运用遮罩效果的应变能力； 3.情感态度与价值观 （1）培养学生深入学习flash的兴趣，体验作品创作成功的喜悦和成就感；

（2）通过知识点的迁移，培养学生创新精神和应变能力； 教学重点与难点 1.教学重点 遮罩的原理和遮罩效果的制作三步骤方法。 2.教学难点 理解遮罩与被遮罩层的关系。 教法、学法 讲授法、演示法、分层任务驱动法、自主探究学习法。 教学准备 多媒体网络教室，遮罩动画案例 课时安排 安排1课时。 教学过程 一、实例导入 展示动画片《猫和老鼠》中的灯塔在夜晚照来照去的影片片段，同时展示几个有遮罩动画效果的实例，导入本节课的内容：flash遮罩动画。 学生欣赏作品，激发学习兴趣，明确本节课目标 设计意图：通过展示丰富的遮罩实例，激发学生的学习兴趣，引导学生思考，导出本课教学内容。 二、探究新知 1.实例分析 以“探照灯效果”为例，通过网络教学软件展示源文件时间轴面板，帮助学生共同分析动画的构成。