《flashCS3课件07.ppt》由会员分享,可在线阅读,更多相关《flashCS3课件07.ppt(35页珍藏版)》请在三一办公上搜索。
1、第七章 多图层动画制作,重点知识 图层的作用及设置 运动引导层一般应用及技巧 遮罩层的作用及技巧场景的作用及镜头处理技巧,7.1 图层及设置,在Flash CS3的【时间轴】面板中,其图层可以看成透明胶片,它们相互叠加在一起,并由此形成了一定的遮挡关系。另外与文件夹类似,还设置了图层文件夹,以便将图层组织成易于管理的组。图层分为一般层、引导层、运动引导层、被引导层、遮罩层和被遮罩层,其作用各不相同。在【时间轴】面板中,用鼠标右键单击层名处,会打开一个快捷菜单,从中选择相应的命令,就可以对层进行设置。选择【修改】【时间轴】【图层属性】命令,也可以打开【图层属性】对话框进行图层设置。,要选择图层或
2、图层文件夹,可以采用如下方法。在图层名或图层文件夹名处单击。在图层中的任意帧处单击。在舞台上选择对应图层中的对象。按Ctrl键单击图层名,可以逐个选择多个图层;按Shift键单击两个图层名,其间的所有图层被选择。,创建新图层或文件夹,可以采用如下方法。在图层名或图层文件夹名处单击。在图层中的任意帧处单击。在舞台上选择对应图层中的对象。按Ctrl键单击图层名,可以逐个选择多个图层;按Shift键单击两个图层名,其间的所有图层被选择。,7.2 多层叠加动画,这一节制作的实例,主要涉及多层叠加动画制作中有关层设置处理的方法,以及一些实用的动画制作技巧,比如放射光芒、制作倒影等等。,例7-1 有礼相送
3、,创建如图所示的效果,金色礼盒不断放射出光芒,高贵神秘,两侧的文字从上、下两个方向飞入画面,洋溢出浓浓的喜庆气氛。,这一个实例还涉及了复制与粘贴动画这一Flash CS3的新增功能。使用这项功能可以复制补间动画,并将帧、补间和元件信息粘贴(或应用)到其它对象上。需要注意的是:复制动画时所选的帧必须位于同一层上,但它们的范围不必只限于一个补间动画,可选择一个补间、若干空白帧或者两个或更多补间。与此相关连的是另一新增功能,特殊粘贴动画。它可以有选择的将所复制动画的属性粘贴到新的动画对象。选择【编辑】/【时间轴】/【特殊粘贴动画】命令,可以打开相应的对话框。,7.3 运动引导层动画,Flash CS
4、3中有两个比较特殊的层,普通引导层和运动引导层,它们统称引导层。在引导层中,可以象其他层一样绘制各种图形,引入元件等等,但最终发布作品的时候,它们不会显示。普通引导层,主要为其他层提供辅助绘图和绘图定位的帮助。运动引导层,可以起到设置运动路径的导向作用,使与之相链接的被引导层中的对象沿此路径运动。在实际应用中,普通引导层的使用并不多,更多的是利用运动引导层产生特殊的动画效果。,7.3.1 运动引导层动画的制作,前面制作的补间动画,运动轨迹比较简单,采用设置关键帧的方法都能够完成。但在运动轨迹比较复杂的情况下,单纯依靠设置关键帧来实现,显然不太现实。而采用运动引导层,实现运动引导层动画,则能较好
5、地解决问题。,创建运动引导层和被引导层,可以采用下面的方法。在【时间轴】面板中直接单击按钮,在当前图层上增加一个运动引导层,当前图层变成被引导层。用鼠标右键单击图层名,在打开的快捷菜单中选择【添加引导层】命令,在当前图层上增加一个运动引导层,当前图层变成被引导层。选择某个图层,选择【修改】/【时间轴】/【图层属性】命令,打开【图层属性】对话框,选择【引导层】或【被引导层】。选择被引导层,单击按钮会在其上增加一个被引导层。选择某个图层,选择【插入】/【时间轴】/【运动引导层】命令,在当前图层上增加一个运动引导层,当前图层变成被引导层。,例7-2 蜻蜓寻荷,创建下图所示的效果,蜻蜓盘旋飞入画面,悄
6、然落在盛开的荷花上,虽不是小荷才露尖尖角,但仍有蜻蜓落上头。,7.3.2 运动引导层动画应用技巧,一个运动引导层可以链接多个被引导层,这样就可以实现多个动画对象沿同一条路径运动的效果。同时,一个运动引导层中还可以有多条曲线路径,以引导多个动画对象沿不同的路径运动。,例7-3 心灵的家园,创建下图所示的效果,芳草地上蝴蝶翩跹起舞,心灵家园几个字飘然落入,温暖安逸的感觉油然而生。,例7-4 仁和地产,创建下图所示的效果,其中外环文字不断地顺时针旋转,内环文字不断地逆时针旋转,“仁”和“和”两个大字不断地放大缩小,突出展现了仁和地产这一企业品牌。,7.4 遮罩层动画,对于遮罩,使用过Photosho
7、p和3DS MAX等软件的读者一定不会陌生,因为那是图像特殊处理的有利工具。通过遮罩,可以方便地确定哪一部分显示,哪一部分不显示。Flash 8同样提供了一种遮罩层,来决定被遮罩层中动画对象的显示情况。,7.4.1 制作遮罩层动画,在Flash CS3中,遮罩层中有动画对象存在的地方,都产生一个孔,使其链接的被遮罩层相应区域中的对象显示出来;而没有动画对象的地方,会产生一个罩子,遮住链接层相应区域中的对象。遮罩层中动画对象的制作,与一般层中基本一样,矢量色块、字符、元件以及外部导入的位图等等,都可以在遮罩层产生孔。对于遮罩层的理解,可以将它看作是一般层的反转,其中有对象存在的位置为透明,空白区
8、域则为不透明。遮罩层只能对与之相链接的层起作用。,用鼠标右键单击图层名,在打开的快捷菜单中选择【遮罩层】命令,所选图变成遮罩层,其下方的图层自动变成了被遮罩层,两个层都自动被锁定。选择某个图层,选择【修改】/【时间轴】/【图层属性】命令,打开【图层属性】对话框,选择【遮罩层】或【被遮罩层】。选择被遮罩层,单击按钮会在其上增加一个被遮罩层。,制作遮罩效果前,【时间轴】面板中起码要有两个图层,比如“图层1”和“图层 2”。设置遮罩层和被遮罩层,可以采用下面的方法。,例7-5 变色文字,创建下图所示的效果,蓝色文字上不断扫过绿色的亮线,形成常见的变色文字效果。,例7-6 过光文字,创建下图所示的效果
9、,蓝色文字上不断扫过黄色的光芒,由于光芒边缘具有虚化效果,因此更加真实。,7.4.2 遮罩层动画注意问题,用遮罩层动画可以制作许多特殊效果,但制作中应注意一个问题,就是并非所有的可显示对象都可以在遮罩层中产生孔,并使被遮罩层中的对象透出来,有一些例外情况。比如,绘制的矢量线条就不能在遮罩层中产生孔。从下面的例子中,读者就能发现这一点,并能学到相应的解决办法。,例7-7 闪闪的红星,创建下图所示的效果,红星闪闪不断放射出光芒,耀眼夺目。,7.5.3 遮罩层动画应用技巧,本节实例是灵活运用遮罩层动画的典范,其中涉及的技巧,在实际工作中经常用到。希望由此能够开启读者思路,创作出更加美妙的效果。,例7
10、-8 冰点饮品,创建下图所示的效果,饮料瓶子中液面在升高的过程中不断变化,文字随之逐渐显示,在翻腾的动感中透露出丝丝清爽。,例7-9 渐现与渐隐字幕,创建下图所示的效果,字幕在升入过程中逐渐显示,在升出过程中逐渐消失,虚实结合中呈现出一种轻柔舒缓的节奏。,7.5 时间轴特效,时间轴特效能够制作出许多特殊效果,但这些效果基本都能够采用常规做法实现,之所以采用时间轴特效是为了制作提高工作效率。选择对象,然后指定一种特效(如模糊、扩展和爆炸)并设置参数,就可以很容易制作出相应的动画效果。,在【插入】/【时间轴特效】命令下,有【变形/转换】、【帮助】和【效果】三个子命令,在这三个子命令的下一级,就是各
11、自具体的特效效果,总共有以下八种类型。,1.变形 调整选定元素的位置、缩放比例、旋转、Alpha 和色调。使用“变形”可应用单一特效或特效组合,从而产生淡入/淡出、放大/缩小以及左旋/右旋特效。,2.变形 使用淡化、涂抹或两种特效的组合向内擦除或向外擦除选定对象。,3.分散式直接复制 按设置的次数复制选定对象,第一个元素是原始对象的副本。对象将按一定增量发生改变,直至达到最终设置中输入的参数为止。,4.复制到网格 按列数复制选定对象,然后乘以行数,以便创建元素的网格。,5.分离 产生对象发生爆炸的错觉。文本或复杂对象组(元件、形状或视频片断)的元素裂开、自旋和向外弯曲。,6.展开 在一段时间内
12、放大、缩小或者放大后再缩小对象。此特效在选择多个对象,或者影片剪辑、图形元件中有两个或多个对象时,使用效果最好,在包含文本或字母的对象上使用也会取得较好效果。,7.投影 为选定的元素创建阴影,投影位置可以设置。,8.模糊 通过更改对象在一段时间内的Alpha值、位置或缩放比例来产生运动模糊特效。,7.6 场景的应用,场景一词,借鉴了影视制作中的术语,但在Flash CS3中其含义有了一定的变化。一般是将主要对象没有改变的一段动画制作成一个场景,这与影视作品中的一个镜头很相象。使用场景的好处,和模块化设计的优势一样,便于分工协作、便于修改。前面制作的实例,由于比较简单,所以都在一个场景中完成。而
13、对于复杂的制作,一定要养成分场景完成的习惯。选择【窗口】/【其他面板】/【场景】命令,会打开【场景】面板。从中选择哪个场景,就会进入这一场景的制作。增加场景可以使用【插入】/【场景】命令。在【场景】面板中,上下拖动所选择的场景可以调整排列顺序,最上面的将在作品中先播放。双击面板内的场景名,可以更名。,7.7 综合演练通盛地产广告,这是一个完整的地产广告,如图所示,从上到下依次是三个场景。第一个场景主要利用运动引导层动画;第二个场景主要利用遮罩层动画,其中百叶窗式图案的制作利用了时间轴特效;第三个场景主要利用多层补间动画来完成,相对简单。,场景与场景之间的变换,只提供了一种切换的方式,比较单调。为此在这个实例中,“场景1”与“场景2”的切换前后,设置了文字快速放大接着快速缩小的“遮挡”方式,“场景2”与“场景3”的切换前,设置了一种“闪白”方式。这两种转换技巧,在实际工作中是非常有用的,