7.8.1生日贺卡

7.8.1　生日贺卡

7.8.1.1　实例简介

本实例通过按钮对影片剪辑的控制，实现让文字消失与出现的效果，用鼠标单击每一朵小花，会出现相应的祝愿文字，再次单击，文字消失。这里的小花为按钮实例，文字为影片剪辑实例。动画的页面效果如图7-68所示。

图7-68　生日贺卡运行效果

7.8.1.2　知识要点

1．去掉位图背景。

2．动态按钮的制作。

3．在主场景中控制MC。

7.8.1.3　制作步骤

1．创建背景

（1）创建影片文档

新建一个影片文档，设置其大小为550×400，背景为粉红色。

（2）导入图像

执行“文件/导入/导入到舞台”命令，选择背景图片“背景.jpg”，导入到舞台上，设置图片的大小与舞台一样，为550×400，设置图片的X，Y坐标分别为0，使图片正好盖住舞台。

（3）去除图像的背底

选中图片，按“Ctrl+B”快捷键，将图片打散。

单击工具栏上的“套索工具”，在选项栏中单击“魔术棒属性”按钮，弹出“魔术棒设置”对话框，在“阈值”的文本框内输入10，选择“平滑”为“正常”。单击“魔术棒工具”，在图片的空白处单击一下，将白色区域选中，按键盘上的“Del”键，删除所选区域，锁定该层。

2．制作动态按钮

（1）创建“花朵”元件

新增一个影片剪辑元件，名为“花朵”，选中第1帧，单击圆形工具，画一个黄色的没有边框的椭圆。选中椭圆，复制，将其旋转90°。然后将两个椭圆叠放在一起。选中整个图形，单击旋转工具，将其旋转45°。完成后如图7-69所示。

对第11帧和第20帧中的花朵，可以设定自己喜欢的颜色，形成变色的花朵；在第10帧和第19帧处插入空白关键帧，形成花朵的闪烁效果。

（2）创建“旋转的花朵”元件

新增影片剪辑元件“旋转的花朵”。

打开“库”面板，拖入元件“花朵”，在第30帧处添加一个关键帧，选中第1帧，建立补间动画，在“属性”面板上设置“旋转”为“顺时针”，旋转次数为1周，如图7-70所示。

图7-69　重叠的花瓣

图7-70　创建“旋转的花朵”元件

（3）制作“花朵按钮”元件

新建按钮元件“花朵按钮”，选中“弹起”帧，从“库”面板中拖入影片剪辑元件“旋转的花朵”，选中“点击”帧，添加一个关键帧，选取“矩形工具”，绘制出按钮的热区。

3．制作文字元件

（1）创建“Z1”“Z2”“Z3”…“Z7”影片剪辑元件元件

新建影片剪辑元件“Z1”，选中第1帧，打开“动作面板”，设定帧动作为“stop（）；”，在第2帧处插入关键帧，设定帧动作为“stop（）；”。

选中第2帧，单击“文字工具”，设置文字属性，“字体”为华文行楷、“字号”为40，“颜色”为深红，输入“幸福”两个字，利用对齐面板，并使其与中心点对齐。

同样的方法制作“Z2”“Z3”…“Z7”影片剪辑元件。

（2）创建元件的动画效果

新建影片剪辑元件“快乐”，选择“文本工具”，在第1帧输入“快乐”两个字。在第10，20，30，45帧插入关键帧，将其改变颜色，选择1，10，20帧建立补间动画。

新建影片剪辑“Z8”，在第1帧设定帧动作为stop（）；第2帧插入关键帧，帧动作为stop（）；选中第2帧，打开库面板，拖出名为“快乐”的影片剪辑，放在场景中，并使其与中心点对齐。

4．布置主场景

回到主场景，新建一层，打开库面板，拖入数个“花朵”按钮，按自己喜欢的图案布置场景。本例中的布置如图7-71所示。

（1）命名实例名

图7-71　布置主场景

从库里拖出“Z1”影片剪辑元件，将其放在点击某一花朵按钮时你希望出现的地方。选择“z1”，当元件上显示有小小的十字花时，在其属性面板上为此实例命名为“z1”。

（2）输入动作命令

选中“Z1”旁边的“花朵”按钮，打开动作面板，输入如下语句：

on（release）{

_root.z1.play（）；

}

用同样的方法拖入“Z2，Z3，Z4…”。并一一给实例命名为“z2，z3，z4…”，并分别给按钮添加动作如下。

on（release）{

_root.z2.play（）；

}

on（release）{

_root.z3.play（）；

}

…………

5．导入声音

执行“文件/导入/导入到库”命令，选择“祝你生日快乐.mp3”，单击“确定”按钮。新建“图层3”，选择第1帧，单击属性面板上“声音”后的下拉三角，选择“祝你生日快乐.mp3”，“同步”方式为“事件”，如图7-72所示。

保存文件，观看动画效果。

图7-72　声音属性设置