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

遮罩动画的制作学案


遮罩动画的制作学案 一、知识链接
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、测试影片,保存文件,导出影片文件


更多相关文档:

遮罩动画的制作学案

遮罩动画的制作学案_其它课程_初中教育_教育专区。遮罩动画的制作学案 一、知识链接 1、遮罩:顾名思义就是遮挡住下面的对象。 2、遮罩的原理:遮罩层和被遮罩层 ...

遮罩动画学案

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

遮罩动画学案

遮罩动画学案_其它课程_初中教育_教育专区。《项目 8——灌注效果动画》学案 效果描述:杯子中的红色液体被全部倒入文字内部。动画效果如图所示。 制作步骤: 1、新建...

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

遮罩层与遮罩动画的制作课堂导学案 【学习目的】 1)进一步理解遮罩的概念; 2)...flash学案之一——元件创... 暂无评价 2页 免费 Flash遮罩动画说课稿 3页 免费...

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

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

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

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

遮罩动画教学设计

遮罩动画教学设计_其它课程_小学教育_教育专区。分享课设计学科 所在学校 课程名称 信息技术 年级 八年级 温州中学 授课人 FLASH 动画制作 教学目标: 1.知识与技能...

学案7遮罩动画

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

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

水波荡漾 ――“遮罩层”动画 学案 【活动 1 大胆实验】自主探究,尝试静态遮罩效果。 请同学们利用学案,根据小组主题和照片素材,尝试实现静态遮罩效果。 制作方法:...
更多相关标签:
flash遮罩层动画制作 | 遮罩层动画制作步骤 | ae制作简约遮罩动画 | 遮罩动画的制作方法 | flash制作遮罩动画 | 遮罩动画制作 | 遮罩层动画制作 | ps制作遮罩动画 |
网站地图

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