Flash AS3教程:创建好看的遮罩动画效果
- 格式:doc
- 大小:262.00 KB
- 文档页数:14
如何掌握Flash遮罩效果动画
如何掌握Flash遮罩效果动画
一、最近无意中发现了这一效果,以前也曾经看到多次,却没有在意,以为原理就是这么简单,最近发现,其实不是想像的'那么简单呦,原来事情换一种角度来看会发现有不一样的收获。
1、新建一文件黑色背景,在图层1中画几条线,转换成元件1,
2、再新建图层2,画一个白色放射状圆形转成元件2,再创建一段补间动画。
让小球动起来。
3、选中图层1,右键单击出现菜单,选择“遮罩层”。
现在发布一下影片,看看效果…… 发现屏幕一片黑,没有出现任何东西!
难道是做错了吗?原因是呢?嘿嘿,其实很简单,你只要把元件1里面的线条,在“修改/形状/将线条转换成填充”,仅此一步就OK!
再发布一下,看看效果!
二、再看一下我们经常做的这种效果比较一下?
这次反过来,应该是图层2遮罩图层1吗?
那我们试试看,手电筒的效果,是不是发现不太漂亮了?
再想一想原因吧?呵呵,文章到此结束了,写的不好,也许好多人都已经知道啦,在此浪费大家宝贵时间了。
【如何掌握Flash遮罩效果动画】。
flash制作第3课实例《遮罩动画》1.遮罩的运动(图片不动,遮罩运动)一、新建影片新建一个电影文件,导入一张你喜欢的图片,利用任意变形工具使其放大到和舞台一样的大。
二、创建遮罩层1、点插入菜单下的新建元件,性质为图形,利用矩形工具在舞台中央拖一矩形,颜色任意。
2、回到场景,新建图层2,打开窗口菜单下的库,将矩形拖出到舞台中央,利用任意变形工具使其缩小,这时此方形默认在第一帧。
3、在第20帧按f6插入关键帧,调整此矩形到整个舞台。
4、回到图层2的第一帧,在属性面板建立运动动画,并把旋转调为顺时针,次数为15、点(选)中图层2,点鼠标右键,选择遮罩层,此时第一层自动显示为被遮罩图标内缩。
三、测试和保存影片:1、按Ctrl +Enter测试影片2、分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片2. 被遮罩的运动一、新建影片:新建一个电影文件,规格,背景颜色自定.二、创建被遮罩层1、自定图片(图片宽度大于埸景宽度)导入舞台,然后转换为元件。
2、在场景,调整图片高度。
在图层第1帧处,图片右端对齐舞台的最左边,在第200帧处按F6插入关键帧,然后按住Shift,同时利用键盘上的方向键向左移动图片,直到图的左边与舞台的右边对齐。
3、回到第一帧,在帧属性面板建立运动动画。
三、创建遮罩层1、新增加图层2,在舞台正中画一椭圆,高度比图片的上下边各高出一些。
2、点(选)中图层2,点鼠标右键,选择遮罩层,此时第一层自动显示为被遮罩图标内缩。
按Ctrl +Enter测试影片,四、创建背景层1、新建图层3(在图层2 的上边),导入一与上河图相宜的图片,转化为元件,在属性面板中将背景图的Alpha(透明度)设为20%2、现在为了保证图层1 和2 不被改动,点击图层上的“锁定”标志。
五、测试和保存,导出影片:。
FLASH遮罩动画教学设计FLASH(动画制作软件)是一种矢量动画制作工具,可以用来制作各种类型的动画效果,包括遮罩动画。
遮罩动画是一种利用遮罩图层和遮罩对象来实现的动画效果,通过遮罩图层指定的区域来显示或隐藏对象,从而产生动画效果。
本篇教学设计将介绍如何使用FLASH制作一个简单的遮罩动画效果。
一、教学目标1.了解遮罩动画的基本概念和原理。
2.掌握使用FLASH制作遮罩动画的方法。
3.能够运用所学知识制作一个简单的遮罩动画。
二、教学步骤1.遮罩动画的概念和原理介绍(200字)遮罩动画是一种动画效果,通过使用遮罩图层和遮罩对象来实现。
遮罩图层指定一个区域,只有在该区域内的对象才能被显示出来,而在区域外的对象则被隐藏。
通过改变遮罩图层的位置、形状或大小,可以产生各种不同的动画效果。
2.遮罩动画的制作步骤介绍(300字)a. 创建一个新的Flash文档,并导入需要使用的素材。
b.在舞台上放置两个对象,一个作为遮罩图层,另一个作为被遮罩对象。
c.将遮罩图层放在被遮罩对象的上方,并锁定位置。
d.选择遮罩图层,在属性面板上点击“遮罩”选项,将其设置为遮罩图层。
e.在时间轴上选择帧,点击右键,选择“创建遮罩动画”。
g.播放动画,观察遮罩效果。
3.制作一个简单的遮罩动画(500字)a. 创建一个新的Flash文档,并导入一张背景图片和一个需要遮罩的对象(例如一个文字)。
b.将背景图片放置在舞台上,将文字放置在背景图片上方。
c.将文字转换为一个电影剪辑对象。
d.将电影剪辑对象放在舞台上,并调整位置居中。
e.在舞台上新建两个图层,分别命名为“背景”和“遮罩”。
f.将背景图片放置在“背景”图层上,将文字对象放置在“遮罩”图层上。
g.选择“遮罩”图层,在属性面板上点击“遮罩”选项,将其设置为遮罩图层。
h.选择“遮罩”图层的第1帧,点击右键,选择“创建补间动画”。
j.点击舞台上的播放按钮,观察遮罩动画效果。
4.教学总结和反思(200字)遮罩动画是一种常见的动画效果,使用FLASH可以轻松实现。
怎么用flash制作遮罩动画
Flash 制作遮罩动画主要的流程如下:
1.新建一个新的Flash影片。
打开新的Flash影片,添加您想要制作
的图像。
可以选择引入图像或者是从外部程序中粘贴图像,把它们导入到
你的Flash项目中。
2.添加遮罩层,让每个图像可以看到您想要它们显示的内容。
在“图层”面板的第一个(最底部的)图层上放置一个矩形形状,以分隔其余的
每个图像。
3.将遮罩层设置为遮罩层。
点击程序菜单中的“视图”,然后切换到“遮罩层”视图。
点击遮罩层上的图标,将它变成遮罩层。
4.添加动画。
您可以使用帧动画或者形状动画,将遮罩层的位置移动
到另一侧,使得每个图像显示出您想要它们显示的内容。
帧动画可以用键
帧来让您移动遮罩层,而形状动画则让您通过调整图形参数来移动遮罩层。
5.调整动画。
通过调整动画的速度来调整遮罩层移动的速度。
您可以
在“时间轴”面板上选择每一个动画帧的时间,以调整动画的速度。
6.将动画导出到Flash。
在您的Flash项目完成之后,您可以将它导
出到Flash,以便于播放和共享。
在“文件”菜单中选择“导出”,然后
选择“Flash Movie”,将动画保存到Flash文件中。
Flash遮罩层动画制作教案第一章:Flash遮罩层动画概述1.1 教学目标了解Flash遮罩层动画的概念和作用掌握遮罩层动画的基本原理和制作方法1.2 教学内容Flash遮罩层动画的定义遮罩层动画的应用场景遮罩层动画的制作原理1.3 教学步骤引入遮罩层动画的概念展示遮罩层动画的实际应用案例讲解遮罩层动画的制作原理和步骤1.4 教学练习学生分组讨论遮罩层动画的应用场景学生尝试制作简单的遮罩层动画第二章:Flash遮罩层动画制作工具与环境2.1 教学目标熟悉Flash遮罩层动画制作所需的工具和环境掌握Flash软件的基本操作和界面布局2.2 教学内容Flash软件的安装和启动Flash软件界面布局和基本操作遮罩层动画制作所需的工具和功能2.3 教学步骤讲解Flash软件的安装和启动方法引导学生熟悉Flash软件的界面布局和基本操作介绍遮罩层动画制作所需的工具和功能2.4 教学练习学生自行操作Flash软件,熟悉界面和基本操作学生尝试创建一个新的Flash项目文件第三章:Flash遮罩层动画基本操作3.1 教学目标掌握Flash遮罩层动画的基本操作方法了解遮罩层动画的制作流程3.2 教学内容遮罩层动画的创建和编辑遮罩层与遮罩层内容的交互操作遮罩层动画的播放和调试3.3 教学步骤讲解遮罩层动画的创建和编辑方法演示遮罩层与遮罩层内容的交互操作引导学生进行遮罩层动画的播放和调试3.4 教学练习学生尝试创建和编辑遮罩层动画学生练习遮罩层与遮罩层内容的交互操作第四章:Flash遮罩层动画进阶技巧4.1 教学目标掌握Flash遮罩层动画的进阶技巧提升遮罩层动画的制作水平4.2 教学内容遮罩层动画的动态效果制作遮罩层动画的过渡效果制作遮罩层动画的优化和调试方法4.3 教学步骤讲解遮罩层动画的动态效果制作方法演示遮罩层动画的过渡效果制作技巧引导学生进行遮罩层动画的优化和调试4.4 教学练习学生尝试制作遮罩层动画的动态效果学生练习遮罩层动画的过渡效果制作第五章:Flash遮罩层动画实战案例5.1 教学目标学习并掌握Flash遮罩层动画的实际应用培养学生的实际操作能力和创新思维5.2 教学内容遮罩层动画在实际项目中的应用案例学生自主创作遮罩层动画项目5.3 教学步骤讲解遮罩层动画在实际项目中的应用案例引导学生进行自主创作遮罩层动画项目5.4 教学练习学生分组讨论并展示遮罩层动画项目学生互相评价和提出改进意见第六章:遮罩层动画与音效的结合6.1 教学目标了解音效在Flash遮罩层动画中的作用掌握为遮罩层动画添加和控制音效的方法6.2 教学内容音效的基本概念和分类在Flash中导入音效音效的属性设置和控制遮罩层动画与音效的结合技巧6.3 教学步骤讲解音效的基本概念和分类演示如何在Flash中导入音效引导学生设置和控制音效属性展示遮罩层动画与音效的结合技巧6.4 教学练习学生尝试在遮罩层动画中添加音效学生练习音效的属性设置和控制第七章:遮罩层动画与动作Script的结合7.1 教学目标了解动作Script在Flash遮罩层动画中的作用掌握使用动作Script控制遮罩层动画的方法7.2 教学内容动作Script的基本概念和语法使用动作Script控制遮罩层动画的实例7.3 教学步骤讲解动作Script的基本概念和语法演示使用动作Script控制遮罩层动画的实例7.4 教学练习学生尝试编写简单的动作Script控制遮罩层动画学生练习使用动作Script实现复杂的遮罩层动画效果第八章:遮罩层动画的发布与输出8.1 教学目标掌握Flash遮罩层动画的发布与输出方法了解发布与输出的注意事项8.2 教学内容Flash动画的发布格式输出遮罩层动画的常见格式发布与输出时的注意事项8.3 教学步骤讲解Flash动画的发布格式演示输出遮罩层动画的常见格式引导学生了解发布与输出时的注意事项8.4 教学练习学生尝试发布遮罩层动画学生练习输出遮罩层动画的常见格式第九章:遮罩层动画的综合应用9.1 教学目标培养学生综合运用遮罩层动画的能力提升学生的创新思维和实际操作能力9.2 教学内容遮罩层动画在实际项目中的应用案例分析学生自主创作综合性的遮罩层动画项目9.3 教学步骤分析遮罩层动画在实际项目中的应用案例引导学生进行自主创作综合性的遮罩层动画项目9.4 教学练习学生分组讨论并展示综合性的遮罩层动画项目学生互相评价和提出改进意见10.1 教学目标激发学生对Flash遮罩层动画制作的兴趣和热情10.2 教学内容回顾本节课的主要知识点展望Flash遮罩层动画制作的发展前景10.3 教学步骤引导学生关注Flash遮罩层动画制作的发展趋势10.4 教学练习学生提出对Flash遮罩层动画制作的建议和疑问重点和难点解析:一、Flash遮罩层动画概述补充和说明:遮罩层动画在Flash中的应用场景非常广泛,如导航菜单、动态广告等。
“FLASH动画制作——遮罩效果”教学设计教学目标:通过本节课的学习,学生能够了解和掌握遮罩效果在FLASH动画制作中的应用,能够使用遮罩效果制作简单的动画效果。
教学重点:遮罩效果的基本概念和应用方法。
教学难点:如何根据需求选择不同的遮罩对象和遮罩层。
教学准备:计算机、FLASH软件。
教学过程:一、导入1.引导学生回顾前几节课学习内容:FLASH动画的基本操作和动画效果的制作。
2.引出本节课的新内容:“FLASH动画制作中的遮罩效果”。
二、概念讲解1.老师向学生解释遮罩效果的基本概念:“遮罩效果是指通过一个对象的区域来显示另一个对象的内容。
”2.老师用图示向学生说明遮罩效果的原理和应用方法。
三、案例分析1.老师给学生展示一个使用遮罩效果制作的FLASH动画案例。
2.老师引导学生观察案例中的遮罩对象和遮罩层,并让学生分析遮罩效果的实现方法和效果。
四、实操操作1.老师指导学生打开FLASH软件并新建一个动画文件。
2.老师向学生讲解如何选择遮罩对象和遮罩层。
3.老师指导学生通过实操操作制作一个简单的遮罩效果动画。
五、总结1.老师向学生总结本节课学习的内容:“在FLASH动画制作中,使用遮罩效果可以实现一些特殊的动画效果。
”2.老师询问学生对遮罩效果的学习体会和理解。
3.老师回顾本节课的教学重点和难点。
六、作业布置1.老师布置作业:要求学生自主制作一个包含遮罩效果的FLASH动画,并提交作业报告。
2.老师提醒学生可以通过查阅相关资料、参考案例和多次实操练习来完成作业。
教学延伸:1.学生可以进一步学习更复杂的遮罩效果制作方法和实例。
2.学生可以学习如何使用动态文本框、音频等元素结合遮罩效果创作更有趣的FLASH动画。
教学反思:在本节课的教学中,我通过案例分析和实操操作的方式,引导学生理解和掌握了遮罩效果在FLASH动画制作中的应用方法。
同时,我也鼓励学生通过自主学习和实践来进一步提升动画制作的能力。
苏阳FlashCS3教程之十八:遮罩动画欢迎再次回到Flash的世界,上一讲我们在学习图层属性时,提到了遮盖层。
这一讲我们就来学习非常有趣的遮罩动画。
苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。
先来看看遮罩是什么。
“ 遮罩”其实就是遮盖、罩住。
就是说我们要用一个东西去把另外一个东西遮盖住。
很明显这里就有顺序的问题。
和生活中一样放在上面的这个叫“遮盖”,而放在下面的叫“被遮盖”。
这一点在Flash中是用两个图层来表示的,即上面的“遮盖层”和下面的“被遮层”。
然而在生活中,我们把东西遮起来是为了看不见,在 Flash中却恰恰相反,只有被我们遮住的东西才能够显示出来。
有点不明白?那我们还通过实例来说明问题。
新建电影,在舞台上打字。
在文字图层上插入一个新图层,在这个图层上随便画一个形状,并让这个形状遮住部分文字。
这时,被图形遮住的那部分文字是看不见的。
这跟生活中的遮盖是一样的。
但是我们还没有完成Flash中的遮罩,右键单击位于上方的图层(一定是遮盖层,因为只能从上往下遮),在弹出的菜单中选择“遮罩层”。
再来看看现在的动画,很神奇吧,显示的效果恰恰和没做遮罩前相反。
这就是Flash中的遮罩效果。
那么以此类推,遮罩动画也就是利用这个原理,让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。
通过这个实例我们知道了,制作遮罩动画至少需要两个图层:上面一个图层(遮盖层)和下面一个图层(被遮层)。
再将上面的图层转化成遮罩层就可以了。
被转换成遮罩层的图层具有以下几个特点:一、形状非常重要。
也就是说,遮盖层的形状决定了可视区域的形状。
如果这个物体的形状在发生变化,那么也就意味着你能看到的区域也在变化。
二、颜色无关紧要,因为做成遮罩后根本看不到颜色。
所以也就没有必要花精力去折腾遮盖层物体的颜色了。
三、想要取消遮罩效果,只需要再右击遮罩层,把已勾选项去掉就可以了。
另外苏阳要提醒你,不要过于死板地认为只有遮盖层才可以做动画。
Flash遮罩动画教案第一章:Flash遮罩动画概述1.1 教学目标了解Flash遮罩动画的概念和作用掌握遮罩动画的制作方法和应用场景1.2 教学内容Flash遮罩动画的定义Flash遮罩动画的应用场景遮罩动画的制作方法1.3 教学步骤介绍Flash遮罩动画的概念和作用展示一些遮罩动画的实例演示遮罩动画的制作方法1.4 练习题简述Flash遮罩动画的概念和作用列举一些遮罩动画的应用场景第二章:Flash遮罩动画的制作2.1 教学目标掌握Flash遮罩动画的制作工具和技巧学会制作简单的遮罩动画2.2 教学内容Flash遮罩动画的制作工具遮罩层和被遮罩层的创建和管理遮罩动画的帧操作2.3 教学步骤介绍遮罩动画的制作工具演示创建遮罩层和被遮罩层的方法讲解遮罩动画的帧操作技巧2.4 练习题简述Flash遮罩动画的制作工具说明如何创建遮罩层和被遮罩层第三章:Flash遮罩动画的进阶技巧3.1 教学目标学习遮罩动画的进阶制作技巧提高遮罩动画的制作效果和质量3.2 教学内容遮罩动画的动态效果制作遮罩动画的过渡效果制作遮罩动画的优化方法3.3 教学步骤介绍遮罩动画的动态效果制作方法演示遮罩动画的过渡效果制作技巧讲解遮罩动画的优化方法3.4 练习题简述遮罩动画的动态效果制作方法列举一些遮罩动画的过渡效果制作技巧第四章:Flash遮罩动画的应用实例4.1 教学目标学会将遮罩动画应用到实际项目中掌握遮罩动画在不同场景下的制作方法4.2 教学内容遮罩动画在网站导航中的应用遮罩动画在广告制作中的应用遮罩动画在多媒体制作中的应用4.3 教学步骤介绍遮罩动画在网站导航中的应用实例演示遮罩动画在广告制作中的应用技巧讲解遮罩动画在多媒体制作中的应用方法4.4 练习题简述遮罩动画在网站导航中的应用实例列举遮罩动画在广告制作中的应用技巧第五章:Flash遮罩动画的实战训练5.1 教学目标提高学生对Flash遮罩动画的制作能力和实践经验培养学生的创新思维和审美水平5.2 教学内容实战训练项目的介绍和需求分析遮罩动画制作的步骤和技巧5.3 教学步骤介绍实战训练项目的背景和需求演示实战训练项目的制作步骤和技巧引导学生进行实战训练项目的制作5.4 练习题简述实战训练项目的背景和需求说明实战训练项目的制作步骤和技巧第六章:Flash遮罩动画的调试与优化6.1 教学目标学习如何调试Flash遮罩动画中的问题掌握优化遮罩动画性能的方法6.2 教学内容调试遮罩动画的工具与方法优化遮罩动画的性能技巧应对常见问题的解决方案6.3 教学步骤介绍调试遮罩动画的工具与方法演示优化遮罩动画性能的技巧分析并解决常见的遮罩动画问题6.4 练习题简述调试遮罩动画的工具与方法列举优化遮罩动画性能的技巧第七章:Flash遮罩动画与AS3脚本的结合7.1 教学目标了解如何将遮罩动画与AS3脚本结合掌握使用AS3控制遮罩动画的技巧7.2 教学内容AS3脚本在遮罩动画中的应用使用AS3控制遮罩动画的原理与方法实战案例:使用AS3脚本制作动态遮罩动画7.3 教学步骤介绍AS3脚本在遮罩动画中的应用演示使用AS3控制遮罩动画的原理与方法引导学生制作动态遮罩动画7.4 练习题简述AS3脚本在遮罩动画中的应用说明使用AS3控制遮罩动画的原理与方法第八章:Flash遮罩动画在移动平台上的应用8.1 教学目标学习Flash遮罩动画在移动平台上的应用掌握针对移动平台优化遮罩动画的技巧8.2 教学内容Flash遮罩动画在移动平台上的特点与限制针对移动平台优化遮罩动画的策略实战案例:制作适用于移动平台的遮罩动画8.3 教学步骤介绍Flash遮罩动画在移动平台上的特点与限制演示针对移动平台优化遮罩动画的策略引导学生制作适用于移动平台的遮罩动画8.4 练习题简述Flash遮罩动画在移动平台上的特点与限制说明针对移动平台优化遮罩动画的策略第九章:Flash遮罩动画的综合项目实战9.1 教学目标提高学生综合运用Flash遮罩动画的能力培养学生的创新思维和团队协作能力9.2 教学内容综合项目实战的介绍和需求分析遮罩动画制作的步骤和技巧9.3 教学步骤介绍实战项目的背景和需求演示实战项目的制作步骤和技巧引导学生进行实战项目的制作9.4 练习题简述实战项目的背景和需求说明实战项目的制作步骤和技巧第十章:Flash遮罩动画的未来发展趋势10.1 教学目标了解Flash遮罩动画在未来的发展趋势掌握Flash遮罩动画在新技术下的应用10.2 教学内容Flash遮罩动画在新技术下的应用未来Flash遮罩动画的发展趋势行业案例分析:Flash遮罩动画在实际项目中的应用10.3 教学步骤介绍Flash遮罩动画在新技术下的应用分析未来Flash遮罩动画的发展趋势分享行业案例,讲解Flash遮罩动画在实际项目中的应用10.4 练习题简述Flash遮罩动画在新技术下的应用分析未来Flash遮罩动画的发展趋势重点和难点解析重点环节1:Flash遮罩动画的概念和作用理解遮罩动画的基本原理:遮罩层与被遮罩层之间的遮盖关系。
苏阳FlashCS3教程之十八:遮罩动画欢迎再次回到Flash的世界,上一讲我们在学习图层属性时,提到了遮盖层。
这一讲我们就来学习非常有趣的遮罩动画。
苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。
先来看看遮罩是什么。
“ 遮罩”其实就是遮盖、罩住。
就是说我们要用一个东西去把另外一个东西遮盖住。
很明显这里就有顺序的问题。
和生活中一样放在上面的这个叫“遮盖”,而放在下面的叫“被遮盖”。
这一点在Flash中是用两个图层来表示的,即上面的“遮盖层”和下面的“被遮层”。
然而在生活中,我们把东西遮起来是为了看不见,在 Flash中却恰恰相反,只有被我们遮住的东西才能够显示出来。
有点不明白?那我们还通过实例来说明问题。
新建电影,在舞台上打字。
在文字图层上插入一个新图层,在这个图层上随便画一个形状,并让这个形状遮住部分文字。
这时,被图形遮住的那部分文字是看不见的。
这跟生活中的遮盖是一样的。
但是我们还没有完成Flash中的遮罩,右键单击位于上方的图层(一定是遮盖层,因为只能从上往下遮),在弹出的菜单中选择“遮罩层”。
再来看看现在的动画,很神奇吧,显示的效果恰恰和没做遮罩前相反。
这就是Flash中的遮罩效果。
那么以此类推,遮罩动画也就是利用这个原理,让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。
通过这个实例我们知道了,制作遮罩动画至少需要两个图层:上面一个图层(遮盖层)和下面一个图层(被遮层)。
再将上面的图层转化成遮罩层就可以了。
被转换成遮罩层的图层具有以下几个特点:一、形状非常重要。
也就是说,遮盖层的形状决定了可视区域的形状。
如果这个物体的形状在发生变化,那么也就意味着你能看到的区域也在变化。
二、颜色无关紧要,因为做成遮罩后根本看不到颜色。
所以也就没有必要花精力去折腾遮盖层物体的颜色了。
三、想要取消遮罩效果,只需要再右击遮罩层,把已勾选项去掉就可以了。
另外苏阳要提醒你,不要过于死板地认为只有遮盖层才可以做动画。
FLASH如何使用动画形式之遮罩层动画FLASH是一种广泛应用于动画、游戏开发和网络应用的软件平台。
它具有强大的动画制作功能,包括使用遮罩层创建动画效果。
遮罩层动画可以通过遮罩层来隐藏图像的一部分,使其可以显示出一种动态的效果。
在本文中,我们将介绍如何使用FLASH创建遮罩层动画。
首先,我们需要准备一个FLASH项目。
你可以创建一个新项目,也可以使用已有的项目。
打开FLASH软件后,选择“文件”菜单下的“新建”命令,然后选择“FLASH文件”选项。
接下来,我们需要导入图像素材。
点击主菜单中的“文件”选项,选择“导入”命令,然后选择你要使用的图像文件。
你可以选择任何图像文件,例如JPEG、PNG或GIF。
导入图像后,一个新的图层将在时间轴中创建,并显示导入的图像。
然后,我们需要创建一个遮罩层。
选择时间轴中的一个图层,在图层面板中单击右键,在弹出菜单中选择“添加遮罩”选项。
这样,一个新的遮罩层将在时间轴中创建。
下一步,我们需要将遮罩层与要显示的内容进行关联。
选择遮罩层,在图层面板中单击右键,在弹出菜单中选择“选择遮罩对象”选项。
然后,点击时间轴中需要被遮罩的内容图层,并在图层面板中单击右键,选择“添加图层遮罩”选项。
这样,遮罩层将与内容图层关联起来。
在内容图层中,我们可以进行一些动画效果的设置。
你可以选择移动、旋转或变换内容图像,以达到你想要的效果。
FLASH中可以使用关键帧来设置每个帧上的图像效果。
你可以在时间轴中选择一个帧,然后使用工具栏或属性面板上的工具和选项进行图像的操作。
动画效果设置完成后,我们可以预览遮罩层动画。
点击主菜单中的“控制”选项,选择“测试影片”命令,预览动画效果。
你可以通过在预览状态下点击时间轴中的不同帧来查看动画的效果。
最后,我们可以将遮罩层动画导出为一个可用的文件格式。
点击主菜单中的“文件”选项,选择“发布设置”命令,然后选择你想要的导出格式。
FLASH支持导出为SWF、GIF或视频文件等多种格式。
Flash AS3教程:创建好看的遮罩动画效果(1)1、新建Flash文件,导入所需的图片到舞台,设置舞台属性的宽、高同图片相同大小。
2、将图片设置为左对齐、上对齐。
右键单击图片转换成影片剪辑,命名为“Background”,设置注册点为居中。
图1:3、将图层1改名为背景,在属性面板中输入实例名称:“backgroundImage” 锁定。
图2:4、新建一个图层,用椭圆工具画一个禁止笔触的50*50的圆,填充色任意。
5、把圆转换成影片剪辑,设置如下。
图3:6、删除舞台上的圆,图层改名为as。
至此fla的美工已全部完成。
7、新建ActionScript文件,编写一个外部的MyMask.as文件。
在编译器中输入代码:package {import flash.display.MovieClip;public class MyMask extends MovieClip {//Mask’s x and y speedpublic var speedX:Number;public var speedY:Number;//Set the given scale for this mask, when we create a new//mask objectpublic function MyMask(scale:Number) {this.scaleX = scale;this.scaleY = scale;}}}这是一个名为MyMask.as的遮罩类,保存在fla文件的同一目录下。
8、切换到fla,在as层输入代码://We use an array to hold all our masks.//(Except the mask that follows our cursor)var masks:Array = new Array();//We add all of the masks to a containervar maskContainer:Sprite = new Sprite();//Set the maskContainer to be the image’s maskbackgroundImage.mask = maskContainer;//Add the container on the stageaddChild(maskContainer);//Create the mask which follows cursor movement (master mask)var masterMask:MyMask = new MyMask(1);//Set the master masks’s coordinates to match cursor’s coordinates masterMask.x = mouseX;masterMask.y = mouseY;//Add the master mask to a containermaskContainer.addChild(masterMask);//Cache the image and container as bitmap, so we//can animate the alpha of the masksmaskContainer.cacheAsBitmap=true;backgroundImage.cacheAsBitmap=true;//Create a timer that is called every 0.2 secondsvar timer:Timer = new Timer(200,0);timer.addEventListener(TimerEvent.TIMER, timerEvent);timer.start();//This function is called every 0.2 seconds.//We create a new mask in this function.function timerEvent(e:TimerEvent):void {//Calculate a random scale for the new mask (0 to 1.5) var scale:Number = Math.random() * 1.5 + 0.5;//Create a new mask with random scalevar newMask:MyMask = new MyMask(scale);//Set the position for the new masknewMask.x = mouseX;newMask.y = mouseY;//Assign a random x and y speed for the masknewMask.speedX = Math.random() * 20 - 10;newMask.speedY = Math.random() * 20 - 10;//Add the mask to the containermaskContainer.addChild(newMask);//Add the mask to the arraymasks.push(newMask);}//We need ENTER_FRAME to animate the masks addEventListener(Event.ENTER_FRAME, enterFrameHandler);//This function is called in each framefunction enterFrameHandler(e:Event):void {//Loop through the mask arrayfor (var i:uint = 0; i < masks.length; i++) {//Save a mask to a local variablevar myMask:MyMask = (MyMask)(masks[i]);//Update the x and y positionmyMask.x += myMask.speedX;myMask.y += myMask.speedY;//Increase the scalemyMask.scaleX += 0.1;myMask.scaleY += 0.1;//Reduce the alphamyMask.alpha -= 0.01;//If the alpha is below 0, remove the mask//from the container and from the arrayif (myMask.alpha < 0) {masks.splice(i,1);maskContainer.removeChild(myMask);}}//Update the master mask positionmasterMask.x = mouseX;masterMask.y = mouseY;}9、好了,工作全部完成,测试你的影片。
Flash AS3教程:创建好看的遮罩动画效果(2)1、准备一张图片。
2、新建一个500*300的Flash文件。
(设置宽、高同图片大小)3、导入图片到库中。
4、从库中把图片拖到舞台上,左对齐,上对齐。
5、右键点击图片,转换成影片剪辑。
元件名:“cityMC”。
图1:6、在属性面板中输入实例名称:“cityMC”。
图2:7、锁定图层1,添加图层2。
用圆角矩形工具在舞台上任意位置、任意颜色、画一个圆角为10的40*40的矩形。
图3:8、把圆角矩形转换成影片剪辑,名称为“maskMC”,注册点居中。
图4:9、删除舞台上的圆角矩形。
打开库右键单击maskMC影片剪辑,选属性作类链接,类名:“MaskRectangle” 图5:10、把图层2改为as,输入代码://We need these classes for the animationimport fl.transitions.Tween;import fl.transitions.easing.*;//These are the mask rectangle’s width and heightvar boxWidth:Number = 40;var boxHeight:Number = 40;//We want nine rows and 14 columns to make the animation look nicevar rows:Number = 9;var columns:Number = 14;//We will add the rectangle’s into an array (we need this array in t he animation)var rectangles:Array = new Array();//We add the tweens into an array so they don’t get carbage collecte dvar tweens:Array = new Array();//This container will hold all the mask rectanglesvar container:Sprite = new Sprite();//Add the container onto the stageaddChild(container);//Set the container to be the image’s maskcityMC.mask = container;//Loop through the rowsfor (var i=0; i < rows; i++) {//Loop through the columnsfor (var j=0; j < columns; j++) {//Create a new mask rectanglevar maskRectangle:MaskRectangle = new MaskRectangle();//Position the mask rectanglemaskRectangle.x = j * boxWidth;maskRectangle.y = i * boxWidth;//Set the scaleX to be 0, so the rectangle will not be visiblemaskRectangle.scaleX = 0;//Add the rectangle onto the containercontainer.addChild(maskRectangle);//Add the mask rectangle to the rectangles arrayrectangles.push(maskRectangle);}}//Create and start a timer.//This timer is called as many times as there are rectangles on the s tage.var timer = new Timer(35,rectangles.length);timer.addEventListener(TimerEvent.TIMER, animateMask);timer.start();//This function is called every 0.035 secondsfunction animateMask(e:Event):void {//Save the rectangle to a local variablevar rectangle = rectangles[timer.currentCount - 1];//Tween the scaleX of the rectanglevar scaleTween:Tween = new Tween(rectangle,"scaleX",Regular.e aseOut,0,1,1,true);tweens.push(scaleTween);}11、完工,测试影片。