網(wǎng)頁動(dòng)畫制作（FlashCS6）學(xué)習(xí)單元一設(shè)計(jì)矢量圖形與逐幀網(wǎng)頁動(dòng)畫任務(wù)2

設(shè)計(jì)逐幀網(wǎng)頁動(dòng)畫設(shè)計(jì)矢量圖形任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)通過《網(wǎng)頁動(dòng)畫設(shè)計(jì)》教材促銷網(wǎng)頁動(dòng)畫為任務(wù)，進(jìn)行全方位實(shí)踐，最終通過設(shè)計(jì)矢量圖形、設(shè)計(jì)逐幀網(wǎng)頁動(dòng)畫的學(xué)習(xí)，達(dá)到制作逐幀動(dòng)畫的能力并在實(shí)際工作中熟練應(yīng)用，并鍛煉學(xué)生舉一反三的能力。任務(wù)實(shí)施設(shè)計(jì)矢量圖形任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施活動(dòng)1制作簡單逐幀動(dòng)畫活動(dòng)2制作復(fù)雜逐幀動(dòng)畫設(shè)計(jì)矢量圖形任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施需求分析了解任務(wù)目標(biāo)、需求，基本工作流程。實(shí)訓(xùn)任務(wù)完成制作逐幀動(dòng)畫的任務(wù)。備注：分組進(jìn)行分析（4人一組）設(shè)計(jì)矢量圖形任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施0204010305熟悉Flash的繪圖環(huán)境，熟練使用工具箱的工具進(jìn)行繪圖；能夠創(chuàng)建和編輯文本。能夠?qū)lash對(duì)象進(jìn)行基本操作；能夠?qū)lash對(duì)象進(jìn)行編輯。能夠運(yùn)用逐幀動(dòng)畫等表現(xiàn)手法進(jìn)行制作。能夠進(jìn)行輸出和發(fā)布動(dòng)畫。能夠與上下級(jí)進(jìn)行良好的溝通，并協(xié)調(diào)好工作。設(shè)計(jì)矢量圖形任務(wù)描述任務(wù)活動(dòng)學(xué)習(xí)建議評(píng)價(jià)標(biāo)準(zhǔn)任務(wù)實(shí)施任務(wù)單學(xué)生姓名：班級(jí)：學(xué)號(hào)：組號(hào)：活動(dòng)實(shí)施活動(dòng)1

制作簡單逐幀動(dòng)畫制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5在教師的引領(lǐng)下，通過本教材完成制作簡單逐幀動(dòng)畫的內(nèi)容，并學(xué)習(xí)制作簡單逐幀動(dòng)畫的方法。活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5活動(dòng)環(huán)境要求所需工具多媒體投影制作簡單逐幀動(dòng)畫鉛筆、橡皮、筆、紙、Flash、Photoshop等。活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練51．網(wǎng)頁動(dòng)畫基本常識(shí)（1）網(wǎng)頁動(dòng)畫特征介紹：制作簡單逐幀動(dòng)畫①廣泛和開放性；②實(shí)時(shí)和可控性；③直接和針對(duì)性；④雙向和互導(dǎo)性；⑤易統(tǒng)計(jì)和可評(píng)估性；⑥傳播信息的非強(qiáng)迫性?；顒?dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5制作簡單逐幀動(dòng)畫（2）網(wǎng)頁動(dòng)畫效果的影響因素及存在的問題。①用戶行為因素的影響。②網(wǎng)頁動(dòng)畫規(guī)格形式對(duì)效果的影響。③網(wǎng)頁動(dòng)畫設(shè)計(jì)與投放對(duì)效果的影響。網(wǎng)頁動(dòng)畫設(shè)計(jì)中存在的問題有：首先網(wǎng)頁動(dòng)畫設(shè)計(jì)主題不明確，其次是設(shè)計(jì)缺乏吸引力，信息內(nèi)容過于直白，再次是沒有創(chuàng)意的網(wǎng)頁動(dòng)畫大多相似，如顏色和圖案沒有視覺上的沖擊力、廣告文案過于平淡等，使用戶沒興趣單擊；

字節(jié)數(shù)過大：有些專業(yè)服務(wù)商對(duì)網(wǎng)頁動(dòng)畫的字節(jié)數(shù)有一定限制，字節(jié)數(shù)過大的廣告下載速度慢，往往沒下載完畢用戶就關(guān)閉了網(wǎng)頁?；顒?dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5制作簡單逐幀動(dòng)畫④網(wǎng)頁動(dòng)畫投放對(duì)效果的影響。生命周期：有些廣告過了促銷期，甚至瀏覽者多為重復(fù)用戶，調(diào)查表明，半數(shù)以上的網(wǎng)頁動(dòng)畫的生命周期在三周以內(nèi)，過時(shí)的網(wǎng)頁動(dòng)畫會(huì)降低效果甚至無謂地浪費(fèi)廣告空間。資源相關(guān)性：利用內(nèi)容相關(guān)的網(wǎng)絡(luò)資源進(jìn)行廣告投放才能實(shí)現(xiàn)目標(biāo)定位，但在實(shí)際操作中并不容易，一是對(duì)網(wǎng)頁動(dòng)畫資源缺乏全面的了解，二是限于預(yù)算或廣告空間，難以獲得期望的網(wǎng)頁動(dòng)畫資源。片面追求點(diǎn)擊率：有些網(wǎng)頁動(dòng)畫為了追求點(diǎn)擊率，往往采用獵奇甚至欺騙的信息吸引用戶點(diǎn)擊，這樣做雖然提高了點(diǎn)擊率，卻不一定形成轉(zhuǎn)化率，降低了總體投資收益。服務(wù)商專業(yè)水平：服務(wù)商的水平體現(xiàn)在網(wǎng)頁動(dòng)畫資源的價(jià)值以及網(wǎng)頁動(dòng)畫的管理水平兩個(gè)方面，有些網(wǎng)頁動(dòng)畫服務(wù)提供商甚至采用不正當(dāng)點(diǎn)擊等欺詐手段。制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5雖然咱們是設(shè)計(jì)制作網(wǎng)頁動(dòng)畫的設(shè)計(jì)師，但是也同樣需要了解網(wǎng)頁動(dòng)畫投放對(duì)效果的影響，只要知道他怎么用、用在哪、需求什么，設(shè)計(jì)師才能因地制宜地設(shè)計(jì)好網(wǎng)頁動(dòng)畫，發(fā)揮盡可能大的作用。提示制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練52．Flash軟件操作技能（1）逐幀動(dòng)畫。逐幀動(dòng)畫實(shí)際上就是采用手工繪制的傳統(tǒng)動(dòng)畫。對(duì)于較為復(fù)雜的動(dòng)畫如人物的行走、表情等，由計(jì)算機(jī)生成比較困難，但在Flash中肯定是不能自動(dòng)形成的。倘若一定要達(dá)到這種目的，就只有逐幀動(dòng)畫實(shí)現(xiàn)。逐幀動(dòng)畫由關(guān)鍵幀組成，改變連續(xù)幀的內(nèi)容給人以動(dòng)態(tài)的效果。（2）逐幀動(dòng)畫效果。要?jiǎng)?chuàng)建逐幀動(dòng)畫，需要將每個(gè)幀都定義為關(guān)鍵幀，然后給每個(gè)幀創(chuàng)建不同的內(nèi)容。我們先來做一個(gè)人跑步動(dòng)作，如圖1-73所示，分別用三種繪制形式表現(xiàn)。第一種，繪圖紙外觀。第二種，繪圖紙外觀輪廓。第三種，編輯多個(gè)幀。制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5其實(shí)逐幀動(dòng)畫非常簡單，但是要有很強(qiáng)的手繪能力和運(yùn)動(dòng)規(guī)律的基本常識(shí)。下面就通過羊叔和飼養(yǎng)員走路的例子學(xué)習(xí)一下逐幀動(dòng)畫。圖1-73三種繪制形式制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5制作簡單逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5嘗試完成制作簡單逐幀動(dòng)畫的拓展訓(xùn)練。項(xiàng)目名稱：促銷網(wǎng)頁動(dòng)畫。項(xiàng)目要求：利用畫筆工具做出逐幀動(dòng)畫效果。項(xiàng)目尺寸：寬為587px，高為360px，幀頻為24fps。圖1-87促銷網(wǎng)頁動(dòng)畫效果活動(dòng)實(shí)施活動(dòng)2

制作復(fù)雜逐幀圖形制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5在教師的引領(lǐng)下，通過本教材完成制作復(fù)雜逐幀動(dòng)畫的內(nèi)容，并學(xué)習(xí)制作復(fù)雜逐幀動(dòng)畫的方法。制作復(fù)雜逐幀動(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ù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練51．網(wǎng)頁動(dòng)畫基本常識(shí)增進(jìn)網(wǎng)頁動(dòng)畫效果的措施①重視網(wǎng)頁動(dòng)畫策略調(diào)研：從制訂網(wǎng)頁動(dòng)畫計(jì)劃到設(shè)計(jì)制作、選擇資源并投放網(wǎng)頁動(dòng)畫，每個(gè)環(huán)節(jié)都需要進(jìn)行有針對(duì)性的調(diào)研，比如提前對(duì)網(wǎng)頁動(dòng)畫的效果進(jìn)行分析，會(huì)達(dá)到一個(gè)什么樣的效果或程度；競爭者對(duì)網(wǎng)頁動(dòng)畫策略是從哪些方面著手的，找出它們的一些漏洞所在；對(duì)它的資源及其特點(diǎn)進(jìn)行分析；對(duì)網(wǎng)頁動(dòng)畫價(jià)格的定位進(jìn)行估算；最后是對(duì)網(wǎng)頁動(dòng)畫設(shè)計(jì)的關(guān)鍵要素，針對(duì)于行業(yè)的不同，設(shè)計(jì)不同的風(fēng)格。②設(shè)計(jì)針對(duì)性的網(wǎng)頁動(dòng)畫：例如，設(shè)計(jì)有吸引力，有創(chuàng)意的廣告，采用鮮明的色彩使得廣告更容易被發(fā)現(xiàn)；廣告中利用幽默、好奇、鄭重承諾等文字引起訪問者的興趣；使用“點(diǎn)擊這里”等經(jīng)典用語，并將其置于廣告右邊，一要針對(duì)不同階段的產(chǎn)品或品牌特征，二要針對(duì)用戶瀏覽網(wǎng)頁動(dòng)畫的行為特點(diǎn)，設(shè)計(jì)一個(gè)能引起注意的、有創(chuàng)意的網(wǎng)頁動(dòng)畫。制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5③優(yōu)化網(wǎng)頁動(dòng)畫資源組合：網(wǎng)頁動(dòng)畫最終是通過一些網(wǎng)絡(luò)媒體才可以被用戶訪問和瀏覽，所以說資源的選擇對(duì)廣告效果會(huì)產(chǎn)生直接的影響，確保網(wǎng)頁動(dòng)畫投放有針對(duì)性，使得網(wǎng)頁動(dòng)畫在相應(yīng)的網(wǎng)絡(luò)媒體中達(dá)到較好的效果，按照網(wǎng)頁動(dòng)畫資源的選擇原則，確定最合理的廣告資源組合，然后進(jìn)一步研究投放廣告的周期和時(shí)間，以及在不同網(wǎng)絡(luò)媒體中的表現(xiàn)形式和投放位置，使得每一個(gè)廣告在每一個(gè)相應(yīng)的媒體中得到最佳效果。④對(duì)網(wǎng)頁動(dòng)畫效果進(jìn)行跟蹤控制：利用專業(yè)網(wǎng)頁動(dòng)畫服務(wù)商的管理系統(tǒng)實(shí)時(shí)查看廣告效果統(tǒng)計(jì)，并且對(duì)此進(jìn)行分析和對(duì)比，通過對(duì)比可以看出網(wǎng)頁動(dòng)畫所帶來的訪問量增長情況，包括每個(gè)廣告的顯示次數(shù)、點(diǎn)擊率、費(fèi)用清單等。分析網(wǎng)頁動(dòng)畫的效果還可及時(shí)發(fā)現(xiàn)存在的問題，對(duì)表現(xiàn)不理想的廣告或媒體進(jìn)行必要的調(diào)整，最終實(shí)現(xiàn)整體網(wǎng)頁動(dòng)畫效果的最大值。⑤網(wǎng)頁動(dòng)畫調(diào)研的主要內(nèi)容包括競爭者的網(wǎng)頁動(dòng)畫策劃、網(wǎng)頁動(dòng)畫的預(yù)期效果、網(wǎng)頁動(dòng)畫資源及其特點(diǎn)、網(wǎng)頁動(dòng)畫的價(jià)格、網(wǎng)頁動(dòng)畫設(shè)計(jì)的關(guān)鍵要素等環(huán)節(jié)都要進(jìn)行充分的調(diào)研，做到有的放矢。制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練52．Flash操作技能1）創(chuàng)建補(bǔ)間形狀制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練52．Flash操作技能2）使用形狀提示控制形狀變化制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練52．Flash操作技能3）形狀漸變制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5經(jīng)驗(yàn)分享：①改變16幀小球外形的原因是因?yàn)楫?dāng)小球與地面發(fā)生碰撞時(shí)小球會(huì)變化。②調(diào)整“補(bǔ)間緩動(dòng)”的作用是讓小球加速還是減速，當(dāng)“補(bǔ)間緩動(dòng)”為負(fù)值時(shí)，小球運(yùn)動(dòng)速度越來越快；當(dāng)“補(bǔ)間緩動(dòng)”為正值時(shí)，小球運(yùn)動(dòng)速度越來越慢。最后一幀復(fù)制第一幀是因?yàn)樾∏驈椘鸷蟮奈恢门c第一幀小球的位置幾乎相同，通過前幾部分的學(xué)習(xí)你應(yīng)該知道了圖形元件、形狀、移動(dòng)漸變以及形狀漸變（就是改變其外形）之間的關(guān)系，并能做出簡單的動(dòng)畫效果。制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2相關(guān)知識(shí)3活動(dòng)實(shí)施4拓展訓(xùn)練5練一練制作復(fù)雜逐幀動(dòng)畫活動(dòng)描述1工作環(huán)境2