Flash基础 补间遮罩
- 格式:ppt
- 大小:1.46 MB
- 文档页数:34
Flash遮罩层怎么⽤?Flash遮罩层的⽤法所谓遮罩动画,就是利⽤遮罩的动画原理来实现的。
可以看到的动画是遮罩层区域的内容,那么Flash遮罩层怎么⽤?今天就教⼤家Flash遮罩层的⽤法,希望对⼤家有⼀定的帮助!我们先来看看效果图吧!⼯具/原料Flash CS4⽅法1、新建⼀Flash⽂档。
点击“插⼊”→“新建元件”,创建⼀个名为“⽔彩笔”的影⽚剪辑。
然后绘制或导⼊⼀个⽔彩笔的图⽚。
2、接着再创建⼀个名称为“⽂字特效”的影⽚剪辑。
并在其中输⼊⽂字。
3、接着右击⽂字,选择“分离”项,然后接着再执⾏⼀次“分离”以便将⽂字彻底打散,效果如图:4、接着分别选中两部分⽂字,应⽤“渐变填充”对其进⾏字体颜⾊设置。
5、返回主场景,将两个影⽚剪辑拖放到场景中,并放置在两个图层上,调整其相对⼤⼩和位置,如图:然后分别在“⽔彩笔”图层和“⽂字特效”图层的第100帧插⼊“关键帧”和“帧”。
6、右击“⽔彩笔”图层,选择“添加传统运动引导层”项。
接着⽤画笔沿第⼀个字“百”创建运动引导路径,同时针对这⼀⼩段路径创建⽔彩笔的运⾏轨迹。
7、利⽤同样的⽅法为其它⽂字创建运动轨迹。
最终创建的轨迹如图:8、最后我们加⼊遮罩层部分:创建⼀个新图层,右击,从弹出的菜单中选择“遮罩层”项,然后利⽤“距形⼯具”绘制⼀个与⽂字相当⼤⼩的图形,填充⾊为“⿊⾊”。
9、然后根据⽔彩笔的移动轨迹,相应的调整距形的相对位置,并不断插⼊“关键帧”。
10、由于遮罩层遮住了⽔彩笔,因此将距形所在图层移动到⽔彩笔的下⾯。
如图:11、然后就可以按“Ctrl+Enter”测试效果啦。
以上就是Flash遮罩层的⽤法,希望对⼤家有⼀定的帮助!。
Flash中的遮罩效果教案第一章:Flash遮罩效果概述1.1 教学目标了解Flash遮罩效果的概念掌握遮罩层与被遮罩层的关系了解遮罩效果的应用场景1.2 教学内容Flash遮罩效果定义遮罩层与被遮罩层的原理遮罩效果的实际应用1.3 教学步骤1. 导入:展示一些含有遮罩效果的Flash动画,让学生初步感受遮罩效果的魅力。
2. 讲解:详细讲解Flash遮罩效果的定义、原理和应用场景。
3. 示范:在Flash软件中创建一个简单的遮罩效果,让学生跟随操作。
4. 练习:让学生自行尝试制作一个简单的遮罩效果,教师进行辅导。
第二章:创建遮罩层2.1 教学目标掌握创建遮罩层的方法了解遮罩层的属性设置2.2 教学内容创建遮罩层的方法遮罩层的属性设置2.3 教学步骤1. 导入:回顾上一章的内容,让学生回顾遮罩效果的基本概念。
2. 讲解:讲解创建遮罩层的方法和属性设置。
3. 示范:在Flash软件中创建一个遮罩层,并设置相关属性。
4. 练习:让学生自行尝试创建遮罩层,并设置属性,教师进行辅导。
第三章:制作被遮罩层3.1 教学目标掌握制作被遮罩层的方法了解被遮罩层的属性设置3.2 教学内容制作被遮罩层的方法被遮罩层的属性设置3.3 教学步骤1. 导入:让学生回顾上一章的内容,了解遮罩层与被遮罩层的关系。
2. 讲解:讲解制作被遮罩层的方法和属性设置。
3. 示范:在Flash软件中制作一个被遮罩层,并设置相关属性。
4. 练习:让学生自行尝试制作被遮罩层,并设置属性,教师进行辅导。
第四章:调整遮罩效果4.1 教学目标掌握调整遮罩效果的方法了解遮罩效果的属性设置调整遮罩效果的方法遮罩效果的属性设置4.3 教学步骤1. 导入:让学生回顾前两章的内容,了解遮罩层和被遮罩层的制作方法。
2. 讲解:讲解调整遮罩效果的方法和属性设置。
3. 示范:在Flash软件中调整一个已有的遮罩效果,并设置相关属性。
4. 练习:让学生自行尝试调整遮罩效果,并设置属性,教师进行辅导。
Flash-8-遮罩动画详解及实例Flash 8 遮罩动画详解及实例在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
那么,“遮罩”如何能产生这些效果呢?在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。
在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions 指令的方法,在本节中,我们只介绍第一种做法。
1.遮罩动画的概念(1)什么是遮罩“遮罩”,顾名思义就是遮挡住下面的对象。
2在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。
(2)遮罩有什么用在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
2.创建遮罩的方法(1)创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。
你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要3把这些层拖到被遮罩层下面就行了,如图3-5-1所示。
图3-5-1 多层遮罩动画(2)构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。
怎么用flash制作遮罩动画
Flash 制作遮罩动画主要的流程如下:
1.新建一个新的Flash影片。
打开新的Flash影片,添加您想要制作
的图像。
可以选择引入图像或者是从外部程序中粘贴图像,把它们导入到
你的Flash项目中。
2.添加遮罩层,让每个图像可以看到您想要它们显示的内容。
在“图层”面板的第一个(最底部的)图层上放置一个矩形形状,以分隔其余的
每个图像。
3.将遮罩层设置为遮罩层。
点击程序菜单中的“视图”,然后切换到“遮罩层”视图。
点击遮罩层上的图标,将它变成遮罩层。
4.添加动画。
您可以使用帧动画或者形状动画,将遮罩层的位置移动
到另一侧,使得每个图像显示出您想要它们显示的内容。
帧动画可以用键
帧来让您移动遮罩层,而形状动画则让您通过调整图形参数来移动遮罩层。
5.调整动画。
通过调整动画的速度来调整遮罩层移动的速度。
您可以
在“时间轴”面板上选择每一个动画帧的时间,以调整动画的速度。
6.将动画导出到Flash。
在您的Flash项目完成之后,您可以将它导
出到Flash,以便于播放和共享。
在“文件”菜单中选择“导出”,然后
选择“Flash Movie”,将动画保存到Flash文件中。
1、新建FLASH文档,设置舞台尺寸为600*200,背景颜色为#336699。
2、选择“矩形工具”,设置笔触为无色,填充颜色为白色,在舞台上绘制一个480*110的长方形。
选择“文本工具”,在长方形上输入所需的文本内容。
并将长方形和文本全部选中,设置其在舞台中央对齐。
3、在长方形上单击鼠标右键,选择“复制”命令。
锁定图层1,单击“插入图层”按钮,新建图层2,并在舞台中单击鼠标右键,选择“粘贴到当前位置”命令,将长方形复制到图层2。
4、选择图层2第60帧,按下F6键插入关键帧;选择图层2第1帧,选择“任意变形工具”,将舞台上矩形向左缩小至最小状态。
5、选择图层2第1帧,单击鼠标右键,选择“创建补间形状”命令。
并将图层1延长至60帧。
6、用鼠标右键单击图层2,选择“遮罩层”命令。
7、单击“插入图层”按钮,新建图层3,选择“矩形工具”,设置笔触为无色,填充颜色为线性渐变(颜色自定),在舞台上绘制一个宽为12像素,高为130像素的矩形。
将该矩形转换为图形元件,命名为“轴”。
将“轴”放在之前所绘制的长方形的左侧边缘。
8、锁定图层3,单击“插入图层”按钮,新建图层4。
将元件“轴”拖放到舞台上,使其与图层3的轴并排排列。
选择图层4第60帧,按下F6键插入关键帧,将“轴”放在之前所绘制的长方形的右侧边缘。
9、选择图层2第1帧,单击鼠标右键,选择“创建补间动画”命令。
1、新建FLASH文档,创建影片剪辑元件“放大镜”。
2、在图层1中,输入要放大的文本,文本字体选较小的字体,如25号。
并让文本在舞台居中。
3、在图层1中选择文本,选择“复制”命令。
单击“插入图层”按钮,新建图层2,并在舞台中单击鼠标右键,选择“粘贴到当前位置”命令,将文本复制到图层2。
并把文本的字体设置为50号,4、使用“任意变形工具”,把图层1中的文本放大至与图层2的文本宽度一样,并调整两个图层上的文本的起始位置一致。
5、在图层2的第1帧上,使用“矩形工具”,设置笔触为无色,填充颜色为白色(或与背景同色)。
详细讲解Flash制作动画基础知识:遮罩1、遮罩的原理?遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。
第一步:创建两个图层,命名,一个是遮罩层,一个是被遮罩层;第二步:在被遮罩层图层输入文字“闪吧,我的最爱”;第三步:在遮罩层随便画一个形状,例如一个圆;第四步:此步最关键。
点击遮罩层图层,右键选择“遮罩层”,如图1(1)2、让遮罩层运动起来,就象探照灯一样的效果第一步:把上面的圆转换为图形元件;第二步:在第15帧处插入关键帧,选中元件,把它放在场景的最右端,在两帧之间右键选择“创建补间动画”,选中第1帧,右键选择“复制帧”,在第30帧处粘贴帧,在第15帧和第30帧处右键选择“创建补间动画”;第三步:把被遮罩层的帧延长到第30处;3、让遮罩层随鼠标移动而移动第一步:选中问题1的遮罩层,右键选择“遮罩层”,去掉前面的勾,此时取消了遮罩;选中圆,右键选择“转换为元件”,在弹出的对话框中选择“影片剪辑”,在主场景中给它个实例名mask_mc。
第二步:选中被遮罩层上的文字,同样转换为影片剪辑元件,实例名为_mc第三步:新建图层,名为“动作”,选中第一帧,写如下代码:_mc.setMask(mask_mc);//设置_mc被mask_mc遮罩mask_mc.onEnterFrame = function() {//mask_mc在运行每一帧时执行函数this._x = _xmouse;this._y = _ymouse;//mask_mc的坐标等于鼠标的坐标};4、让遮罩层随鼠标移动有缓冲的效果把问题3的第三步代码改为:_mc.setMask(mask_mc);var speed:Number = 5;//申明变量mask_mc.onEnterFrame = function() {this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动this._y += (_ymouse-this._y)/speed;};5、让遮罩层沿着引导层上的任意路径运动[要点]把遮罩先做成沿引导层上路径运动的影片剪辑,再把该影片剪辑设为遮罩层[步骤]第一步:创建图形元件,名称为“圆”,画一个圆。
Flash遮罩层的使用
一、教材分析
本课以粤教版《多媒体技术应用》
二、学情分析
学生前面已经初步学习过flash基本遮罩层动画原理,能制作出简单的逐帧动画和动作补间动画,并对帧、图层、简单遮罩动画已有了初步了解,但还未形成能很好理解,还需进行回顾加深。
本课学生通过实践、探究,很快掌握FLASH遮罩动画的制作原理及应用,培养学生的想象能力和创新能力,让学生体验完成动画作品的成就感,同时培养学生的自主学习能力和探究学习能力。
三、教学目标
1、知识与技能
(1)掌握遮罩动画的工作原理,理解遮罩层与被遮罩层之间的关系;
(2)掌握卷轴效果“展开卷轴”的制作方法;
(3)能够灵活运用所学动画制作技巧,创作动画作品。
2、过程与方法
(1)通过师生共同分析遮罩的实例,加深学生对于遮罩原理的理解;
(2)让学生自主实践,去完成……的动画,使学生能够迅速掌握制作效果的制作方法;(3)培养学生自主学习能力、探索创新能力和综合运用知识的能力。
3、情感态度与价值观
(1)感受运用flash动画软件创造作品的乐趣;
(2)体验信息技术蕴含的文化内涵,形成和保持对信息技术的求知欲。
四、教学重点与难点
1、教学重点:遮罩的含义和遮罩效果的制作方法
2、教学难点:理解遮罩与被遮罩的关系
五、教学方法与教学手段:
讲授法、演示法、分层任务驱动法、自主探究学习法
六、课时安排:1课时
七、教学准备
硬件:多媒体网络教室
软件:教学课件、学件
八、教学过程。
第八节FLASH中遮罩层的运用利用Flash提供的遮罩图层,可以按遮罩图层的画面形状来选取背景。
通过设置遮罩层或图层的动画,我们可以制作丰富的动画效果。
作为遮罩层,我们可以直接当作小动画来做,也可以创建一个“图形”类组件,在组件中完成遮罩效果,然后在场景中应用该组件获得动画效果。
一、怎么制作文字笔划里的背景移动的动画?分析:创建一个图形组件,导入一幅图片,图片放置在场景的一侧,再在场景的另一侧创建一关键帧,将图片移动到另一侧,设置两者之间的补间动画。
另建一图片,输入文字,设置文字属性后,让其遮罩图片。
再建好的组件拖入场景中,任务完成。
动手实践:1、在“图层1”中执行“文件”→“导入”命令,在“图片收藏”文件夹中选中“sunset”文件,单击“确定”。
2、将导入的图片定位至元件中心右侧(100,0)处。
3、在“图层1”的60帧位置创建关键帧,并将图片定位到元件中心左侧(-100,0)处。
4、创建1-60帧之间补间动画。
5、点击新建图层标志,得到一新图层--“图层2”。
选中“图层2”。
6、选择“文本工具”,输入文字“背景移动文字”,设置字体,字号,并设置文字中心点为(0,0)。
7、右击“图层2”,单击快捷菜单中的“遮罩层”。
10、单击影片窗口左上角的“场景1”按钮,执行“窗口”→“图库”命令,将图库中的组件拖入到场景中,并在第40帧的位置,执行插入“帧”。
11、播放动画影片。
12、保存动画文件,名字为“背景移动的文字”。
想一想?如果“图层1”中的背景图片不动,而设置“图层2”的文字移动,将又得会什么效果?二、制作探照灯效果文字分析:创建一个组件,为体现制作效果,应将场景背景设为黑色。
在“图层一”中输入文字:探照灯效果文字,设置好文字属性。
新建一“图层二”,画一椭圆表示光照区域,先移动至文字一侧。
在后面50帧位置插入关键帧,将椭圆移动至文字另一侧。
设置两帧之间的补间动画。
将元件插入到场景中。
动手实践:1、新建一个动画文件,将它的宽置于为400px,高设置为200px。
Flash动画设计的三大基本功能Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的,包括:绘图和编辑图形、补间动画和遮罩。
这是三个紧密相连的逻辑功能,并且这三个功能自Flash诞生以来就存在。
[1]绘图和编辑图形绘图和编辑图形不但是创作Flash动画的基本功,也是进行多媒体创作的基本功。
只有基本功扎实,才能在以后的学习和创作道路上一帆风顺。
使用Flash Professional 8绘图和编辑图形——这是Flash动画创作的三大基本功的第一位。
在绘图的过程中要学习怎样使用元件来组织图形元素,这也是Flash 动画的一个巨大特点。
[2]补间动画补间动画是整个Flash动画设计的核心,也是Flash动画的最大优点,它有动画补间和形状补间两种形式。
用户学习Flash动画设计,最主要的就是学习“补间动画”设计。
在应用影片剪辑元件和图形元件创作动画时,有一些细微的差别,你应该完整把握这些细微的差别。
[3]遮罩遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点。
使用遮罩配合补间动画,用户更可以创建更多丰富多采的动画效果:图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。
并且,从这些动画实例中,用户可以举一反三创建更多实用性更强的动画效果。
遮罩的原理非常简单,但其实现的方式多种多样,特别是和补间动画以及影片剪辑元件结合起来,可以创建千变万化的形式,你应该对这些形式作个总结概括,从而使自己可以有的放矢,从容创建各种形式的动画效果。
总结:Flash动画的根本Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。
三大基本功能之外的延伸Flash动画的三大基本功能是一切Flash动画应用的基础。
但现在Flash 已经是一个非常强大的平台,他是一个富媒体环境。