Flash8遮罩动画实例红星闪闪.docx

Flash8遮罩动画实例红星闪闪.docx

《Flash8遮罩动画实例红星闪闪.docx》由会员分享，可在线阅读，更多相关《Flash8遮罩动画实例红星闪闪.docx（7页珍藏版）》请在冰点文库上搜索。

Flash8遮罩动画实例红星闪闪

Flash-8-遮罩动画实例—红星闪闪

Flash8遮罩动画实例——红星闪闪

图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

（2））。

图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中“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组合键，测试动画。

此时，你欣赏着自己亲手做的“闪闪红星”动画，心中再回想一下“遮罩”在动画中的作用，是否已经感受到“遮罩”这一功能的神奇？