Flash CS4教程：制作时尚的时钟效果

本例主要介绍如何取得系统时间，以及如何加载外部的swf皮肤文件。

本例思路

.绘制出背景效果，再新建几个fla文件用来存储时钟界面(必须发布swf文件)，然后绘制出时钟效果。

. 编写加载皮肤的管理类，然后编写出时钟类，再加载swf皮肤文件，创建出时钟对象。

Part 1 定制皮肤

(1)新建一个500×350像素的空白文档，然后使用“矩形工具”绘制出如图12-1所示的斑马条纹背景。

图12-1 绘制背景

技巧与提示：

图12-2所示是本例所创建的几个.fla文件，这几个文件专门用来存储时钟界面的皮肤，并且发布了swf文件，它们统一保存在skin文件夹内。

图12-2 皮肤文件

(2)下面只介绍一个皮肤文件的制作方法。新建一个Flash文件，并将其保存为01，再新建一个影片剪辑(名称为Bg)，然后绘制出如图12-3所示的时钟界面。

图12-3 绘制时钟背景

(3)新建一个“刻度”图层，然后绘制出表盘的刻度，如图12-4所示。

图12-4 绘制刻度线

(4)使用“椭圆工具”绘制一个只有边框的灰色圆形，然后删除圆形内的线条，再删除圆形，如图12-5所示。

图12-5 绘制刻度

(5)将时针所在的刻度直线进行加粗显示，然后添加时刻文字(静态文本)，如图12-6所示。

图12-6 添加文本

(6)新建一个“高光”图层，然后绘制一个半圆形作为高光区域，再设置填充类型为“线性”，并设置第1个色标颜色为(R:255，G:255，B:255)，Alpha为60%，第2个色标颜色为(R: 43，G:43，B:43)，Alpha为0%，效果如图12-7所示。

图12-7 绘制高光