第十九讲：混合模式应用范例1――动画片头

4．制作背景元件

（1）由于混合模式是基于下层色彩而变化的，所以下层图形的色彩至关重要，它的变化会使应用混合模式的图形生成不同的色彩、明度。所在设计背景元件时，我们使它进行不同颜色间的变化。

新建一个图形元件，名称为“背景”。使用“矩形工具”画一个与影片舞台尺寸相同的矩形。

（2）在第8帧、16帧、24帧、32帧、42帧、55帧处各插入关键帧。从第一帧开始，在各关键帧处依次填充纯色：#CC99FF、#00CCFF、#FF99FF、#33CC99、 #666666、#FFCC33、#FFFFFF，并设置补间类型为“形状”。图层结构如图7-50所示。

图7-50 图层结构

（3）为了加强效果，我们在背景图形上再加一层半透明的网格。新建一个图层，将“库”面板中的“网格”元件拖入舞台中放好，在“属性”面板中设置颜色Alpha值为20%，并在第55帧处插入帧。如图7-53所示。

图7-53 “背景”元件

5．组装动画

（1）回到“场景1”中。将“图层1”改名为“图片”，将“图片”元件拖放到舞台上。图片本身比较大，而我们只打算显示其头部大特写，所以图片摆放的位置需要特别注意。但是现在图片已经将整个舞台完全覆盖，怎样才能知道图片的位置是否恰当呢？最简便的方法就是我们马上就要学习到的混合模式。

选中“图片”元件，打开“属性”面板，在其中的“混合”下拉列表中选择“色彩增殖”，由于舞台是白色的，舞台以外是灰色的，使用“色彩增殖”后，图片在舞台上的部分没有任何变化，而舞台外的部分颜色却变暗了，这样你就能根据你的需要调整图片的位置了。如图7-54所示。

图7-54 使用“色彩增殖”后的舞台效果

（2）接下来设置“图片”不同的混合模式。在第1帧、第25帧、第32帧、第56帧、第66帧、第78帧处各插入关键帧，并在各帧之间定义补间动画。打开“属性”面板，设置第1帧的混合模式为“一般”，以下依次是：增加、叠加、叠加、色彩增殖、色彩增殖，以后部分不需要变化，在第130帧处插入帧。图层结构如图7-55所示。

图7-55 图层结构

（3）新建一个图层，改名为“背景”。在第25帧前不需要图片发生什么变化，所以我们在第25帧里才插入空白关键帧。将“背景”元件从“库”面板中拖放到舞台上。在第78帧和90帧处各插入关键帧，并设置补间动画。在第90帧处选择“背景”元件，打开“属性”面板，将颜色的Alpha值设为0%。设置这一段逐渐透明的动画是为了实现网格渐渐隐去的效果。图层结构如图7-56所示。

图7-56 图层结构

（4）新建一个图层，改名为“横竖图片”。隐藏其它图层，将“横图片”元件从“库”面板中放入舞台下方。如图7-57所示。

图7-57 放置“横图片”元件

在第60帧处插入关键帧，将“横图片”元件删除，放入“竖图片”元件。如图7-58所示。

图7-58 放置“竖图片”元件

6．完善动画

（1）为使动画更漂亮，在后半部分我们为图片加上一个透明边框。先来制作“边框”元件。新建一个影片剪辑元件，取名“边框”。在这个元件的编辑场景中，用【矩形工具】画一个宽555像素，高405像素的白色矩形，在上方和下方各加两条直线，如图7-59所示。

图7-59 绘制白色矩形

（2）分别填充灰色、浅灰色，如图7-60所示。

图7-60 填充颜色

（3）回到“场景1”。在“图片”层上插入图层，改名为“边框”，在第65帧处插入空白关键帧，将“边框”元件从“库”面板中拖放到舞台外边靠近舞台处。

（4）打开“属性”面板，在其中的“混合”下拉列表中选择“色彩增殖”。在第90帧处插入关键帧，将“边框”元件平行移至舞台上完全显现，并在第65帧与第90帧间定义补间动画。最后在第130帧处插入帧。如图7-61所示。

图7-61 透明边框效果

至此，一个漂亮的片头效果就做好了。