当前位置:首页 >> 其它课程 >> 遮罩动画的制作学案

遮罩动画的制作学案


遮罩动画的制作学案 一、知识链接
1、遮罩:顾名思义就是遮挡住下面的对象。 2、遮罩的原理:遮罩层和被遮罩层

遮罩层就像是一张带有镂空图形的纸, 我们透过镂空的图形可以看到它下面的
被遮罩层中的内容。 (两者的位置:遮罩层在上,被遮罩层在下)遮罩层中的对 象只能是单一的图形、元件或文本对象。 另一种形象的说法: 遮罩层好比黑夜中的一支手电

筒, 照在哪儿 (指被遮罩层) 哪儿就显现。没有照到的则不显现。 遮罩层决定形状,被遮罩层决定显示的内容! 遮罩层和被遮罩层在时间轴上的特点:

提示:在舞台上遮罩层和被遮罩层同时锁定才能显示遮罩效果,如果要编辑遮 罩层或被遮罩层的内容,可以先取消锁定状态,然后进行编辑,编辑结束后重新 锁定,才能看到遮罩效果。另外,一个遮罩层可以同时对多个图层进行遮罩。

二、测一测:
以下三个图都是遮罩动画在时间轴上的表现,有何不同?

图1

图2

图3

三、试一试
望远镜.fla 操作步骤:1、新建 Flash 文档,属性默认 2、导入素材到库:将“花朵 20.jpg”导入到库中 3、双击图层 1 将其重命名为“花儿” ,单击“花儿”图层 第 1 帧,将“花朵 20.jpg”拖放到舞台中,在第 75 帧处按 F5 键 4、新建图层 2,并命名为“望远镜” 5、单击“插入”—“新建元件” ,创建“望远镜”图形元 件 6、单击“椭圆”工具,在舞台中画两个相交的正圆

7、单击场景 1 回到场景 1 中,锁定花儿图层,单击望远镜 图层的第 1 帧,从库面板中将望远镜元件拖放到适当的位置,在第 25 帧按 F6 键,改变望远镜元件的位置,在第 50 帧按 F6 键,再一次 改变望远镜元件的位置,在第 75 帧按 F6 键,将望远镜元件拖放到和 第 1 帧相同的位置

8、分别在第 1—25 帧,第 25—50 帧,第 50—75 帧创建补 间动画 9、右击“望远镜”图层,单击“遮罩层” 10、按 Ctrl+Enter 测试影片 11、保存文件: “望远镜.fla” ,导出影片文件: “望远镜.swf” 万花筒.fla 操作步骤:1、新建 Flash 文档,属性默认 2、导入素材到库:将“图片 1.png”导入到库中 3、单击“插入”—“新建元件” ,新建名为“图片”的图 形元件,从库中将“图片 1.png”拖放到舞台中 4、单击“插入”—“新建元件” ,新建名为“遮罩”的影 片剪辑元件 5、单击图层 1 的第 1 帧,从库面板中将“图片”的元件 拖放到舞台中,在第 40 帧插入关键帧,并将图片旋转 45 度,创建第 1—40 帧的动画补间,顺时针旋转。

6、

6、插入新图层 2 7、在图层 2 第 1 帧,绘制一个无边的等腰直角三角形

①单击

②单击

③单击 ④画一三角形

8、右击图层 2,单击遮罩层,如下图

9、单击场景 1,返回场景 1 中,将“遮罩”的影片剪辑元件

拖放到舞台中,如下图:

10、单击“窗口”——“对齐” ,

①输入 90

②单击三次

结果如下图:

11、测试影片,保存文件为“万花筒.fla” ,导出影片文件 卷轴画.fla 1、 2、 新建文档,属性默认 单击“文件”—“导入”—导入到库,将古画导入到库 中 3、 双击图层 1,重命名为“画” ,单击该图层第 1 帧,从 库面板中将古画拖放到舞台中,居中对齐,在第 400 帧 按 F5 插入普通帧,锁定“画”图层

4、添加新图层,名为“遮罩”
②双击,输入遮罩 ①单击

5、单击矩形工具,关闭笔触,填充色为红色,画矩形,居中
①单击

②单击 ④画矩形

6、单击“遮罩”层第 380 帧,按 F6 插入关键帧,并将矩形 放大到完全遮住画

7、在“遮罩”层第 1—380 帧间单击,从属性面板中选择形 状,创建形状补间动画 8、右击“遮罩”层,单击“遮罩”

9、插入两个图层,分别为左轴,右轴

10、单击“插入”—“新建元件” ,创建名为“轴”的图形元 件

11、画轴:用矩形工具画一个细长的矩形,在颜色面板中将填充设为
如下值的线性渐变,两端色块为#98B498,中间为白色。

12、再用矩形工具,画轴的两端

①单击

③单击

②单击

②移至轴两端

13、 用选择工具将黑色矩形的两端调整成弧形, 然后全部选中并 Ctrl+G
群组。

14、返回场景 1,分别从库面板中拖两个轴到左轴和右轴图层

15、单击左轴的第 380 帧插入关键帧,并把左轴移到画的左 边,在第 1—380 帧间创建动画补间 16、单击右轴图层的第 380 帧插入关键帧,并把右轴移到画 的右边,在第 1—380 帧间并创建动画补间

17、测试影片,保存文件,导出影片文件。

文字遮罩.fla 操作步骤:1、新建 Flash 文档,属性默认 2、导入图片素材,双击图层 1 命名为“图片” 单击该图层第 1 帧, 将图片从库面板中拖放到 舞台,并调整和舞台同样大小,在第 60 帧按 F5 插入普通帧 3、插入新图层,命名为“遮罩” 4、 单击 “插入” — “新建元件” , 建一个名为 “文 字”的图形元件,输入 FLASH,大小为 130, 颜色黑色 5、单击“遮罩”层的第 1 帧,从库面板中将“文 字”元件拖放到舞台左边,在第 60 帧按 F6 插 入关键帧,将“文字”元件移到舞台右边,并 创建第 1——60 帧的动画补间 6、右击“遮罩”层,单击遮罩 7、测试影片,保存文件,导出影片文件


更多相关文档:

遮罩动画学案

遮罩动画制作学案【学习目标】 知识目标:熟练掌握 flash 中图层的含义;熟练掌握 flash 中补间动画的含 义;掌握 flash 中遮罩层的含义。 能力目标:能够熟练创建图层...

制作遮罩动画教学设计方案

反例,评价方案 学生用资源:帮助文档,学案,素材,半成品框架 教学目标(内容框架)...2.板书标题:第七课 制作遮罩动画 传看万花筒,感受遮 罩 观察思考,创 设情境...

学案7遮罩动画

《5.2 动画的制作 (七)》 导学案班级 【学习目标】通过体验和练习,掌握制作遮罩层动画的方法。 第 7 课时 时间 【教学重、难点】 1.重点:遮罩动画的制作...

遮罩动画教案设计

四、 学习目标 ◆知识目标 1、理解遮罩动画产生的原理; 2、理解遮罩层与被遮罩层的概念。 3、掌握使用遮罩原理制作动画的方法和技巧。 ◆能力目标 能够运用所学...

教案 遮罩动画-彩虹字的制作

课题: 课题:flash 动画制作 课型: 课型: 上机 教学目标: 教学目标: 了解动画制作遮罩动画的制作 重点难点: 重点难点: 遮罩动画制作原理教学过程: 教学过程 1...

遮罩动画教案

南京市玄武中等专业学校教案课题 遮罩动画 授课时间 年月日 1、让学生理解遮罩动画的含义; 2、 使学生掌握遮罩动画制作方法和技巧; 培养学生分析问题、 解决问题的...

教学设计-简单的遮罩动画

掌握遮罩动画的工作原理,理解遮罩层与被遮罩层 之间的关系 2、通过练习,让学生在实际操作中区分遮罩层与被遮 罩层的先后适应顺序 3、让学生掌握遮罩层动画的制作...

水波荡漾 ――“遮罩层”动画 学案

水波荡漾 ――“遮罩层”动画 学案 【活动 1 大胆实验】自主探究,尝试静态遮罩效果。 请同学们利用学案,根据小组主题和照片素材,尝试实现静态遮罩效果。 制作方法:...

遮罩动画教学设计_图文

用Flash 制作遮罩动画 教学设计教师 课题 马晓丽 授课班级 二年 班 授课时间 2017.4. 运用 Flash 制作遮罩动画 课型 新授课 1、知识与技能:掌握遮罩动画的制作...

flash遮罩动画的教案

本节课的教学内 容是 flash 的“遮罩动画制作” 。作为拓展课,着重于学生对遮罩动画的原理理解以及制作简 单的遮罩效果动画,进一步提升学生动画制作技能水平。 学...
更多相关标签:
遮罩层动画制作步骤 | flash制作遮罩动画 | flash遮罩层动画制作 | ae制作简约遮罩动画 | 遮罩层动画制作 | 制作ae遮罩动画步骤 | 制作遮罩动画 | 如何制作遮罩动画 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com