春雨(梦)的空间www.117167.cn [http://1171630467.qzone.qq.com]

FlashCS3实例～三种闪闪红星的制作方法

村  夫

2009年9月26日

    方法一：非遮罩制作方法

制作闪光元件

    1、启动FlashCS3软件，场景背景色为黑色，其他默认。

2、执行“插入→新建元件”命令，做如图1所示设置：

                          图 1

3、使用椭圆工具，禁用笔触色，打开窗口中的颜色面板，填充色为放射状，可设置您喜欢的颜色，参考色如图2所示：                                         图 2

4、绘制宽、高为50×3的椭圆，对齐方式为左对齐和垂直中齐，如图3所示：

图 3

5、将该图形转换为图形元件，注册点为左中，如图4所示：

                     图 4

6、在“闪光”元件编辑区，第10帧插入关键帧，将元件水平向右移动若干距离（如横坐标值为360处），选中第1帧的元件，打开窗口中的变形面板，约束打勾，将宽、高值等比例缩至10%，创建第1帧到第10帧的补间动画。

7、插入5个新图层，选中图层1，将第1帧至第10帧复制、粘贴到如图5所示状：

                      图 5

8、插入图层7，30帧处插入空白关键帧，动作面板中输入如下语句：

gotoAndPlay(17);

9、依次选中各个图层起始帧和结束帧的元件，在属性面板中，选择色调，更改为您喜欢的颜色。

10、执行“插入→新建元件”命令，做如图6所示设置：

                    图 6

11、在“组合”元件编辑区，从库中拖出“闪光”元件，并复制出一个，水平的放在另一端，如图7所示：              图 7

12、执行“插入→新建元件”命令，做如图8所示设置：

                   图 8

13、在其编辑区，从库中拖出“组合”元件，对齐方式为垂直中齐，左端离舞台中心稍有些距离，用任意变形工具将其选中，将变形点右移至舞台中心处，如图9所示：

     图 9

14、打开窗口中的变形面板，将约束打勾，旋转度为10度，不断的点选复制并应用变形按钮，直至旋转度为-10度止，如图10、11所示：

 

 

 

 

           图 10                           图 11

15、点选按钮，回到主场景，第1帧处从库中拖出“旋转复制”元件，全居中；打开窗口中的变形面板，约束打勾，将宽高比例缩至54%，旋转度为30度，点选三次复制并应用变形按钮，如图12所示：

        图 12

制作红五星元件

16、插入图层2，选择多角星形工具，禁用填充色，笔触色任意，属性中点选“选项”按钮，在弹出的对话框中做如图13所示设置：

         图 13

17、按住shift键，拖出一个倒五角星，执行“修改→变形”命令，选择“垂直翻转”，得到正五角星，并全居中，如图14所示：

 

                                                     图 14

18、将该图形转换为图形元件，双击该元件，在起编辑区，用线条工具，勾勒出如图15所示状：

                图 15

19、颜色面板中填充色选用红色，用颜料桶工具，填充至如图16所示状：

                图 16

20、将颜色调暗些，填充另一半，并将线条删除，如图17所示：

 

                图 17

21、回到主场景，将五角星调整好位置，测试，存盘。

 

方法二：用遮罩制作闪光

1、场景设置同方法一。

2、执行“插入→新建元件”命令，做如图1所示设置：

                     图 1

3、选择线条工具，属性中将笔触高度修改为2，笔触色为多彩色，绘制宽为240像素的线条，对齐面板中左对齐和垂直中齐，如图2所示：

             图 2

4、执行“插入→新建元件”命令，做如图3所示设置：

                     图 3

5、从库中拖出图形元件“线条”，置于如图4所示位置，用任意变形工具将其选中，并将变形点移至舞台中心处（+字处）：

               图 4

6、打开变形面板，将旋转度设置为10，如图6所示，并一直点选“复制并应用变形”按钮至旋转度为-10度时止：

           图 4

7、复制后得到如图5所示状：

 

图 5

 

8、选中该图，执行“修改→形状→将线条转换为填充”命令，如图6所示：

                           图 6

9、执行“插入→新建元件”命令，做如图8所示设置：

                     图 8

9、在闪光影片剪辑编辑区，图层1的第1帧处从库中拖出图形元件“复制线条”，应用对齐面板中的水平中齐和垂直中齐。插入图层2，将图层1的元件复制粘贴到图层2的第1帧，并做水平翻转，如图9所示：

 

                                           图 9

10、两个图层均在40帧处插入关键帧，并在属性中做补间动画，图层1选择逆时针旋转，图层2选择顺时针旋转，右键图层2，选择“遮罩层”。这样做可得到光芒由里向外射出状，反之，则是光芒由外向里聚拢。

11、回到主场景，图层1从库中拖出“闪光”影片剪辑元件，全居中，插入图层2，从库中拖出制作好的五星图形元件，并调整好位置。

测试、存盘。

 

方法三：用AS中的duplicateMovieClip函数制作光芒效果

1、场景设置同前。

2、执行“插入→创建新元件”命令，做如图1所示设置：

                        

 

图 1

3、在图形元件编辑区，选择椭圆工具，填充颜色为放射状，绘制宽、高为30×2的椭圆，颜色设置如图2所示：

                                                       图 2

4、做如图3所示设置，创建影片剪辑元件：

                     图 3

5、在该元件编辑区，拖出库中的图形元件“光芒元素”，对齐面板中左对齐和垂直中齐，如图4所示：

   图 4

6、第10帧插入关键帧，选中元件，属性中将其x值设置为300，第1帧处属性中宽、高锁定前提下，修改宽为1，创建第1帧到第10帧的补间动画。

7、创建新元件，做如图5所示设置：

                     图 5

8、在该编辑区，从库中拖出影片剪辑元件“飞出的光”，对齐面板中选择左对齐和垂直中齐。

9、新插入7个图层，并将图层1的元件分别复制粘贴到如图6所示各个图层的各个帧，并将图层7以下各个图层都延长到21帧：

                                     图 6

10、选中图层8的第21帧，动作面板中输入如下语句：

gotoAndPlay(13);

11、新建元件，设置如图8所示：

                     图 8

12、在其编辑区，从库中拖处影片剪辑元件“连续光”，属性面板中为其取实例名“light”,并在第3帧插入帧。

13、插入图层2，分别在第2、3帧插入空白关键帧。并在各个帧分别输入如下语句：

帧1：light._visible = 0;

light = "light";

i = 1;

    帧2：while (i<=60) {

                duplicateMovieClip(light, light+i, i);

                setProperty(light+i, _rotation, i*6);

                i++;

}

   帧3：gotoAndPlay(2);

 

14、回到主场景，从库中拖出影片剪辑元件“复制”，全居中。

15、插入新图层，拖出制作好的五星图形元件。

OK！测试、存盘。