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 繪制高光