國外flash全站設(shè)計

本節(jié)課我們來學(xué)習(xí)flash教程：國外flash全站設(shè)計，通過設(shè)計一個高爾夫球俱樂部網(wǎng)站的模板的案例，將以設(shè)計思路為主來進(jìn)行講解，全站使用草綠色風(fēng)格來表現(xiàn)主題，畫面清爽別致，動畫流暢逼真。

國外flash全站設(shè)計效果如圖所示。

本例思路：
在photoshop中進(jìn)行整站設(shè)計
將設(shè)計出來的整站樣本導(dǎo)入Flash，然后制作出各個內(nèi)頁的動畫
具體步驟如下：
步驟一、整站設(shè)計

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

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

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

4、在Flash中制作出翻轉(zhuǎn)動畫，如圖所示、

5、進(jìn)入頁面時，將布局好的各元素轉(zhuǎn)換成影片剪輯，然后制作出傳統(tǒng)補(bǔ)問動畫，使各元素依次出現(xiàn)，如同所示

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

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

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

9、在第2與11幀插入幀標(biāo)簽，如圖所示。

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

步驟二、內(nèi)頁設(shè)計

1、在設(shè)計內(nèi)頁之前首先觀察內(nèi)頁的布局，如圖所示。

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

3、設(shè)汁第3個內(nèi)頁TOURNAMENT的介紹，如圖所示

4、設(shè)汁第4個內(nèi)頁MEMBERSHIP的介紹，如圖所示、

5、設(shè)計第5個內(nèi)頁CONTACTS的介紹，如圖所示。

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

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

flash全站設(shè)計實例教程源碼下載