关闭

关闭

关闭

封号提示

内容

首页 4-4 Flash 8 遮罩动画详解及实例.doc

4-4 Flash 8 遮罩动画详解及实例.doc

4-4 Flash 8 遮罩动画详解及实例.doc

上传者: 眨巴眨巴 2012-07-19 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《4-4 Flash 8 遮罩动画详解及实例doc》,可适用于IT/计算机领域,主题内容包含在Flash的作品中我们常常看到很多眩目神奇的效果而其中不少就是用最简单的“遮罩”完成的如水波、万花筒、百页窗、放大镜、望远镜……等等。  那么“遮符等。

在Flash的作品中我们常常看到很多眩目神奇的效果而其中不少就是用最简单的“遮罩”完成的如水波、万花筒、百页窗、放大镜、望远镜……等等。  那么“遮罩”如何能产生这些效果呢?  在本节我们除了给大家介绍“遮罩”的基本知识还结合我们的实际经验介绍一些“遮罩”的应用技巧最后提供二个很实用的范例以加深对“遮罩”原理的理解。  在Flash中实现“遮罩”效果有二种做法一种是用补间动画的方法一种是用actions指令的方法在本节中我们只介绍第一种做法。.遮罩动画的概念  ()什么是遮罩  “遮罩”顾名思义就是遮挡住下面的对象。  在Flash中“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地在一个遮罩动画中“遮罩层”只有一个“被遮罩层”可以有任意个。  ()遮罩有什么用  在Flash动画中“遮罩”主要有种用途一个作用是用在整个场景或一个特定区域使场景外的对象或特定区域外的对象不可见另一个作用是用来遮罩住某一元件的一部分从而实现一些特殊的效果。.创建遮罩的方法  ()创建遮罩  在Flash中没有一个专门的按钮来创建遮罩层遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键在弹出菜单中把“遮罩”前打个勾该图层就会生成遮罩层“层图标”就会从普通层图标变为遮罩层图标系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为如果你想关联更多层被遮罩只要把这些层拖到被遮罩层下面就行了如图所示。图多层遮罩动画  ()构成遮罩和被遮罩层的元素  遮罩层中的图形对象在播放时是看不到的遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等但不能使用线条如果一定要用线条可以将线条转化为“填充”。  被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层可以使用按钮影片剪辑图形位图文字线条。  ()遮罩中可以使用的动画形式  可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段从而使遮罩动画变成一个可以施展无限想象力的创作空间。.应用遮罩时的技巧遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果)但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩但这种情况下只能有一个“被遮罩层”同时不能设置alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中遮罩层经常挡住下层的元件影响视线无法编辑可以按下遮罩层时间轴面板的显示图层轮廓按钮使之变成使遮罩层只显示边框形状在种情况下你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例:红星闪闪图红星闪闪  知识提要将线条转化为填充创建遮罩动画使用变形面板任意变形工具中“注册点”的应用学习使用橡皮工具中的“水笼头”工具和擦除线条  ()创建影片文档  、设置影片文档属性  执行【文件】|【新建】命令在弹出的面板中选择【常规】|【Flash文档】选项后点击【确定】按钮新建一个影片文档在【属性】面板上设置文件大小为*象素【背景色】为黑色。(在教程中我们为了更好的显示场景中的内容背景色设为了深蓝色)如图所示。图文档【属性】面板  ()创建元件  、创建“闪光线条”元件执行【插入】|【新建元件】命令新建一个图形元件名称为“闪光线条”。选择工具栏上的直线工具在场景中画一直线在【属性】面板上作如图设置。图闪光线条的【属性】面板参数设置  、创建“闪光线条组合”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“闪光线条组合”如图所示。图创建闪光线条元件  从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中在X轴上的位置为Y轴为。然后单击工具栏上的任意变形工具此时元件的中心会出现一个小白点它就是对象的“注册点”用鼠标左键按住它拖到场景的中心处松手。  图中的“”显示的是注册点在元件的中心时的情形“”显示的是注册点已拖到场景中心时的情形。图移动注册点到场景的中心  然后执行【窗口】|【设计面板】|【变形】命令打开变形面板选中【旋转】角度为度连续按下【复制并应用变形】按钮在场景中复制出的效果如图所示。图变形面板及复制好的元件  在时间轴的关键帧上点一下选中全部图形执行【修改】|【分散】命令把线条打散再执行【修改】|【形状】|【将线条转化为填充】命令将线条转变为形状。  、创建“闪光”元件  执行【插入】|【新建元件】命令新建一个影片剪辑名称为“闪光”如图所示。图创建“闪光”元件  单击【确定】后进行“新元件编辑窗口”接着把库里名为“闪光线条组合”的元件拖到场景中对齐中心点复制此元件在第帧处加关键帧再回到第帧中建立补间动作动画【属性】面板上设置顺时针旋转一周。  然后新建一层在第帧中执行【编辑】|【粘贴到当前位置】命令使二层中的“闪光线条组合”完全重合再执行【修改】|【变形】|【水平翻转】命令让复制过来的线条和第一层的线条方向相反在场景中形成交叉的图形。  在第帧处建立关键帧在第帧中建立动作补间动画【属性】面板上设置逆时针旋转一周最后将此层设为遮罩层如图所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。图“闪光”元件编辑界面  、创建“红星”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“红星”。我们要在这个元件中画一个漂亮的红星为了画好红星我们分九步来叙述具体的画法图中的“”的数字表示这九个步骤。图红星的九步画法  第一步按住shift键从场景中心向上画一根黄色的线条如图中的“”所示。  第二步选择工具箱中的任意变形工具,在画好的线条上点一下这里线条的中心出现一个白色的小园点我们叫它“注册点”。如图中的“”所示。  第三步鼠标左键按住这个小白点拖到线条的最下端这是因为我们要让线条要以下端为中心旋转复制。如图中“”所示。  第四步执行【窗口】|【设计面板】|【变形】打开变形面板各参数设置如图。  按下【复制并应用变形】按钮四次就会在场景中每隔度复制出一根线条五个线条的顶端构成五角星的五个顶点。如图中的“”所示。图变形面板  第五步用绿色线条分别连接五根线条的顶端五角星的模样已经出来了如图中“”所示。  第六步用白色线条分别连接五角星中心和上一步连线的中点如图中“”所示。  第七步选择工具栏上的橡皮工具在工具栏下面的选项中选择“水笼头”工具在多余的线段上点一下去除线段修整好的五角星如图中的“”所示。  第八步用油漆筒工具给五角星上色每个角的左右颜色可略有区别增加立体感如图中的“”所示。  第九步:再选择橡皮工具点开旁边的小三角在“擦除线条”前打勾如图所示。图擦除线条  用橡皮工具擦去红星上的线条一颗漂亮的红星就做成了如图中“”所示。  技巧:在Flash中还可以用更简单的方法画红星选择工具栏上的多角星形工具如图。图多角星形工具图多角星形工具选项设置面板  ()创建动画  回到主场景中把“闪光”元件拖入第二层新建二层第三层中拖入“红星”元件在场景的下方写下白色的“闪客启航电影制片厂”的文字完成后的时间帧面板及场景如图所示。图时间轴及场景  按CtrlEnter组合键测试动画。此时你欣赏着自己亲手做的“闪闪红星”动画心中再回想一下“遮罩”在动画中的作用是否已经感受到“遮罩”这一功能的神奇?

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/11
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部