網(wǎng)頁動(dòng)畫制作（FlashCS6）《設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫》培訓(xùn)課件

網(wǎng)頁動(dòng)畫制作（FlashCS6）目錄學(xué)習(xí)單元2設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫學(xué)習(xí)單元1設(shè)計(jì)矢量圖形與逐幀網(wǎng)頁動(dòng)畫學(xué)習(xí)單元3設(shè)計(jì)遮罩與交互網(wǎng)頁動(dòng)畫學(xué)習(xí)單元二設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫總體概述工作內(nèi)容職業(yè)標(biāo)準(zhǔn)教學(xué)工具本單元主要學(xué)習(xí)設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫，主要是讓學(xué)生通過學(xué)習(xí)掌握設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫、設(shè)計(jì)引導(dǎo)層網(wǎng)頁動(dòng)畫等。

了解設(shè)計(jì)邏輯，梳理邏輯內(nèi)容，完善設(shè)計(jì)功能，進(jìn)行制作簡(jiǎn)單補(bǔ)間動(dòng)畫、制作復(fù)雜補(bǔ)間動(dòng)畫、制作簡(jiǎn)單引導(dǎo)層動(dòng)畫、制作復(fù)雜引導(dǎo)層動(dòng)畫等?？傮w概述工作內(nèi)容職業(yè)標(biāo)準(zhǔn)教學(xué)工具1

設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫。2設(shè)計(jì)引導(dǎo)層網(wǎng)頁動(dòng)畫。設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫1．具備分析客戶需求、了解客戶意圖的能力2．具備熟悉崗位職責(zé)與企業(yè)標(biāo)準(zhǔn)的能力。4．能夠利用文本、圖片、聲音、視頻等素材，制作圖文并茂的網(wǎng)頁動(dòng)畫。8．具備良好的團(tuán)隊(duì)精神和良好的溝通能力。7．具有高度的責(zé)任心和認(rèn)真細(xì)致的工作態(tài)度。5．能夠通過動(dòng)畫效果，制作具有動(dòng)態(tài)效果的網(wǎng)頁動(dòng)畫?？傮w概述工作內(nèi)容職業(yè)標(biāo)準(zhǔn)教學(xué)工具6．具備將所學(xué)知識(shí)進(jìn)行綜合應(yīng)用，制作符合要求的網(wǎng)頁動(dòng)畫的能力。3．具備網(wǎng)頁動(dòng)畫的設(shè)計(jì)方法、技能的能力。設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫21多媒體機(jī)房，F(xiàn)lash、Photoshop等。鉛筆、橡皮、筆、紙。總體概述工作內(nèi)容職業(yè)標(biāo)準(zhǔn)教學(xué)工具設(shè)計(jì)補(bǔ)間與引導(dǎo)層網(wǎng)頁動(dòng)畫任務(wù)1

設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)通過《網(wǎng)頁動(dòng)畫設(shè)計(jì)》教材汽車網(wǎng)頁動(dòng)畫、獅子標(biāo)志網(wǎng)頁動(dòng)畫為任務(wù)，進(jìn)行全方位實(shí)踐，最終通過設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫、設(shè)計(jì)引導(dǎo)層網(wǎng)頁動(dòng)畫的學(xué)習(xí)，達(dá)到制作逐幀動(dòng)畫的能力并在實(shí)際工作中熟練應(yīng)用，并鍛煉學(xué)生舉一反三的能力。任務(wù)實(shí)施任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施活動(dòng)1制作簡(jiǎn)單補(bǔ)間動(dòng)畫活動(dòng)2制作復(fù)雜補(bǔ)間動(dòng)畫設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施需求分析了解任務(wù)目標(biāo)、需求，基本工作流程。實(shí)訓(xùn)任務(wù)完成制作簡(jiǎn)單矢量圖形的任務(wù)。備注：分組進(jìn)行分析（4人一組）設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施12能夠?qū)lash對(duì)象進(jìn)行編輯。

能夠運(yùn)用補(bǔ)間動(dòng)畫等表現(xiàn)手法進(jìn)行制作。

能夠與上下級(jí)進(jìn)行良好的溝通，并協(xié)調(diào)好工作。

能夠進(jìn)行輸出和發(fā)布動(dòng)畫。熟悉Flash的繪圖環(huán)境，熟練使用工具箱的工具進(jìn)行繪圖；能夠創(chuàng)建和編輯文本。設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施任務(wù)單學(xué)生姓名：班級(jí)：學(xué)號(hào)：組號(hào)：設(shè)計(jì)補(bǔ)間網(wǎng)頁動(dòng)畫活動(dòng)實(shí)施活動(dòng)1

制作簡(jiǎn)單補(bǔ)間動(dòng)畫制作簡(jiǎn)單補(bǔ)間動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5

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

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

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