Flash 好看的星光四射动画特效

时间：2016-01-03 02:30:38 阅读：162 评论：0 收藏：0 [点我收藏+]

本例思路：导入莲花素材，然后为其制作闪烁动画效果。绘制遮罩图形，然后利用图形之间的叠加原理制作出星光四射动画特效。

Part 1

制作莲花闪烁动画（1）新建一个大小为550×400像素，背景色为黑色，帧频为25fps的空白文档。将默认的“图层1”更名为“背景”，然后使用“矩形工具”绘制一个没有边框的矩形，打开“颜色”面板，设置类型为“放射状”，再设置第1个色标颜色为（R:1，G:47，B:152），第2个色标颜色为（R:2，G:2，B:100），第3个色标颜色为（R:0，G:0，B:0），填充效果如图4-1所示。
技术分享

图4-1制作背景（2）新建一个“莲花”图层，然后按Ctrl+R组合键导入本书配套光盘中的“Chapter04/素材/莲花.png”文件，如图4-2所示。

技术分享

图4-2导入素材（3）选中“莲花”图层中的莲花，然后按F8键将其转换为影片剪辑（名称为“莲花”），如图4-3所示。

技术分享

图4-3创建影片剪辑（4）选中影片剪辑“莲花”，然后为其添加“发光”滤镜，具体参数设置如图4-4所示。品质为“高”，并设置其发光颜色为：R:0，G:255，B:255），Alpha为100%，如图4-4所示。

技术分享

图4-4添加“发光”滤镜Webjx核心提示：本例将巧用遮罩层图形与被遮罩层图形之间的叠加原理来制作星光四射动画特效。（5）双击影片剪辑“莲花”的编辑区域，再按F8键将其转换为影片剪辑，然后在第40和75帧插入关键帧，选中第40帧，并在属性面板中做如图4-5所示的设置，最后创建出传统补间动画。

技术分享

图4-5添加莲花闪烁效果
Part 2

制作星光四射动画特效（1）在“莲花”图层的上一层新建一个“星光四射”图层，然后按Ctrl+F8组合键创建一个新影片剪辑，如图4-6所示。

技术分享

图4-6新建元件（2）使用“矩形工具”绘制一个没有边框的矩形，然后设置填充颜色为（R:0，G:255，B:255），并用设置好的颜色填充矩形，再用“选择工具”调整好其形状，如图4-7所示。

技术分享

图4-7调整矩形形状（3）使用“任意变形工具”选中图形，然后将变换中心点拖曳到舞台的中心点上，如图4-8所示。

技术分享

图4-8调整图形中心位置（4）使用“选择工具”选中调整好的图形，然后按Ctrl+T组合键打开“变形”面板，设置旋转角度值为30°，然后单击“重制选区和变形”按钮复制出11份图形，如图4-9所示。

技术分享

图4-9旋转复制图形（5）新建一个“图层2”，将“图层1”中的图形复制到“图层2”中，然后选择“图层2”中的图形，执行“修改/变形/水平翻转”菜单命令，再将原图形调整成白色，最后将“图层2”拖曳到“图层1”的下一层，如图4-10所示。

技术分享

图4-10水平翻转图形Webjx核心提示：本例将巧用遮罩层图形与被遮罩层图形之间的叠加原理来制作星光四射动画特效。（6）选中“图层2”的第1帧，按F8键将其转换为图形元件（名称为“转图图形”），再选中“图层1”和“图层2”的第195帧，按F5键插入帧，再选中“图层1”第195帧，然后按F6键将其转换为关键帧，最后将“图层2”转换为“图层1”的遮罩图层，如图4-11所示。

技术分享

图4-11添加关键帧（7）选中“图层2”的第1帧，再单击右键，并在弹出的菜单中选择“创建传统补间”命令，然后在属性面板中设置旋转为“逆时针”，如图4-12所示。

技术分享

图4-12创建传统补间动画（8）返回到“场景1”，选中“星光四射”图层中的“星光四射”影片剪辑，然后在属性面板中为其添加“发光”滤镜，具体参数设置如图如图4-13所示。

技术分享

图4-13添加“发光”滤镜 技巧提示：

如图4-13所示是星光的原理图。从左图中可以看出白色图形与青色图形交叉部分是一个菱形，将白色图形转换为遮罩层后，显示出来的就只剩下青色菱形，从而达到右图的菱形效果。

技术分享

图4-14星光原理图（9）新建一个“星光四射小”图层，然后将“星光四射”图层中的影片剪辑复制到该图层中，再使用“任意变形工具”将其缩小到如图4-15所示的大小。

技术分享

图4-15 复制元件（10）在“星光四射小”图层小的上一层新建一个“蓝色星光四射”图层，然后将“星光四射小”图层中的“星光四射”元件复制到“蓝色星光四射”图层中，再选中该图层中的“星光四射”元件，并在属性面板中设置其色调为（R:255，G:204，B:0），最后使用“任意变形工具”将其旋转到如图4-116所示的角度。

技术分享

图4-116调整颜色并选择图形（11）选中“蓝色星光四射”图层中的影片剪辑，然后在属性面板中为其添加“模糊”滤镜，具体参数设置如图4-17所示。

技术分享

图4-17添加“模糊”滤镜（12）按Ctrl+Enter组合键发布动画。

>>出自《Flash CS4动画设计与制作208例》(转载请保留出处)

Flash 好看的星光四射动画特效

原文：http://www.jb51.net/flash/example/22200.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)