網頁動畫制作（FlashCS6）目錄學習單元2設計補間與引導層網頁動畫學習單元1設計矢量圖形與逐幀網頁動畫學習單元3設計遮罩與交互網頁動畫學習單元二設計補間與引導層網頁動畫設計補間與引導層網頁動畫總體概述工作內容職業標準教學工具本單元主要學習設計補間與引導層網頁動畫，主要是讓學生通過學習掌握設計補間網頁動畫、設計引導層網頁動畫等。

了解設計邏輯，梳理邏輯內容，完善設計功能，進行制作簡單補間動畫、制作復雜補間動畫、制作簡單引導層動畫、制作復雜引導層動畫等。總體概述工作內容職業標準教學工具1

設計補間網頁動畫。2設計引導層網頁動畫。設計補間與引導層網頁動畫1．具備分析客戶需求、了解客戶意圖的能力2．具備熟悉崗位職責與企業標準的能力。4．能夠利用文本、圖片、聲音、視頻等素材，制作圖文并茂的網頁動畫。8．具備良好的團隊精神和良好的溝通能力。7．具有高度的責任心和認真細致的工作態度。5．能夠通過動畫效果，制作具有動態效果的網頁動畫。總體概述工作內容職業標準教學工具6．具備將所學知識進行綜合應用，制作符合要求的網頁動畫的能力。3．具備網頁動畫的設計方法、技能的能力。設計補間與引導層網頁動畫21多媒體機房，Flash、Photoshop等。鉛筆、橡皮、筆、紙。總體概述工作內容職業標準教學工具設計補間與引導層網頁動畫任務1

設計補間網頁動畫設計補間網頁動畫任務描述任務活動學習建議評價標準通過《網頁動畫設計》教材汽車網頁動畫、獅子標志網頁動畫為任務，進行全方位實踐，最終通過設計補間網頁動畫、設計引導層網頁動畫的學習，達到制作逐幀動畫的能力并在實際工作中熟練應用，并鍛煉學生舉一反三的能力。任務實施任務描述任務活動學習建議評價標準任務實施活動1制作簡單補間動畫活動2制作復雜補間動畫設計補間網頁動畫任務描述任務活動學習建議評價標準任務實施需求分析了解任務目標、需求，基本工作流程。實訓任務完成制作簡單矢量圖形的任務。備注：分組進行分析（4人一組）設計補間網頁動畫任務描述任務活動學習建議評價標準任務實施12能夠對Flash對象進行編輯。

能夠運用補間動畫等表現手法進行制作。

能夠與上下級進行良好的溝通，并協調好工作。

能夠進行輸出和發布動畫。熟悉Flash的繪圖環境，熟練使用工具箱的工具進行繪圖；能夠創建和編輯文本。設計補間網頁動畫任務描述任務活動學習建議評價標準任務實施任務單學生姓名：班級：學號：組號：設計補間網頁動畫活動實施活動1

制作簡單補間動畫制作簡單補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5

在教師的引領下，通過本教材完成設計補間網頁動畫的內容，并學習制作簡單補間動畫的方法。活動描述1工作環境2相關知識3活動實施4拓展訓練5活動環境要求所需工具多媒體投影鉛筆、橡皮、筆、紙等。制作簡單補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練51．網頁動畫基本常識制作簡單補間動畫網頁動畫策劃流程圖，如圖2-1所示。活動描述1工作環境2相關知識3活動實施4拓展訓練5制作簡單補間動畫其中我們主要設計的就是網頁動畫創意部分，網頁動畫創意要有明確有力的標題和簡潔的廣告信息，并根據網絡媒介的獨特性，運用網絡手段增強廣告互動性，如在廣告上增加游戲功能，提高訪問者對廣告的興趣等。提示活動描述1工作環境2相關知識3活動實施4拓展訓練52．Flash軟件操作技能制作簡單補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練52．制作照片的出現效果制作簡單補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5制作簡單補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5制作簡單補間動畫嘗試完成制作簡單補間動畫的拓展訓練。項目名稱：汽車網頁動畫。項目要求：利用補間動畫的方式制作該項目。項目尺寸：寬度為300、高度為250像素、幀頻為24fps、背景顏色為橘黃色。活動實施活動2

制作復雜補間動畫制作復雜補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5教師的引領下，通過本教材完成設計補間網頁動畫的內容，并學習制作復雜補間動畫的方法。活動描述1工作環境2相關知識3活動實施4拓展訓練5活動環境要求所需工具多媒體投影鉛筆、橡皮、筆、紙、Flash、Photoshop等。制作復雜補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練51．網頁動畫基本常識制作復雜補間動畫網頁動畫設計方案—以精致名品網店為例（1）產品分析：精致名品網店，經營情侶戒指、耳飾、項鏈、手鏈、掛件等，產品經濟實用，是眾多小女生愛好的產品，市場范圍廣闊，營銷量大，但在國內尚屬于一個新興行業，雖然之前是有類似的專賣店，但市場散亂、品牌空白，存在產品單一雜亂，缺乏創意，經營模式老化等嚴重問題，而且并沒有專門的飾品專賣店，許多經營服飾的專賣店，只是隨便印上相同的圖案，缺乏新意，沒有時尚意識，而在國外發達國家，飾品這個產業已日趨成熟，各種檔次的專賣店星羅棋布。產品品種多樣，價格相對實際店面更便宜，并且網店產品全部都是品牌產品，在質量上讓消費者放心，并可提高可信任度，女性的生活品味、生活質量，正在發生著質的飛躍，消費者崇尚人性和時尚，不斷塑造個性和魅力，更崇尚文化和風情，時尚飾品讓女人釋放美麗，美麗情結讓女人慷慨解囊。活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫（2）產品劣勢：相對于實物店面缺少消費者的信任度，沒有實際的店面，產品對于部分消費者來說也是無形的東西。（3）宣傳目標：年齡在20～35歲之間，有一定的經濟收入，有品位的時尚白領女性，對時尚有個人的見解和追求，有自己獨立的價值觀。（4）品牌效應：提高品牌知名度，主要在渠道商形成品牌概念，已經在最終消費者形成品牌形象，增加網店知名度，提高消費者的信任度。活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫（5）銷售促進：直接影響消費者心目中地位，可以做些適當的宣傳活動，或是做一些打折的活動，吸引消費者的眼球，充分宣傳產品優勢，刺激購買欲望，直接促進產品銷量。（6）網頁動畫設計方案：女人天性愛美，當擁有了從生存消費向享受型消費轉化的條件，她們對美的追求也在升華，審美的時尚化和生活品位的提高，使當代女性對飾品愛不釋手，因為有飾品的裝點，女人變得更加嫵媚動人，飾品所展現的魅力，使女人成為它最大的消費群。所以該網絡動畫應該精致、簡約、利用模特吸引顧客突出產品，并需要高質量的產品宣傳照片素材突出產品的精致。活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫設計師在拿到策劃方案，要逐一分析，去其糟粕、取其精華，要總結出客戶要表現什么、定位要準。定位以后根據需求選擇投放對象，然后定下尺寸，開始創意、設計、制作。提示分析網頁動畫設計方案的步驟：閱讀網頁動畫方案→設計定位→選擇投放對象→選擇設計規格、尺寸→創意文案→設計草稿→電子稿制作→測試。活動描述1工作環境2相關知識3活動實施4拓展訓練52．Flash軟件操作技能制作復雜補間動畫1）庫和影片剪輯（1）庫。Flash里面的庫不僅為我們所做的“形狀”提供了存放的空間，而且一旦“形狀”放進庫后，這些“形狀”就可以被重復利用。啟動Flash軟件，在里面繪制一個五角星形，鼠標選中后按F8鍵把它轉換成圖形元件，名稱為“星形”，如圖2-66所示。

此時，形狀（你所繪制的這個五角星形）就自動存放到了倉庫中（庫）。打開“窗口”下面的“庫”，就可以看到你所繪制的五角星形，如圖2-67所示。活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫在圖2-67中的垃圾桶圖標用來刪除你在庫中存放的“圖形”，打開你以前保存的文件，按F11鍵調出庫窗口，你會發現你所轉換成圖形元件的矩形、圖片以及沒有轉換成元件的圖片都被放進了庫中。那么，庫中到底能存放那些“物品”，又是怎樣被重復利用的呢？庫中可以存放三大元件（圖形元件、影片剪輯元件和按鈕元件）、位圖（剛導入的圖片）以及導入的聲音，在場景中如果需要再次用到它們，就用鼠標直接把它們從庫中拖到場景中即可，如圖2-68所示。圖2-68從庫中拖到場景中的圖形活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫當用鼠標雙擊庫中的元件時可以對它進行編輯，比如雙擊圖2-68中的五角星形元件，修改它的顏色，如圖2-69所示，回到場景后你會發現里面所有的形狀的顏色都變成了你所修改的顏色，這是因為它們在庫中都是同一個元件。圖2-69修改圖形的顏色活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫文件之間還可以共享庫，當你在文件A中辛辛苦苦地畫了1個圖形，把它保存為了圖形元件，結果在文件B中也要用到它，是不是要重新去畫呢？不需要，把兩個文件都打開，按F11鍵調出庫窗口，你會發現它們之間可以共用，將它拖到文件B中就可以了，與此同時該圖形元件已經復制了一份放進了文件B的庫中。經驗分享:活動描述1工作環境2相關知識3活動實施4拓展訓練52．影片剪輯制作復雜補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練52．打字光標效果制作復雜補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動畫廣告是通過網絡媒體發布廣告信息的一種新型廣告形式,它通過在網上放置一定尺寸的廣告條來告訴網友相關信息,進一步通過吸引網友單擊廣告進入商家指定的網頁,從而達到全面介紹信息、展示產品和及時獲得網友反饋等目的。提示活動描述1工作環境2相關知識3活動實施4拓展訓練5制作復雜補間動