Flash8遮罩动画详解及实例.docx
- 文档编号:1259294
- 上传时间:2022-10-19
- 格式:DOCX
- 页数:18
- 大小:687.90KB
Flash8遮罩动画详解及实例.docx
《Flash8遮罩动画详解及实例.docx》由会员分享,可在线阅读,更多相关《Flash8遮罩动画详解及实例.docx(18页珍藏版)》请在冰豆网上搜索。
Flash8遮罩动画详解及实例
Flash-8-遮罩动画详解及实例
Flash8遮罩动画详解及实例
在Flash8.0的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
那么,“遮罩”如何能产生这些效果呢?
在本节,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧,最后,提供二个很实用的范例,以加深对“遮罩”原理的理解。
在Flash8.0中实现“遮罩”效果有二种做法,一种是用补间动画的方法,一种是用actions指令的方法,在本节中,我们只介绍第一种做法。
1.遮罩动画的概念
(1)什么是遮罩
“遮罩”,顾名思义就是遮挡住下面的对象。
画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。
3.应用遮罩时的技巧遮罩层的基本原理是:
能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。
比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
可以用“AS”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_alpha属性。
不能用一个遮罩层试图遮蔽另一个遮罩层。
遮罩可以应用在gif动画上。
在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
在被遮罩层中不能放置动态文本。
实例:
红星闪闪
图3-5-2红星闪闪
知识提要
将线条转化为填充创建遮罩动画使用变形面板任意变形工具中“注册点”的应用学习使用橡皮工具中的“水笼头”工具和擦除线条
(1)创建影片文档
1、设置影片文档属性
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*400象素,【背景色】为黑色。
(在教程中,我们为了更好的显示场景中的内容,背景色设为了深蓝色),如图3-5-3所示。
图3-5-3文档【属性】面板
(2)创建元件
1、创建“闪光线条”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条”。
选择工具栏上的直线工具,在场景中画一直线,在【属性】面板上作如图3-5-5设置。
图3-5-5闪光线条的【属性】面板参数设置
2、创建“闪光线条组合”元件
执行【插入】|【新建元件】命令,新建一个图形元件,名称为“闪光线条组合”,如图3-5-6所示。
图3-5-6创建闪光线条元件
从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中,在X轴上的位置为-200,Y轴为20。
然后单击工具栏上的任意变形工具,此时元件的中心会出现一个小白点,它就是对象的“注册点”,用鼠标左键按住它,拖到场景的中心处松手。
图3-5-7中的“1”显示的是注册点在元件的中心时的情形,“2”显示的是注册点已拖到场景中心时的情形。
图3-5-7移动注册点到场景的中心
然后执行【窗口】|【设计面板】|【变形】命令,打开变形面板,选中【旋转】,角度为15度,连续按下【复制并应用变形】按钮,在场景中复制出的效果如图3-5-8所示。
图3-5-8变形面板及复制好的元件
在时间轴的关键帧上点一下,选中全部图形,执行【修改】|【分散】命令,把线条打散,再执行【修改】|【形状】|【将线条转化为填充】命令,将线条转变为形状。
3、创建“闪光”元件
执行【插入】|【新建元件】命令,新建一个影片剪辑,名称为“闪光”,如图3-5-9所示。
图3-5-9创建“闪光”元件
单击【确定】后进行“新元件编辑窗口”,接着把库里名为“闪光线条组合”的元件拖到场景中,对齐中心点,复制此元件,在第30帧处加关键帧,再回到第1帧中建立补间动作动画,【属性】面板上设置顺时针旋转一周。
然后新建一层,在第1帧中执行【编辑】|【粘贴到当前位置】命令,使二层中的“闪光线条组合”完全重合,再执行【修改】|【变形】|【水平翻转】命令,让复制过来的线条和第一层的线条方向相反,在场景中形成交叉的图形。
在第30帧处建立关键帧,在第1帧中建立动作补间动画,【属性】面板上设置逆时针旋转一周,最后将此层设为遮罩层,如图3-5-10所示。
图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。
图3-5-10“闪光”元件编辑界面
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”所示。
第七步,选择工具栏上的橡皮工具,在工具栏下面的选项中选择“水笼头”工具,在多余的线段上点一下,去除线段,修整好的五角星如图3-5-11中的“7”所示。
第八步,用油漆筒工具给五角星上色,每个角的左右颜色可略有区别,增加立体感,如图3-5-11中的“8”所示。
第九步:
再选择橡皮工具,点开旁边的小三角,在“擦除线条”前打勾,如图3-5-13所示。
图3-5-13擦除线条
用橡皮工具擦去红星上的线条,一颗漂亮的红星就做成了,如图3-2-11中“9”所示。
技巧:
在Flash8.0中,还可以用更简单的方法画红星,选择工具栏上的多角星形工具,如图3-5-14。
图3-5-14多角星形工具-
图3-5-15多角星形工具选项设置面板-
(3)创建动画
回到主场景中,把“闪光”元件拖入第二层,新建二层,第三层中拖入“红星”元件,在场景的下方写下白色的“闪客启航电影制片厂”的文字,完成后的时间帧面板及场景如图3-5-16所示。
图3-5-16时间轴及场景
按Ctrl+Enter组合键,测试动画。
此时,你欣赏着自己亲手做的“闪闪红星”动画,心中再回想一下“遮罩”在动画中的作用,是否已经感受到“遮罩”这一功能的神奇?
FLASH运动引导层的制作方法
软件版本:
FLASH8
主要操作:
添加引导层、选择工具、补间-动画。
在FLASH软件中,物体可以按照设计好的路线进行移动,实现这种移动的方法就是FLASH的运动引导层。
图1,使用椭圆工具在舞台中绘制一个“椭圆”,按下快捷键“Ctrl+G”组合图形。
图2,在时间轴上“图层1”左端,单击鼠标右键,在打开的快捷菜单中选择“添加引导层”命令。
图3,这时“图层1”上就增加了一个图层,使用“铅笔工具”在“引导层”中自由绘制一些线段。
图4,在“图层1”与“引导层”第30帧处按下键盘“F5”键,增加两个层的帧。
图5,使用“选择工具”,移动“椭圆”,将其中心点移动到引导层线段一端。
图6,在“图层1”中,第30帧处按下键盘“F6”键,增加关键帧。
图7,使用“选择工具”将“椭圆”移动到“引导层”线段另一端。
图8,单击“图层1”中任意一帧,在属性面板的“补间”下选择“动画”,到此动画就添加完毕了。
图9,引导层动画就制作完了,播放看看,果然“椭圆”可以随着引导层中复杂的路线在移动了。
在动画制作中,苍蝇、飞机等飞行物都可以通过这样的方法来制作。
Flash动画技巧之如何掌握引导层
问题:
作移动渐变动画的时候,使用了引导层。
但是我的元件为什么没有按照引导线去运动,而是从开始帧的位置直接移动到结束帧的位置?
解决思路:
引导层的作用是限制元件的移动轨迹。
如何来实现呢,我们必须把元件运动的开始帧放到引导线的一端,结束帧放到引导线的另一端,这样引导线才可以根据自身的形状来限制元件的移动。
出现上述问题的朋友很多,其实原因很简单,就是在放置元件的过程中没有与引导线粘合,导致无法之作出效果。
具体步骤:
1、运行Flash MX 2004,文档属性默认;
2、在第1帧中,单击工具栏中的圆形工具在舞台画一个正圆。
3、单击此圆,使其处于被选中状态。
按“F8”键打开【创建新元件】面板,命名为“正圆”,类型为图形元件。
4、新建一个运动引导图层。
如图2.1.8所示。
2.1.2-1.fla
注 意----在实现引导线效果的时候,一定要注意元件与引导线的粘合问题。
如果没有粘合,则元件就会按照开始帧和结束帧的位置直线运动。
提 示 ——◎我们可以单击工具栏里面的放大镜工具来放大场景,这样我们就更清楚地看到元件中的空圆心,对我们实现这个效果有极大的帮助。
◎ 运动引导线在动画发布的时候是看不到的,所以引导线的颜色大家可以随意设置,只要与场景中的主体颜色区分开就可以了。
◎ 如果没有吸附感,可以单击工具栏中的【选项】|【对齐对象】命令。
技 巧 ——当元件粘合在引导线上的时候,我们拖动元件就会有一些吸附的感觉,这就证明我们制作正确。
试一试 ——我们在做元件的引导线移动渐变动画的时候,属性面板中有一个“调整到路径”选项,大家不妨选择此选项,并把场景中的元件换成长方形,看看效果怎么样?
特别提示:
如果想限制一个远见的移动路线,引导线就是起到限制元件运动的作用。
我们把元件粘合在引导线的开始端和结束端,也就是把元件的运动限制在引导线的形状里面。
在引导线动画中还有一个设置,就是“调整到路径”。
我们建议大家试一试,我们也给出了这个效果的源文件,如果有不明白的地方可以参考。
专家指点:
在闪吧论坛的技术交流区,关于运动引导线的提问经常可以看到。
分析原因有两点:
第一点是朋友在制作的时候并没有仔细看元件的那个关键的空心圆;第二点是当第一次失败以后,产生厌烦情绪,认为这样简单的效果怎么会制作不出来。
其实运动引导线动画是一个十分简单的Flash技术应用。
只要你掌握了,实现一次成功的效果,那么你就会在以后制作中不会出现同样的问题的。
相关问题:
◎同一个运动引导层可否限制两个以上的图层中元件的移动路线?
一个运动引导层是可以限制两个不同图层的元件移动路线的。
因为运动引导层是制作参考工具,所以可以适用不同的元件。
但是大家要注意的是,这两个元件图层的状态要同属一个运动引导层,否则将无法实现效果。
如图
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash8 动画 详解 实例