【FL教程】如何製作漂亮的圓形按鈕?

按鈕元件可以建立用於響應單擊、滑過或其他動作的互動式按鈕,可以定義與各種按鈕狀態關聯的圖形,然後將動作指定給按鈕例項。

我現在詳細教你如何製作漂亮的圓形按鈕。

【FL教程】如何製作漂亮的圓形按鈕

工具/原料

電腦

FL軟體

圖片

方法/步驟

點選開始選單程式資料夾裡的FL軟體,即開啟FL軟體,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

按下ctrl+N組合鍵或執行選單欄中的"檔案>新建"命令開啟【新建文件】對話方塊,在【常規】選項卡下選擇ActionScript 2.0,單擊"確定"按鈕,即建立一個文件,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

執行選單欄中的“插入>新建”命令或按下Ctrl+F8組合鍵,開啟【建立新元件】對話方塊,更改元件名稱為”漂亮的按鈕“,選擇元件型別為”按鈕“,單擊”確定“按鈕,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

右擊該舞臺,在彈出的快捷選單中選擇【文件屬性】命令,開啟【文件設定】對話方塊,設定背景顏色為#666666,單擊【確定】按鈕,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

單擊工具箱中的【矩形工具】按鈕,自動彈出快捷選單,在其中選擇【橢圓工具】,開啟屬性面板,設定其筆觸顏色和填充顏色分別為白色、#00CCCC,繪製圓形按鈕,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

新增文字,開啟屬性面板,設定如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

右擊”圖層1“圖層的第2幀,在彈出的快捷選單中選擇”插入關鍵幀“命令,選中圓形的填充區域,開啟屬性面板,設定其背景顏色為#FF3399,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

同步驟7的操作方法,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

返回場景1,將名為“漂亮的按鈕”的按鈕元件拖到舞臺上,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

按住Alt+Enter組合鍵開啟影片,如下圖所示。

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

【FL教程】如何製作漂亮的圓形按鈕

相關問題答案