國外flash全站設計

本節課我們來學習flash教程：國外flash全站設計，通過設計一個高爾夫球俱樂部網站的模板的案例，將以設計思路為主來進行講解，全站使用草綠色風格來表現主題，畫面清爽別致，動畫流暢逼真。

國外flash全站設計效果如圖所示。

本例思路：
在photoshop中進行整站設計
將設計出來的整站樣本導入Flash，然后制作出各個內頁的動畫
具體步驟如下：
步驟一、整站設計

1、在photoshop中制作一個草坪背景。如圖所示。然后添加一些高爾夫球，如圖所示。

2、設計出全站的面板，如圖所示，然后制作好主頁里的元素，如圖所示。

3、將各元素導人Flash以后，切換欄同時面板要向后翻轉，為了實現逼真的效果，這個翻轉動畫需要在Photoshop中進行“徑向模糊”處理，如圖所示

4、在Flash中制作出翻轉動畫，如圖所示、

5、進入頁面時，將布局好的各元素轉換成影片剪輯，然后制作出傳統補問動畫，使各元素依次出現，如同所示

6、制作頁面打開時的動畫，如圖所示。

7、打開頁面后，高爾夫球從面板底部彈起來，如圖所示，其動畫制作流程如圖所示。

8、本例的菜單是個比較傳統的菜單，當鼠標移上去去后播放一段菜單效果，當移出后阿恢復到原始狀態，因此在AS圖層的第l和10幀插入腳本stop()；語句，如圖所示

9、在第2與11幀插入幀標簽，如圖所示。

10、創建一個透明按鈕，編寫該按鈕的事件代碼，如圖所示，然后制作出按鈕滑人與滑出的動畫，如圖所示。

步驟二、內頁設計

1、在設計內頁之前首先觀察內頁的布局，如圖所示。

2、單擊READ MORE后彈出頁面的詳細介紹，如圖所示。

3、設汁第3個內頁TOURNAMENT的介紹，如圖所示

4、設汁第4個內頁MEMBERSHIP的介紹，如圖所示、

5、設計第5個內頁CONTACTS的介紹，如圖所示。

6、到這一步已經完成了基本流程的介紹，最終效果：

到這里我們的國外全站模板設計案例介紹就完成了，希望對你們有所幫助。

flash全站設計實例教程源碼下載