遮罩动画.docx
- 文档编号:16232153
- 上传时间:2023-07-11
- 格式:DOCX
- 页数:13
- 大小:248.84KB
遮罩动画.docx
《遮罩动画.docx》由会员分享,可在线阅读,更多相关《遮罩动画.docx(13页珍藏版)》请在冰点文库上搜索。
遮罩动画
遮罩动画
在Flash的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
那么,“遮罩”如何能产生这些效果呢?
1.遮罩动画的概念
什么是遮罩
遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。
在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。
2.创建遮罩的方法
(1)创建遮罩
在Flash中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。
你只要在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标
变为遮罩层图标
,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为
,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。
图3-5-1多层遮罩动画
(2)构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。
在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。
(3)遮罩中可以使用的动画形式
可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。
3.应用遮罩时的技巧
● 遮罩层的基本原理是:
能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。
比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
● 要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
● 不能用一个遮罩层试图遮蔽另一个遮罩层。
● 在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮
,使之变成
,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
● 在被遮罩层中不能放置动态文本。
或许你读了上面的描述,还有点模糊,那么,通过一些范例,相信你会感受到遮罩动画的神奇!
实例1:
地球的自转
(1)打开半成品“地球的自转.fla”,双击“图层1”,重命名为“地图1”,将“地图”元件拖到舞台右侧,修改|变形|水平翻转,选中地图,调整亮度为“-75%”,单击第100帧插入关键帧,将地图拖到舞台左侧,在1-100帧之间制作传统补间动画。
(2)在“地图1”图层上方添加新图层“地图2”,拖动“地图”元件到舞台左侧,单击第100帧插入关键帧,将地图拖到舞台右侧,在1-100帧之间制作传统补间动画。
(3)在“地图2”上方添加新图层“遮罩”,绘制椭圆。
在“遮罩”图层上方添加新图层“地球”,将“遮罩”层的圆复制到“地球”层,与“遮罩”层位置重合。
(4)将“地球”图层的圆边框设为无色,填充为放射状(径像渐变),颜色自左向右依次为:
“#9ACDFE、Alpha0%”,“#3EACDB、Alpha25%”,“#061A2D、Alpha91%”。
(5)在“遮罩”层右键选择“遮罩层”,向上拖动“地图1”层,使其成为被遮罩层。
(6)在“遮罩”图层上方添加一个“标题”,参照实例输入课件标题。
(7)设置舞台背景颜色为“#0098FF”。
(8)保存并测试课件。
实例2闪闪的红星
知识提要
● 将线条转化为填充
● 创建遮罩动画
● 使用变形面板
● 学习使用【橡皮擦工具】中的“水笼头”工具和擦除线条
制作步骤
(1)创建影片文档
步骤1设置影片文档属性
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,单击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400×400像素,【背景色】为黑色(在教程中,我们为了更好地显示场景中的内容,设置背景色为#003333),如图3-5-3所示。
图3-5-3文档【属性】面板
步骤2设置背景图层
选择工具箱中的【矩形工具】,在场景中绘制出一个400×400像素的无边正方形,用【放射状】渐变色进行填充,如图3-5-4所示。
图3-5-4无边矩形及混色器设置
(2)创建元件
步骤1创建“闪光线条”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条”。
选择工具箱中的【线条工具】
,设置【笔触颜色】为黄色,在场景中画一条直线,具体参数设置如图3-5-5所示。
图3-5-5闪光线条的【属性】面板参数设置
步骤2创建“闪光线条组合”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条组合”,如图3-5-6所示。
图3-5-6创建闪光线条元件
从库中将名为“闪光线条”的元件拖入新元件编辑场景中,在【属性】面板中,设置【X】为-200,【Y】为20。
单击工具箱中的【任意变形工具】
,此时元件实例的中心会出现一个小白点,它就是对象的“变形点”,用鼠标左键按住它,拖到场景的中心“+”处松手。
图3-5-7中显示的是“变形点”在元件中心时的状态,和“变形点”已拖到场景中心时的状态。
图3-5-7变形点所处的不同位置
遮罩动画(3)
执行【窗口】|【设计面板】|【变形】命令,打开【变形】面板,选中【旋转】,角度为15度,连续单击【复制并应用变形】按钮
,在场景中复制出的效果如图3-5-8所示。
图3-5-8【变形】面板及复制完后的效果
前面已经提到了,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”,所以我们应该将线条转换为填充形状。
在时间轴的关键帧上单击一下,选中全部图形,执行【修改】|【分离】命令,把线条打散,再执行【修改】|【形状】|【将线条转化为填充】命令,将线条转变为形状。
步骤3创建“闪光”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“闪光”,如图3-5-9所示。
图3-5-9创建“闪光”元件
单击【确定】后进入新元件编辑场景,接着把库里名为“闪光线条组合”的元件拖到场景中,使元件实例的中心点对齐场景中的“+”符号。
在第30帧处加关键帧,用鼠标右键单击第1帧,在弹出的菜单中选择【创建补间动画】,切换到【属性】面板,设置【旋转】为【顺时针】,旋转一周。
新增一个图层,选中第1帧,执行【编辑】|【粘贴到当前位置】命令,使两图层中的“闪光线条组合”实例完全重合,执行【修改】|【变形】|【水平翻转】命令,让复制过来的线条和第一层中的线条方向相反,在场景中形成交叉的图形。
选中第30帧,按F6键,新增一个关键帧,用鼠标右键单击第1帧,选择【创建补间动画】,建立动作补间动画,在【属性】面板中,设置【旋转】为逆时针旋转一周,最后将此层设为遮罩层,用鼠标右键单击靠上的图层,选择【遮罩层】,如图3-5-10所示。
图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。
(a)创建遮罩后的【时间轴】面板
(b)被遮罩层中的图形
(c)遮罩图层中的图形
(d)两个图层重合后的效果
图3-5-10“闪光”元件编辑界面
遮罩动画(4)
步骤4创建“红星”元件,执行【插入】|【新建元件】命令,新建一个图形元件,名称为“红星”。
我们要在这个元件中画一个漂亮的红星,为了画好红星,我们分九步来叙述具体的画法,图3-5-11中的“1-9”的数字表示这九个步骤。
图3-5-11红星的九步画法
第一步,按住Shift键,从场景中心向上画一根黄色的线条,如图3-5-11中的“1”所示。
第二步,选择工具箱中的【任意变形工具】
在画好的线条上单击一下,这里,线条的中心出现一个白色的小圆点,我们叫它“变形点”,如图3-5-11中的“2”所示。
第三步,用鼠标左键按住变形点,拖到线条的最下端,这是因为我们要让线条以下端为中心旋转复制,如图3-5-11中的“3”所示。
第四步,执行【窗口】|【设计面板】|【变形】,打开【变形】面板,各参数设置如图3-5-12。
按下【复制并应用变形】按钮
四次,就会在场景中每隔72度复制出一条线条,五条线条的顶端构成五角星的五个顶点,如图3-5-11中的“4”所示。
图3-5-12【变形】面板
第五步,用绿色线条分别连接五条线条的顶端,五角星的模样已经出来了,如图3-5-11中的“5”所示。
第六步,用白色线条分别连接五角星中心和上一步连线的交叉点,如图3-5-11中的“6”所示。
第七步,选择工具箱中的【橡皮擦工具】
,在工具箱下面的【选项】中选择【水龙头】工具
,在多余的线段上单击一下,按Delete键,删除线段,修整好的五角星如图3-5-11中的“7”所示。
第八步,选择工具栏上的【填充色】,在打开的【调色器】面板中,用【拾色器】拾取由红到黑的放射状渐变色,从左到右两个填充色块的颜色值分别为:
#FF0000、#000000,如图3-5-13所示。
图3-5-13设置五角星的填充颜色
用【颜料桶工具】给五角星上色,再用【填充变形工具】调整每个角的颜色范围,使之略有区别,增加立体感,如图3-5-11中的“8”所示。
第九步,再选择【橡皮擦工具】
,单击【选项】下的
按钮,选择【擦除线条】项(选择后,会在“擦除线条”的左边出现一个小勾),如图3-5-14所示。
图3-5-14擦除线条
用【橡皮擦工具】擦去红星上的线条,一颗漂亮的红星就绘制出来了,如图3-2-11中的“9”所示。
在【属性】面板上设置,单击
按钮,弹出【工具设置】对话框,参数设置如图3-5-15所示。
图3-5-15多角星形工具选项设置面板-
设置完后,单击【确定】按钮,在场景中拖动鼠标,就会画出一个五角星的形状来。
(3)创建动画
回到主场景1中,新增三个图层,把“闪光”元件拖入第二层中,“红星”元件拖入到第三层中,在场景的下方输入白色的“闪客启航电影制片厂”文字,把声音拖入到第四层中,完成后的时间轴面板与场景如图3-5-16所示。
图3-5-16时间轴及场景
按快捷键Ctrl+Enter快捷键,测试动画。
此时,你欣赏着自己亲手做的“闪闪红星”动画,心中再回想一下“遮罩”在动画中的作用,是否已经感受到“遮罩”这一功能的神奇?
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 动画