· 用户注册 · 设为首页 · 加入收藏 · 联系站长 · · ·
 | 网站首页 | 文章中心 | 图片中心 | 影音在线 | 下载中心 | 许愿祝福 | 我要投稿 | 
您现在的位置: 生物小吧 >> 文章中心 >> 网站建设 >> 正文 今天是:
第8课 遮罩动画
作者:佚名    文章来源:不详    点击数:1086    更新时间:2010/6/3
         【字体:

第8课 遮罩动画

        素材和源文件素材和源文件下载

  Flash的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
   那么,“遮罩”如何能产生这些效果呢?
   在本课,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧。

学习目的

u       字体的二次打散
u       将字体转为形状
u      
创建遮罩动画

课前热身

“嗖”,伴着这声音,一道白光迅速掠过一排文字,这是我们经常在广告和电视中看到的效果。

本例运行效果

你想不想知道它们是怎么制作出来的呢?其实很简单,利用前面学过的知识就可轻易地做出这个效果,下面,让我们动手试一试。

  (1)创建影片文档
   执行【文件】|【新建】命令,在弹出的对话框中选择【常规】|Flash文档】选项后,单击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为550×400像素,【背景色】为黑色(在教程中,我们为了更好地显示场景中的内容,背景色设为了深绿色),如图3-5-19所示。

3-5-19 文档属性

  (2)创建元件
  步骤
1 创建“我要学做闪客”元件
    执行【插入】|【新建元件】命令,新建一个图形元件,名称为“我要学做闪客”。单击工具箱中的【文字工具】,在场景中输入“我要学做闪客”六个字,在【属性】面板中,设置文字参数如图3-5-20所示。

3-5-20 “我要学做闪客”文字

选中字体,执行【修改】|【分离】命令二次,把字体打散,再选择【颜料桶工具】,把字体中心填充成红色。各个步骤的文字效果如图3-5-21所示。

 

3-5-21 文字效果

 步骤2 创建“辉光”元件
   执行【插入】
|【新建元件】命令,新建一个图形元件,名称为“辉光”。执行【窗口】|【设计面板】|【混色器】命令,打开【混色器】面板,设置【填充样式】为线性,将三个色标全部设置为白色,第一和第三个的【Alpha】值为零,中间的为74%(你可按需设置),设置完后,在场景中画一个无边矩形,大小为40×230,如图3-5-22所示。

3-5-22 【混色器】面板和图形

  (4)创建动画
   单击时间轴右上角的【场景1】按钮,切换到主场景。

   本例的主场景1中共有四个图层,我们从下向上一层一层的做,可参看图3-5-25所示。

  步骤1 创建【底层文字】层
    将【图层1】重新命名为【底层文字】。

    从库里把“我要学做闪客”的元件拖到场景中,在第60帧处添加普通帧,这一层起显示文字的作用。
    

 步骤2 创建被遮罩层
    新建一个【辉光】图层,从库里把“辉光”元件拖到场景中,放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】,单击【选项】中的【旋转与倾斜】按钮,将鼠标放在“辉光”元件实例的任意一个角,拖动鼠标旋转一定有角度,使“辉光”元件实例产生一定的倾斜度。在第3060帧处添加关键帧,在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边,在第1帧和第30帧处建立动作补间动画,如图3-5-23所示。

3-5-23 “辉光”元件在场景中的位置

 步骤3 创建遮罩层
    新建一个【遮罩层】图层,复制【底层文字】层的第一帧中的元件实例,选择【遮罩层】的第1帧,执行【编辑】|【粘贴到当前位置】命令,用鼠标右键单击【遮罩层】,选择【遮罩层】,设置此层为遮罩层,这一层的作用是用字体做遮罩元素,用它来控制辉光在场景中出现的大小和位置。
     

 步骤4 导入音乐和设置声音
    执行【文件】
|【导入】|【导入到库】命令,将名为“sound2.mp3”的音乐文件导入到库中。
    新增一个【声音层】图层,在第130帧处添加关键帧,在【属性】面板上设置声音选项,如图3-5-24所示。

3-5-24 声音设置

至此,我们就已经创建好了“我要学做闪客”这个动画,时间轴面板如图3-5-25所示。

3-5-25 时间轴面板上的图层

说明:为了增强动画实例效果,实例中加入了一些声音效果,关于将声音导入Flash及应用声音的详细方法,请你参考第12课的相关内容。

课堂讲解

下面系统讲解遮照动画的有关知识。

1.遮罩动画的概念

 (1)什么是遮罩
  
遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。

 (2)遮罩有什么用
  
Flash动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。

2.创建遮罩的方法

  (1)创建遮罩
  
Flash中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。

3-5-1 多层遮罩动画

  (2)构成遮罩和被遮罩层的元素
   遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。

   被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。

   (
3)遮罩中可以使用的动画形式

   可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。

3.应用遮罩时的技巧

l         遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
l         要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
l        
可以用“Actions”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_Alpha属性。
l        
不能用一个遮罩层试图遮蔽另一个遮罩层。
l        
遮罩可以应用在gif动画上。
l        
在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
l        
在被遮罩层中不能放置动态文本。

或许你读了上面的描述,还有点模糊,那么,通过一些范例,相信你会感受到遮罩动画的神奇!

课后练习

水波遮罩:

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    生物小吧