1Part9第9章網(wǎng)站Flash引導頁面制作2目標概述案例效果學習目標

網(wǎng)站引導頁面動畫是網(wǎng)站的品牌和理念的最佳的演示，要在充分了解客戶想要表達的概念或者價值觀念的基礎上，制作出具有出色的創(chuàng)意同時符合網(wǎng)絡的要求的動畫效果。本項目就是為常州工程職業(yè)技術學院的學院網(wǎng)站制作引導頁面。3知識導航設計思路9.15根據(jù)網(wǎng)站的頁面設計，引導頁面具體的設計思路如下：

1.字動畫（1）屏幕居中“常州工程職業(yè)技術學院”標記文字由大且模糊逐漸變小且清晰，最終消失；（2）屏幕左上角的“常州工程職業(yè)技術學院”Logo由模糊逐漸變清晰；（3）“常州工程職業(yè)技術學院”Logo下方延展出一條白線；（4）白線下方顯示“常州工程職業(yè)技術學院”的英文縮寫（遮罩效果）；（5）居中顯示的圖片上下方出現(xiàn)白線移動效果。

62.圖片動畫（1）屏幕居中展示一幅“常州工程職業(yè)技術學院”校園景色的圖片；（2）圖片右側依次出現(xiàn)“圖片按鈕”。3.添加按鈕腳本（1）單擊“圖片按鈕”能切換到展示“常州工程職業(yè)技術學院”的其他校園圖片；（2）單擊“skip”文字按鈕能跳過引導頁面動畫，進入到網(wǎng)站首頁面。項目實施9.28任務說明效果展示實現(xiàn)引導頁面的文字動畫效果。（1）屏幕居中“常州工程職業(yè)技術學院”標記文字由大且模糊逐漸變小且清晰，最終消失；（2）屏幕左上角的“常州工程職業(yè)技術學院”Logo由模糊逐漸變清晰；（3）“常州工程職業(yè)技術學院”Logo下方延展出一條白線；（4）白線下方顯示“常州工程職業(yè)技術學院”的英文縮寫（遮罩效果）；（5）居中顯示的圖片上下方出現(xiàn)白線移動效果。任務1制作文字動畫效果9任務2制作圖片動畫效果任務說明效果展示實現(xiàn)圖片動畫效果。（1）屏幕居中展示一幅“常州工程職業(yè)技術學院”校園景色的圖片；（2）圖片右側依次出現(xiàn)“圖片按鈕”。10任務3添加按鈕腳本，制作按鈕圖片切換動畫效果任務說明添加按鈕腳本（1）單擊“圖片按鈕”能切換到展示“常州工程職業(yè)技術學院”的其他圖片；（2）單擊“skip”文字按鈕能跳過引導頁面動畫，進入到網(wǎng)站首頁面。經(jīng)驗指導9.312相關知識網(wǎng)站的引導頁面通常是起到畫龍點睛的作用，絢麗的動畫效果能夠為網(wǎng)站的設計錦上添花，要設計好的片頭動畫，要在充分了解客戶想要表達的概念或者價值觀念的基礎上，制作出具有出色的創(chuàng)意，同時符合網(wǎng)絡的要求的效果，制作流程如下：1.明確設計思路：明確引導頁面的設計思路、動畫的設計腳本，方便于素材的準備和任務的分解。2.材料準備：將FLASH引導頁面動畫的內(nèi)容素材收集在一起，圖片，聲音，音效，動畫主題，文字內(nèi)容，布局，顏色定位這七項元素都確定下來。3.制作動畫：根據(jù)動畫的設計思路，將構成引導頁面中的每一個元素都用時間軸讓它動起來。制作過程中注意每個元素“動”起來的時間先后順序。4.多幅平面設計圖的拼接：制作片頭動畫一個場景就夠了，其他的多幅平面設計圖都集中放在一個“剪輯MC”中即可。拓展訓練9.414

制作珠寶首飾網(wǎng)站flash引導頁面。項目說明項目名稱

網(wǎng)站引導頁面以模特圖片為背景，突出首飾的優(yōu)美造型，體現(xiàn)首飾的風采。設計提示（1）收集動畫設計的背景及首飾等素材，