制作新年好音乐动画教程

2023-11-17 理论教育版权反馈

【摘要】：本节是“新年好”音乐动画案例的制作。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“新年好”。图6.9 “新年好”声音属性的设置3.“背景”层的制作Step1 新建“图层2”重命名为“背景”。选择第22帧，使用“文本工具”输入“新年好呀”，设置文本的大小为25、隶书，摆放至舞台的下方。

【案例概述】

本节是“新年好”音乐动画案例的制作。本案例主要讲解在之前导入声音的基础上，如何根据音乐制作动画和歌词，并使动画和歌词同步。其部分效果图如图6.8所示。

图6.8 “新年好”部分效果图

【实现过程】

1.设置“文档属性”

启动Adobe Flash CS6后，新建一个文档，设置文档大小为550×400像素，背景为白色。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“新年好”。

2.插入声音

执行“文件”→“导入”→“导入到库”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的文件“新年好.mp3”导入到库。

将“图层1”重命名为“音乐”。选择第1帧，在声音属性面板中名称选择“新年好.mp3”，同步方式设置为“数据流”，如图6.9所示，将时间线拖动到第278帧处，单击鼠标右键选择“插入帧”。

图6.9 “新年好”声音属性的设置

3.“背景”层的制作

Step1 新建“图层2”重命名为“背景”。按【Enter】键，通过不断地播放音频文件，为每句歌词添加关键帧。分别在第22帧、第55帧、第88帧、第158帧、第194帧、第231帧、插入空白关键帧，然后在第278帧处插入帧。

Step2 选择第1帧，使用矩形工具绘制大小为550×400像素的矩形，删除边框，使用“颜料桶”工具进行径向渐变填充，中心颜色设置为“#F50019”，外部颜色设置为“#5B0006”，使用“对齐”工具，使其与舞台中心对齐。

Step3 选择第22帧，使用“钢笔”、“铅笔”等工具绘制出背景，使用“对齐”工具使其与舞台中心对齐，然后使用路径动画，制作出雪花飘落的效果，如图6.10所示。

图6.10 第22-54帧处的背景

Step4 选择第22帧右键选择“复制帧”，在第55帧处右键选择“复制帧”，将第22帧的内容复制到第55帧处。

Step5 同样将第22帧处的内容复制到第88帧。选择第88帧，执行“文件”→“导入”→“导入到舞台”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“圣诞树.png”、“铃铛.png”，将其放置在舞台的左下角。这里可以为“铃铛.png制作简单的旋转动画”，并转化为影片剪辑。

Step6 同样将第22帧处的内容复制到第158帧，并删除图片“圣诞树.png”。

Step7 将第22帧处的内容复制到第195帧。

Step8 选择第231帧，执行“文件”→“导入”→“导入到舞台”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“happy.jpg”，保持其大小纵横比，使其与舞台顶端对齐。

4.“动画”层的制作

新建“图层3”重命名为“动画”。(www.chuimin.cn)

Step1 选择第1帧，执行“文件”→“导入”→“导入到舞台”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹中图片“新年好.png”、“过大年.png”和“小孩.png”，并将其摆放至合适的位置，然后使用工具箱中的工具绘制出一个灯笼，并进行复制和缩放，如图6.11所示。然后为“女孩.png”设置简单动画，在第21帧处插入帧。

Step2 选择第22帧，使用工具箱中的工具绘制出一个女孩和雪人。因为要为女孩做动画，故在绘制女孩时，应该将女孩的头部、胳膊、身体、腿部等转换成单独的图形元件，然后为其设置动画，最后将其转换成影片剪辑，摆放至舞台的右下方，如图6.12所示。

雪人的制作亦是如此，先绘制出一个雪人，然后复制两个，分别为其设置动画和更改颜色，并将其转成影片剪辑，摆放至舞台的下方，如图6.12所示。之后在第87帧处插入帧。

图6.11 第1-21帧的动画

图6.12 第22～54帧的动画

Step3 选择第88帧，执行“文件”→“导入”→“导入到舞台”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“圣诞老人.png”，将其导入到舞台，放置舞台的右边，然后在第157帧处插入关键帧，并将“圣诞老人.png”移动到舞台的左边，右键单击中间的任意一帧，选择“传统补间动画”，动画效果截图如图6.13所示。

图6.13 第88～157帧动画截图

Step4 选择第158帧，执行“文件”→“导入”→“导入到舞台”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“铃铛.png”、“树叶.png”、“小鹿.png”、“小熊.png”、“雪花.png”、“礼物.png”，将其导入到舞台，放置舞台的上边（注意：最好是摆放的高度稍有落差），然后选择第230帧插入关键帧，用鼠标右键单击中间的任意一帧，选择“传统补间动画”，动画效果截图如图6.14所示。