2.2.3 闪亮的圆环
在很多与画面相关的特效中，有一些与圆形有关的特效，它们的制作也有一些特定的方法。比如圆环段的制作。下面就介绍在第7章“傲龙”loading效果中的闪亮圆环效果的制作。
先按Ctrl+F8创建一个新的动画片断。用画圆工具
画一个正圆。
这个圆的边线用hairline方式，也就是不占用宽度，中间填充任意色均可，后面的线全用这种线型，如图2-11所示。
由于在Flash MX中没有直接设置中心点坐标的方法，因此为了便于后面的操作，要想办法把这个圆放在画面的中心位置。
图2-11
按Ctrl+A选中这个圆，然后Ctrl+X剪切它，打开右上角的显示比例，选中第一项Show frame，如图2-12所示，这样画面就靠中心对齐了。然后按Ctrl+V把刚才这个圆粘贴回来，这样就将它准确地放在画面的中心位置了。
图2-12
选中圆的外边框，把它复制过来，并适当缩小，然后放到圆的中心，形成一个同心圆的样子。注意两个圆的圆心要重合，如图2-13所示。
图2-13
此时圆就切割成环形，选中心部分，删除它，然后用画线工具
画一条水平直线穿过圆心。结果如图2-14所示。
一定要准确地穿过圆心。为了保险起见，建议也采用上面的先剪切，后粘贴的方法来放置。
图2-14
把外边多余的线删除，然后再画一条水平直线，通过菜单命令Modify->Transform->Scale and Rotation，将其旋转一定的角度，比如想分成10段就是360°/10=36°，如果是15段就是24°，如图2-15所示。
图2-15
再把这个直线摆放到画面的中心位置，结果如图2-16所示。
图2-16
可以看出，这里的圆环又被切割成四个部分了。选择其中一个小部分，按Ctrl+X剪切它，然后再按Ctrl+A把其他不用的内容全部删除，最后再按Ctrl+Shift+V把这一小断圆弧放在与刚才一模一样的位置，以保持其与圆心点的关系。结果如图2-17所示。
图2-17
有了这个特定位置的小圆弧，我们就可以让它自动围中心位置旋转了。把这个圆环引入到场景中，将之命名为huan，如图2-18所示。
图2-18
为了让它形成一个完整的圆环，要用程序复制十份出来，以便于控制效果，程序代码如下：
for (i=1; i<=10; i++) {
rat_beg += 36;
duplicateMovieClip ("huan", "huan_"+i, i);
_root["huan_"+i]._rotation = rat_beg;
//设置它的圆心坐标
_root["huan_"+i]._x = 150;
_root["huan_"+i]._y = 150;
}
huan._visable = false;
运行的结果如图2-19所示，根本看不出来是由十个圆环段组成的。
图2-19
选中huan，在Actions面板中输入下面代码：
onClipEvent (enterFrame) {
//圆环的灰色色值
now_color = random(196)+16;
colourobj = new Color(this);
//设置这个环采用这种灰色
colourobj.setRGB(now_color << 16 | now_color << 8 | now_color);
//让圆环自动旋转3度
this._rotation += 3;
}
这样，一个在灰色色系中随机闪动并旋转的光环便制作完成了。效果如图2-20和图2-21所示。
图2-20 图2-21
在这个特效的程序代码中，最关键的就是控制颜色的代码，上面的代码产生的是在灰色色系中闪动，下面的代码就是让环在红色色系里跳动：
onClipEvent (enterFrame) {
//圆环在红色色系里闪动
now_color = random(196)+32;
colourobj = new Color(this);
colourobj.setRGB(now_color << 16 | 0 | 0);
this._rotation += 3;
}
这个效果只是简单的一个环，大家可以根据自己的需要对相应的画面与程序进行调整。比如说，增加成几个同心环，加上不同方向、不同颜色、不同速度、不同透明度，如果控制适当，可以做出很不错的效果，有兴趣的朋友可以试试。
您当前的位置：
技术文章导航