FLASH CS3片头动画.docx

FLASH CS3片头动画.docx

《FLASH CS3片头动画.docx》由会员分享，可在线阅读，更多相关《FLASH CS3片头动画.docx（11页珍藏版）》请在冰点文库上搜索。

FLASHCS3片头动画

FLASHCS3片头动画

片头是指放在电影前的一场戏，旨在引导观众对以后故事的兴趣，所以片头中的动画效果跳越性强，但是不同画面之间又包含一定的过渡效果。

如图11-12所示，为片头动画的部分效果展示。

由于该动画中的元素较多，为了清晰地编辑片头中的每个元素的动画，这里创建了图层组来管理图层。

图11-12片头动画效果

静物动画制作

在该片头动画中，主要包括两个动画场景。

这里以两个场景中的动画为分界，来介绍整个片头动画。

（1）在新建的720×576像素的舞台中绘制黑色镂空矩形后，将素材图片和音频文件导入到【库】面板中，如图11-13所示。

图11-13将素材导入到【库】

（2）绘制【矩形边角半径】为10像素的黑色圆角矩形后，将其转换为图形元件“圆角矩形”，确定场景中的实例属性如图11-14所示。

图11-14设置元件“圆角矩形”

由于要创建元件的补间动画，所以需要将图形元件创建在新建图层中。

而镂空矩形是用来遮盖动画中所有的元素，所以所有元素所在图层必须建立在该图层下方。

（3）在第8帧处插入关键帧后，设置第1帧中实例的属性，并且在两个关键帧之间创建补间动画，如图11-15所示。

图11-15创建补间动画

（4）新建图层“蓝色矩形”，并且在第3帧处插入空白关键帧。

绘制蓝色渐变矩形后，转换为图形元件“蓝色矩形”，并且设置实例属性如图11-15所示。

图11-16创建蓝色矩形

（5）在第9帧插入关键帧后，设置第1帧中的实例属性如图11-17所示，并且在两个关键帧之间创建补间动画。

图11-17创建补间动画

（6）在新建图层“三角”中绘制白色变形三角图形后，按F6插入关键帧，并且向右移动该图形。

使用相同方法创建第3帧中的效果，如图11-18所示。

图11-18制作逐帧动画

（7）创建不同的图形元件“白云1”、“白云2”、“彩虹”与“花纹理”后，新建3个不同图层，并且在第8帧处插入空白关键帧后，创建前三者的补间动画，如图11-19所示。

图11-19创建白云和彩虹动画

（8）新建图层“花纹理”并且在第17帧处插入空白关键帧后，创建元件“花纹理”由下向上移动动画，如图11-20所示。

图11-20创建花纹理移动动画

（9）在新建图层“音乐符号”第24帧处插入空白关键帧后，每间隔2帧绘制不同的音符图形，形成逐帧动画，如图11-21所示。

图11-21制作音符逐帧动画

（10）在新建图层“矩形遮罩”第8帧处插入空白关键帧后，原位置复制实例“蓝色矩形”。

然后创建遮罩图层，效果如图11-22所示。

图11-22创建遮罩图层

（11）在所有图层下方新建图层“圆01”，在第23帧处插入空白关键帧。

绘制如图11-23所示的渐变正圆图形，并且转换为图形元件“圆”。

图11-23创建渐变正圆

（12）在“矩形遮罩”图层上方新建“文件夹1”，并且更改名称为“静物动画”。

然后将最上方与最下方除外的所有图层放置在文件夹中，如图11-24所示。

图11-24整理图层

（13）将“圆01”图层放置在新建文件夹中后，新建不同的图层，创建圆形逐渐显示动画，如图11-25所示。

图11-25制作圆形背景显示动画

在制作过程中，除了要注意圆形的上下位置关系外，还需要注意圆形渐变颜色的变化。

这里是通过设置实例【颜色样式】中的【高级】选项，来实现颜色变化的。

（14）与“静物动画”文件夹中的动画帧对齐后，在“圆01”至“圆17”图层中的第44帧处插入空白关键帧，重新摆放圆形位置，如图11-26所示，为下一个场景中的动画做准备。

图11-26制作圆形背景

人物动画制作

该动画的第二个场景与第一个场景中的背景完全不同，所以为了使两个场景中的动画衔接自然，这里在制作第二个场景动画之前，添加了背景过渡动画。

（1）按快捷键Ctrl＋F8创建影片剪辑元件“五角星动画”后，绘制五角星图形并且转换为图形元件“五角星”。

然后创建顺时针旋转动画，如图11-27所示。

图11-27创建五角星旋转动画

（2）返回场景后，在文件夹“圆形图案”上方新建文件夹“背景过渡”，并且在其中创建不同图层。

在第43帧处插入空白关键帧后，放置元件“五角星动画”，并且绘制如图11-28所示“背景”元件。

图11-28制作第二个场景背景

（3）分别在第50帧处插入关键帧后，同时移动实例至舞台左上角位置，然后创建补间动画，如图11-29所示。

图11-29创建背景过渡动画

在制作过程中，为了确定背景图形在舞台中的位置，可以临时隐藏“黑色屏幕”图层。

（4）将导入的素材图片分别转换为图形元件后，根据虚化的图片创建图形元件，并且在其中绘制清晰的图形，如图11-30所示。

图11-30创建人物剪影元件

元件“人物3B”中的图形与元件“人物3A”中，只是扇子位置有所不同。

（5）在“黑色屏幕”下方新建图层“人物1”，并且在第45帧处插入空白关键帧。

在不同的关键帧中拖入有关人物1的元件，形成逐帧动画，如图11-31所示。

图11-31制作人物1相关动画

（6）在该图层下方新建不同图层，制作人物1虚化图像与音乐符号背景动画，如图11-32所示。

图11-32制作搭配人物1的元素动画

（7）使用相同方法制作人物2与人物3相关动画，动画帧与效果如图11-33所示。

图11-33制作人物2与人物3动画

（8）分别在新建的两个图层中制作人物4虚化动画，以及人物4效果。

完成后在上方新建图层中绘制白色丝带，如图11-34所示。

绘制白色丝带时，需要在丝带与人物上方衔接位置绘制黑色，作为丝带把手部分。

图11-34制作人物4动画

（9）新建图层“丝带遮罩”，并且在不同关键帧中使用【刷子工具】

涂抹在白色丝带上方。

然后创建遮罩层即可，如图11-35所示。

图11-35制作丝带显示动画

（10）在所有图层最上方新建图层“背景音乐”，并且将【库】面板中的音频文件拖入舞台中，即可为整个动画添加背景音乐，如图11-36所示。

至此动画制作完成。

图11-36添加背景音乐

在测试影片时，如果发现某些动画过渡不自然，那么可以返回文档中，将逐帧动画更改为补间动画。

这里将人物1消失的逐帧动画更改为补间动画，使其过渡更加流畅。