本例主要使用三角函數知識來制作環繞的菜單效果，并通過偵聽按鈕事件狀態來控制菜單中的按鈕，使其在被單擊后進行切換并放大顯示在舞臺的中心位置。

本例思路

.利用遮罩功能制作高光按鈕。

.添加代碼來控制菜單的切換效果。

Part 1 制作高光按鈕

(1)新建一個600×300像素，幀頻為12fps的空白文檔。使用“矩形工具”繪制一個與舞臺大小相同的矩形，然后設置填充類型為“放射狀”，第1個色標顏色為(R:0，G:114，B:188)，第2個色標顏色為(R:0，G:0，B:0)，填充效果如圖9-1所示。

圖9-1 制作背景

(2)按Ctrl+F8組合鍵新建一個影片剪輯(名稱為button)，然后使用“橢圓工具”繪制一個圓形，并設置填充類型為“放射狀”，第1個色標顏色為(R:153，G:204，B:51)，第2個色標顏色為(R:0，G:102，B:51)，填充效果如圖9-2所示。

圖9-2 繪制球形

(3)新建一個圖層，然后使用“矩形工具”繪制一個矩形色塊，并設置填充色為(R:153，G:204，B:51)，再使用“任意變形工具”將其處理成如圖9-3所示的效果。

圖9-3 繪制矩形條塊

(4)新建一個Mask圖層，然后將按鈕復制到該圖層中，接著將該圖層設置為下面兩個圖層的遮罩圖層，如圖9-4所示。

圖9-4 創建遮罩層

(5)新建一個“按鈕背景”圖層，然后將按鈕復制到該圖層中，并將第1個色標的Alpha調整為10%，再將第2個色標向左移動一些像素，如圖9-5所示。

圖9-5 繪制按鈕明暗部分

(6)新建一個“高光”圖層，然后使用“橢圓工具”繪制一個橢圓，并設置填充類型為“線性”，第1個色標顏色為(R:255，G:255，B:255)，Alpha為70%，第2個色標顏色為(R:255，G:255，B:255)，Alpha為50%，第3個色標顏色為(R:255，G:255，B:255)，Alpha為0%，如圖9-6所示。

圖9-6 繪制按鈕高光

Part 2 添加控制程序

(1)在“庫”面板中為button影片剪輯添加元件類，并將基類修改為Sprite類，如圖9-7所示。

圖9-7 添加元件類