第六章遮罩层动画的制作.docx
- 文档编号:7084729
- 上传时间:2023-01-17
- 格式:DOCX
- 页数:9
- 大小:1.28MB
第六章遮罩层动画的制作.docx
《第六章遮罩层动画的制作.docx》由会员分享,可在线阅读,更多相关《第六章遮罩层动画的制作.docx(9页珍藏版)》请在冰豆网上搜索。
第六章遮罩层动画的制作
第六章遮罩层动画的制作
6.1理解遮罩层动画的作用和特点
教学目标
◆遮罩层的创建要点和技巧;
◆制作简单遮罩层动画;
要求
理解遮罩层的概念和作用,了解遮罩层和被遮罩层的关系、可使用的动画元素和效果,掌握编辑遮罩层的方法,能制作常见遮罩动画效果。
重点与难点
理解遮罩层的概念及作用,了解遮罩层和被遮罩层的关系及可使用的动画元素掌握创建、编辑遮罩层的方法和技巧。
案例1:
探照灯
【案例欣赏】
【案例分析】
在做此实例要用到补间动画,和遮罩动画,了解哪层是遮罩层。
以及元件的创建。
【操作演示】
1新建flash文件,背景设置为黑色。
图层一的属性设置为“文字层”。
选择“文本工具”,字体大小为“72”,字体设置为“华文彩云”,字体颜色为“绿色”。
然后在舞台中输入“电脑爱好者”五个字。
2单击第50帧,按F5插入一个普通帧,按CTRL+8新建一个名为ball的影片剪辑,选取“画图工具”,画一个无边框,填充色为白色放射状渐变色的圆,如图8-1-2
3回到场景中,添加一个新的图层,命名为探照灯。
(注意:
文字层在探照灯曾德上面)。
单击探照灯层,将符号ball拖到舞台最左边。
4在“探照灯”层的第30帧处按F6插入一个关键帧,这一帧小球在舞台的最左边,在第50帧处按F6插入一个关键帧,这一帧小球在舞台的最右边,并做补间动画。
如图8-1-3
5在文字层上单击鼠标右键,在菜单中选择遮罩。
即用文字来遮罩探照灯。
6按Ctrl+S保存。
【课堂讲解】
8.1.1遮罩层与被遮罩层的概念及作用
“遮罩”,顾名思义就是遮挡住下面的对象。
首先我在红板(遮罩层)上挖一个洞,把它放在蓝板(被遮罩层)之上,随着红板的移动,大家可以观察到的一个蓝色圆洞在移动,这说明我们是透过红板上的这个洞看到下面的内容的。
这个洞(元件)是透光区,所在层为遮罩层。
它就像一张不透明的纸遮住它下面的图层,使你看不到下面图层中的内容。
而在遮罩层中的图片或文字,就像是在这张纸上开的孔,透过它就可以看到下面图层中的内容,这就是遮罩动画的原理。
遮罩层跟其他层一样可以在帧里绘图,但是只是在有图形的位置才有遮罩效果,没有图像的部位什么也没有,但遮罩层里的图像不会显示,只起遮罩作用; 在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。
在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。
【实践与拓展】
根据本例介绍的方法,自行制作舞台灯光,浪漫烟花。
8.2遮罩层动画的典型应用
案例1:
放大镜效果
【案例欣赏】
【案例分析】
在此实例中用到的图层较多,要熟练掌握遮罩层的设置。
【操作演示】
1新建flash文件,背景设置为蓝色。
图层一的属性设置为“小字层”。
选择“文本工具”,字体大小为“30”,字体设置为“华文行楷”,字体颜色为“黄色”。
然后在舞台中输入“海枯石烂”四个字。
单击第25帧,按F5插入一个普通帧.
2新建图层,命名为“圆1”。
选取“画图工具”,画一个无边框,与背景颜色相同的圆。
并将其保存为元件,命名为“圆”。
将圆拖到舞台最左边。
在“圆1”层的第25帧处按F6插入一个关键帧,这一帧圆在舞台的右边。
3新建图层,命名为“大字”。
选择“文本工具”,字体大小为“60”,字体设置为“华文行楷”,字体颜色为“黄色”。
然后在舞台中输入“海枯石烂”四个字。
覆盖在“小图层”的四个字上面。
单击第25帧,按F5插入一个普通帧。
4新建图层,命名为“圆2”。
将原件“圆”拖入场景中,第一帧将圆拖到舞台最左边。
在“圆1”层的第25帧处按F6插入一个关键帧,这一帧圆在舞台的右边。
5新建图层,命名为“放大镜”。
用“画图工具”画一个放大镜。
6在第1帧处,放大镜的位置与第1帧大圆小圆的位置将同。
单击第25帧,按F6插入一个关键帧,放大镜的位置与第25帧大圆小圆的位置将同。
如图8-2-3
7将圆2设置为遮罩层。
并给图层做补间。
如图8-2-2
8按Ctrl+S保存。
【课堂讲解】
8.2.1创建遮罩的方法和技巧
在FlashCS4中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。
你只要在某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标也发生变化,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。
【实践与拓展】
根据本例介绍的方法,自行制作百叶窗。
案例2:
水波纹效果
【案例欣赏】
【案例分忻】
在本实例的制作过程中,使用椭圆工具绘制椭圆并创造形状补间动画,然后将椭圆所在的层设置为遮罩层。
【操作演示】
1新建flash文件,执行“文件”|“导入”|“导入到舞台”命令,将一幅湖水图片导入到舞台。
新建图层2,将图层一第一帧复制到图层2的第一帧。
2新建图层三,使用椭圆工具在湖水中绘制一些无边框,填充色为任意色,大小不一的椭圆。
3在“图层2”与“图层3”的第35帧处插入帧,在“图层3”的第35帧处插入“关键帧”,并将该帧的内容向右移动100个像素左右。
然后建立补间动画。
4选中“图层2”第一帧处的图片,将其像上移动3个像素。
然后选中“图层3”,单击鼠标右键,在弹出的菜单中选择“遮罩层”命令。
5按Ctrl+S保存文件。
【课堂讲解】
8.2.2创建和取消遮罩层
遮罩层是由普通图层转换而来的。
只要在某个图层上右击,在弹出的快捷键菜单中选择遮罩层命令,该层就会成为遮罩层。
取消遮罩层的方法一样,只要在某个图层上右击,在弹出的快捷键菜单中选择取消遮罩命令,该层就会成为普通层。
【实践与拓展】
根据本例介绍的方法,自行制作水中倒影。
案例3:
辉光文字效果
【案例欣赏】
【案例分忻】
一道白光迅速掠过一排文字,这是我们经常在广告和电视中看到的效果。
你想不想知道它们是怎么制作出来的呢?
其实很简单,利用前面学过的知识就可轻易地做出这个效果,下面,让我们动手试一试。
【操作演示】
1新建Flash文件, 创建“我要学做闪客”元件。
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“我要学做闪客”。
单击工具箱中的【文字工具】,在场景中输入“我要学做闪客”六个字,在【属性】面板中,设置文字参数如图所示。
②选中字体,执行【修改】|【分离】命令二次,把字体打散,再选择【颜料桶工具】,把字体中心填充成红色。
文字效果如图所示。
③创建“辉光”元件。
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“辉光”。
执行【窗口】|【设计面板】|【混色器】命令,打开【混色器】面板,设置【填充样式】为线性,将三个色标全部设置为白色,第一和第三个的【Alpha】值为零,中间的为74%(你可按需设置),设置完后,在场景中画一个无边矩形,大小为40×230,如图所示。
④创建动画。
单击时间轴右上角的【场景1】按钮,切换到主场景。
创建【底层文字】。
将【图层1】重新命名为【底层文字】。
从库里把“我要学做闪客”的元件拖到场景中,在第60帧处添加普通帧,这一层起显示文字的作用。
步骤2创建被遮罩层。
新建一个【辉光】图层,从库里把“辉光”元件拖到场景中,放在“我要学做闪客”元件实例的左边。
选择工具栏上的【任意变形工具】,单击【选项】中的【旋转与倾斜】按钮,将鼠标放在“辉光”元件实例的任意一个角,拖动鼠标旋转一定有角度,使“辉光”元件实例产生一定的倾斜度。
在第30、60帧处添加关键帧,在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边,在第1帧和第30帧处建立动作补间动画,如图所示。
⑤创建遮罩层。
新建一个【遮罩层】图层,复制【底层文字】层的第一帧中的元件实例,选择【遮罩层】的第1帧,执行【编辑】|【粘贴到当前位置】命令,用鼠标右键单击【遮罩层】,选择【遮罩层】,设置此层为遮罩层,这一层的作用是用字体做遮罩元素,用它来控制辉光在场景中出现的大小和位置。
最终时间轴如图所示:
6按Ctrl+S保存。
【课堂讲解】
6.2.3线条作遮罩,将线条转换为填充
在Flash中,不允许对线条做遮照操作,我们必须先把线转换为填充。
转换为填充的方法是在工具栏选择箭头工具框选F边框线,然后选择“修改”菜单形状子项下的“将线条转换成填充”命令。
【实践与拓展】
根据本例介绍的方法,自行制作百叶窗效果。
案例4:
滚动字幕
【案例欣赏】
【案例分析】
在Flash中图层与图层之间的关系不仅是上面图层挡住下面的图层,而且还是互相制约的,其中遮罩层与被遮罩层的关系就是这样的。
这里通过一个简单的例子“滚动字幕”,来加以说明。
本实例如图所示,一段优美的诗文从舞台的右侧缓缓进入,到达舞台合适位置时自动消失。
【操作演示】
1启动Flash,新建Flash文档,在时间轴上将图层1改名为“背景”。
2选择菜单栏“文件→导入→导入到舞台”命令,找到我们事先准备好的图片,将其导入到舞台。
3新建图层2,命名为“文字”。
选择工具栏中文字工具在舞台上单击输入文字,。
文字输入之后,单击工具栏中的选择图标,选中文字后把它移至舞台的右侧。
4在背景层第168帧处单击右键,插入帧。
在文字层第84帧单击右键,插入关键帧。
把舞台上的文字移到舞台中,移动文字的同时按住Shift键可以水平移动。
5选择文字层1-84帧之间任意一帧,单击右键创建补间动画。
在该层第168帧单击右键插入关键帧。
把文字继续向左移(要同时按住Shift键来拖移文字,注意和前一位置的关系,文字整体应在前一位置的左侧)在84-168帧之间任意一帧,单击右键创建补间动画。
6把文字层加锁,新建图层3,命名为“遮罩”层。
选择工具栏中矩形工具
,笔触色设为无,填充色任意色,在舞台上画一矩形,矩形的大小应和文字整体大小相同(不能小于文字整体,否则遮不住的),可以先在舞台右侧文字之上画矩形,然后把其移到舞台中。
7选择遮罩层,单击右键,选择遮罩层。
时间轴如图所示
8此时,动画基本完成。
保存并按下Ctrl+Enter键,测试动画效果!
小结:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第六章 遮罩层动画的制作 第六 遮罩层 动画 制作