学习FlashCS6，轻松制作璀璨星空动画

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

【摘要】：本案例利用“引导路径动画”技术制作了一个“璀璨星空”动画，通过本案例的学习，读者主要可以掌握引导动画的制作过程，引导路径的应用技巧。图5.1 “璀璨星空”动画的某一个画面1.设置“文档属性”启动Adobe Flash CS6后，新建一个文档，选择动作脚本为ActionScript 2.0。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“璀璨星空”。图5.9 “星星”元件最终效果图Step8 新建一个影片剪辑元件，命名为“星星闪”，进入元件编辑状态。返回“场景1”。

【案例概述】

本案例利用“引导路径动画”技术制作了一个“璀璨星空”动画，通过本案例的学习，读者主要可以掌握引导动画的制作过程，引导路径的应用技巧。部分效果如图5.1所示。

图5.1 “璀璨星空”动画的某一个画面

【实现过程】

1.设置“文档属性”

启动Adobe Flash CS6后，新建一个文档，选择动作脚本为ActionScript 2.0。设置文档大小为550×400像素，背景为黑色。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“璀璨星空”。

2.导入素材

把素材文件夹里的所有图片导入到文档的库中。

3.制作元件

Step1 新建一个图形元件，命名为“背景”，进入元件编辑状态，把库中的“夜晚.jpg”图片拖到舞台上，设置X和Y的值均为0，返回“场景1”。

Step2 新建一个图形元件，命名为“女孩”，进入元件编辑状态，把库中的“女孩.jpg”图片拖到舞台上，选中图片，按组合键【Ctrl+B】，将图片分离，然后利用魔术棒等工具将背景选中并删除，只保留女孩的图形，如图5.2所示。返回“场景1”。

Step3 新建一个图形元件，命名为“星星”，进入元件编辑状态，在舞台上绘制一个圆形，笔触颜色为无，填充颜色为放射性渐变，中心颜色为白色，Alpha值为100%，外圈颜色也为白色，Alpha值为0%。新建一个图层，然后在舞台上利用多角星形工具绘制一个三角形，利用“任意变形工具”将其变形，效果如图5.3所示。

图5.2 “女孩”元件最终效果图

图5.3 变形后的三角形

Step4 复制一个变形后的三角形，选中复制出来的三角形，执行“修改”→“变形”→“水平翻转”菜单命令，将翻转后的三角形拖动到第一个三角形左侧，让两者融合成一个菱形，如图5.4所示。

图5.4 菱形效果图

Step5 选中细长的菱形，打开“颜色”面板，修改“填充颜色”类型为“线性渐变”，在颜色条的中间位置上，单击鼠标左键，这样就会添加一个颜色块，分别单击两边的颜色块，设置颜色为白色（#FFFFFF），A：（Alpha）值为0%，再单击中间的颜色块，设置颜色为白色（#FFFFFF），A：（Alpha）值为100%，如图5.5所示。设置完成后的菱形效果，如图5.6所示。

图5.5 菱形填充颜色的设置

图5.6 菱形设置完颜色后的效果

Step6 选中菱形，打开“变形”面板，设置旋转角度为90。，然后单击“重制选区和变形”按钮，如图5.7所示，设置完后，舞台上的形状如图5.8所示。

图5.7 “变形”面板的设置

图5.8 旋转变形复制后的形状效果图

Step7 将“星星”元件两个图层里的形状分别放置于舞台的中央，效果如图5.9所示，然后回到“场景1”。

图5.9 “星星”元件最终效果图

Step8 新建一个影片剪辑元件，命名为“星星闪”，进入元件编辑状态。把“星星”元件拖到舞台上，通过属性面板设置“星星”元件实例的大小，将高度值和宽度值锁定在一起，设置宽度为30。然后在“图层1”的第10帧和第20帧处分别插入一个关键帧，然后将第10帧处的元件实例的宽度和高度均改为15，将第20帧处的元件实例的宽度和高度均改为25。选中“图层1”第1帧到第10帧之间的任意一帧，执行“插入”→“传统补间”菜单命令，使用同样的方法在第10帧到第20帧间创建“传统补间”动画。最后回到“场景1”。

Step9 新建一个图形元件，命名为“流星”，进入元件编辑状态，在舞台上绘制一个如图5.10所示的流星形状，填充颜色为线性渐变类型，左侧颜色为白色，Alpha值为100%，右侧颜色为白色，Alpha值为0%，制作完成后，返回“场景1”。(www.chuimin.cn)

图5.10 流星形状效果图

Step10 新建一个影片剪辑元件，命名为“流星闪”，进入元件编辑状态，把“流星”元件拖到舞台上，通过属性面板调整其大小和位置，使其X和Y的值均为0，宽度为142，高度为2.4，然后在“图层1”的第2帧处插入一个关键帧，选中第2帧舞台上的元件实例，改变其宽度和高度，使宽度为172，高度为2.45。新建一个图层，在“图层2”上放置一个“流星”元件实例，然后通过属性面板调整元件实例，使其X为-2.3，Y为0，宽度为154，高度为7.5，Alpha值为25%。然后拖动“图层2”到“图层1”的下方，回到“场景1”。

Step11 新建一个影片剪辑元件，命名为“流星飞过”，进入元件编辑状态，把“流星闪”元件拖到舞台上，修改位置，使其X和Y的值均为0，在“图层1”的第60帧处插入一个关键帧，修改该帧处元件实例的位置，使其X为-340。在“图层1”的第80帧处插入一个关键帧，修改该帧处元件实例的位置，使其X为-490。在“图层1”的第1帧到第60帧之间以及第60帧到第80帧之间分别创建传统补间动画。新建一个图层，在“图层2”的第80帧处插入一个关键帧，用鼠标右键单击该帧，在弹出的快捷菜单中选择“动作”命令，在“动作”窗口的命令窗格中输入“stop（）；”。返回“场景1”。

Step12 新建一个图形元件，命名为“文本1”，进入元件编辑状态，在舞台上输入文本“遥望着不眠的星空”，设置文本字体为黑体，大小为20点，返回“场景1”。

Step13 再创建4个图形元件，分别命名为“文本2”、“文本3”、“文本4”和“文本5”。这几个元件的内容分别为“流星为我种美梦”、“闭上双眼”、“默默许心愿”和“这一刻变成了永远”。其中字体均为黑体，大小都是20点。

图5.11 引导层里的路径效果图

Step14 新建一个影片剪辑元件，命名为“文本”，进入元件编辑状态，把“文本1”元件拖到舞台上，在“图层1”的第20帧出插入一个关键帧，用鼠标右键单击第1帧到第20帧之间的任意一帧，弹出的快捷菜单中选择“创建传统补间”。新建一个图层，在“图层2”的第20帧处插入一个关键帧，把“文本2”元件拖到舞台上，在“图层2”的第40帧出插入一个关键帧，在“图层2”的第20帧到第40帧之间创建传统补间动画。用同样的方法分别创建“图层3”、“图层4”和“图层5”，这几个图层里分别放置元件“文本3”、“文本4”和“文本5”，分别在“图层3”的第40帧到第60帧、“图层4”的第60帧到第80帧、“图层5”的第80帧到第100帧之间创建传统补间动画。用鼠标右键单击“图层5”的第100帧，在弹出的快捷菜单中选择“动作”命令，在“动作”窗口的命令窗格中输入“stop（）；”。

Step15 用鼠标右键单击“图层5”，在弹出的快捷菜单中选择“添加传统运动引导层”，则会在“图层5”的上方添加一个新图层“引导层：图层5”，在该图层上用铅笔工具绘制一条如图5.11所示的路径。

提示：在用铅笔工具绘制路径之前，先在工具箱的选项区，设置铅笔模式为“平滑”。笔触颜色任意，只要与黑色背景有反差即可。

Step16 依次拖动“图层4”、“图层3”、“图层2”、“图层1”到引导图层的范围内，如图5.12所示。