1、会变色的文字遮罩层动画,情景创设,游戏:“小孔探物”游戏规则:通过移动卡片1上的小孔,显示出卡片2上的部份图像。 看谁能最先看出小孔后面的图像。,初二信息技术(上),什么是遮罩?,遮罩层,被遮罩层,背景层,遮罩是图层之间的一种制约关系:遮罩层能够屏蔽下面被遮罩层中的内容显示,遮罩层上对象的形状会创建出一个“特定区域”,下边被遮层上的内容只有透过这个“特定区域”才能显示出来。,特定区域,遮罩效果的实现,至少需要两层:,(上层) 遮罩层,决定看到的形状,(下层) 被遮罩层,决定透过形状 看到的图像,知识讲解,什么是遮罩?,透过遮罩层中的对象看到“被遮 罩层”中的对象及其属性(包括它们 的变形效果)
2、。,为了方便大家理解遮罩层动画的原理与结构,我 们先用下面这个小例子来做敲门砖,探照灯效果好比眼睛通过一个卷起的纸筒看书上的文字一样,只能看到纸筒内的部分。,1.建立露出的文字层,首先:单击图层1的第一帧,选择“文本工具” ,设置字体、字号和文字颜色等属性,输入“竹林风穿梭在”几个字。为了让这些文字能够在整个动画的过程中始终呈现,需要在某一帧,比如第50帧处右击插入帧。效果如图10.2所示。将“图层1”重命名为“文字层”。,学习探究,图10.2 输入文字,2.创建遮罩层,选中文字层,单击“插入图层”按钮 , 创建图层2.在图层面板中右击图层2,选 择【遮罩层】命令.单击。,2.右击,1.单击,
3、3.单击,图10.3 遮罩前,图层2的属性被设置为“遮罩层”后,它与文字层的关系由平等变为遮罩层与被遮罩的关系,两个图层的图标发生变化。可对比图10.3与图10.4。,图10.4 遮罩后,遮罩层,被遮罩层,3.创建形状渐变动画,首先:单击图层2的第一帧,在相对于文字层中“竹”字的 位置,用”椭圆工具“绘制一个圆,如图10.5所示。,图10.5 绘制圆,在图层2的第50帧处,右击插入关键帧。使用”箭头 工具“将圆移动到相对于文字层”在“的位置,如图 10.6所示。,图10.6 移动圆,单击图层2的第一帧,在“属性”面板中设置形状渐变动画。,通过我们刚才所学的知识,在欣赏的 过程中大家仔细观察哪一
4、层是遮罩层 ,哪一层是被遮罩层呢?,二、设计MTV中的字幕,图10.8 MTV 歌词结构,接下来就在以前操作的基础上,添加遮罩 运动,使歌词跟随音乐而变色。,遮罩层,被遮罩层,背景层,先了解遮罩层与被遮罩层的关系,步骤1:插入新图层并命名为“蓝色字”。单击第1帧,选择“文本工具”,单击“改变文本方向”按钮 ,将文字方向设置为垂直,输入蓝色歌词。在第90帧处右击插入帧。效果如图10.9所示。,图10.9 输入蓝色歌词,步骤2:在“蓝色字”图层上方插入新图层并命名为 “绿色字”。单击第1帧,选择“文本工具”输入绿 色歌词。使用“箭头工具”移动绿色歌词,直到与蓝 色歌词重合为止。在第90帧处右击插入
5、帧。效果如图 10.10所示。,图10.10 输入绿色歌词并移动,步骤3:在“绿色字”图层上方插入新图层并设置为 遮罩层。,步骤4:单击遮罩层的第1帧,在相对于“绿色字” 图层中“竹”字的位置用“矩形工具”绘制一个 小正方形。如图10.11所示。,图 10.11 第1帧的效果,步骤5:在第90帧处右击插入关键帧,使用“任意 变形工具”将小正方形调整成长条形,直到盖住所 有文字,如图10.12所示。,图10.12 第90帧的效果,步骤6:单击遮罩层的第1帧,在 “属性”面板中设置形状渐变动画。,遮罩动画实例画卷,. 1)导入“画.jpg”图形素材到场景中。新建一个图层,在其中绘制矩形。 2)在“图层2”中创建矩形由上向下伸展的动作补间动画。 3)将“图层2”转换为遮罩层,使矩形对下方的画卷进行遮罩。 4)新建一个图层,绘制画轴图形,并创建动作补间动画。,知识拓展,“画卷”最终效果图,制作遮罩动画与动作补间动画,本例中的遮罩动画是将矩形所在层作为遮罩层,画卷所在层作为被遮罩层,通过矩形的伸展,将其下方的画卷逐渐显示出来。,课后作业,运用今天所学的知识制作一个 MTV,可以选一个自己喜欢的 歌曲。,