《二維動畫設(shè)計軟件應(yīng)用（Flash CS6）》項目六 技能強化訓(xùn)練

項目六技能強化訓(xùn)練二維動畫設(shè)計軟件應(yīng)用（Flashcs6）項目導(dǎo)讀

一部動畫片是否好看，其中的表情表演占了很大的比重，表情如何表現(xiàn)的生動、符合情理、夸張程度的運用是很難把握的。人物內(nèi)心的各種不同的心理活動，主要是通過面部表情的變化反映出來。而面部變化最豐富的地方是眼部（眉毛）和嘴巴。其它部分則相應(yīng)的會受這兩部分影響而變化。對于面部表情，必須把整個面部器官結(jié)合起來分析，單純只有某一部分的表情不能夠準(zhǔn)確表達(dá)人物內(nèi)心的活動。儲備新知識學(xué)習(xí)重點任務(wù)1強化訓(xùn)練——QQ表情動畫任務(wù)2強化訓(xùn)練——人物側(cè)面循環(huán)走思考與探索項目內(nèi)容任務(wù)3強化訓(xùn)練——小河馬動畫學(xué)習(xí)重點項目九制作flash動畫短片——學(xué)習(xí)重點學(xué)會什么？1.人物基本表情的表現(xiàn)形式2.人物側(cè)面走的運動規(guī)律3.如何結(jié)合photoshop制作動畫學(xué)習(xí)重點：本項目重點了解基礎(chǔ)的運動規(guī)律并熟練結(jié)合軟件工具的運用制作動畫，從而了解動畫制作的方法，以及制作動畫的技巧。0102儲備新知識項目九制作flash動畫短片——儲備新知識

表情動畫

1.面部表情的表現(xiàn)形式：人物表情的變化是非常復(fù)雜和多樣的，不同人物，不同感情下，面部表情的變化都是不一樣的。但根據(jù)對大量人物照片的觀察，人物的表情可基本歸類為六種基本表情，即悲傷，發(fā)怒，笑，畏懼，厭惡，驚訝。2.眼睛和眉毛的動畫（1）肢體動作一般是眼神帶動。（2）如果你真的對叫你的這個第三方非常非常感興趣，那么我肯定要讓那個角色受眼睛的引導(dǎo)。（3）如果你對談話主題非常非常感興趣（比起那個叫你的第三方）。那我會開始扭轉(zhuǎn)身體，然后是胸膛，然后是頭部，然后我會讓眼睛最后轉(zhuǎn)過去。主要是因為他的頭腦還處在目前的談話中。（4）眼睛是心靈的窗戶。在一部電影中，眼睛是觀眾們看的第一個部位，然后是手。我們在試圖和屏幕上的角色進行交流。眼睛告訴了我們角色相當(dāng)多的心理活動。所以確保你花了足夠的時間來讓眼睛和眉毛具備足夠的細(xì)節(jié)是非常重要的。不同種類的眨眼往往蘊藏了大量的其他信息。比如說，很多次當(dāng)你的眼睛從左到右發(fā)出一個指引的眼神時，你的眼皮是半睜半合的。你需要塑造眼皮的形狀來幫助表現(xiàn)這個眼睛的指向動作。（5）眨眼：無論這動作多慢或者多快，也要記住在眨眼動作結(jié)束時，在眼皮升到頂端的地方加一個緩沖。如果你不這么做，只是讓眼皮一下停住，那看起來就會有一點機械。（6）飛快的移動視線：有時候他們會用一幀，大多數(shù)會用兩幀。但是這沒有一個定律。最重要的是記得你要想想為什么要這么做。以一種特別的方式給轉(zhuǎn)動眼睛通常是很不錯的。比如，如果我在做一個特寫鏡頭，我可能會讓眼睛看左邊，再看右邊，然后看下邊，最后回到上邊。這會是因為我的角色正在看對方的左眼，然后是右眼，然后看嘴巴。這與人的思維過程是緊密相關(guān)的。2.表情動畫的不同風(fēng)格（1）美式動畫的夸張風(fēng)格。項目九制作flash動畫短片——儲備新知識（2）日式動畫無厘頭風(fēng)格。（3）寫實動畫的表情。3.口型動畫（1）動畫中的口型基本概括為7種表現(xiàn)形式。（2）人下巴結(jié)構(gòu)，口型動畫上嘴唇位置固定，下巴動。（3）不同情緒下的7種不同口型。項目九制作flash動畫短片——儲備新知識

面部表情的表現(xiàn)形式

表情動畫的不同風(fēng)格口型動畫010203任務(wù)1強化訓(xùn)練——QQ表情動畫項目六技能強化訓(xùn)練——任務(wù)1任務(wù)分析：

利用現(xiàn)有的小鴨子轉(zhuǎn)面人物設(shè)定的文件，在時間軸上創(chuàng)建關(guān)鍵幀后擺出小鴨子跳躍的過程，最后跳回正面后利用補間做出小鴨子開心的動作和表情。需要注意的是小鴨子在跳躍過程中中心點的位置以及地面的位置不要偏移，否則會出現(xiàn)人物沒有在原地跳躍的錯覺。人物落地的預(yù)備和緩沖也是需要注意的。

動畫部分截圖項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟1選擇“文件”→“新建”菜單命令，新建一個Flash文檔。設(shè)置寬、高為90像素×90像素，幀頻率為每秒中為8fps.其他相關(guān)參數(shù)。

新建文件參數(shù)設(shè)置項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟2將“素材\項目4\任務(wù)1\小鴨子轉(zhuǎn)面”打開，復(fù)制出需要的正面。

小鴨子轉(zhuǎn)面項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟3將小鴨子跳一圈需要的轉(zhuǎn)面逐個導(dǎo)入到關(guān)鍵幀里擺好跳躍的動作，將動畫的第一幀播放小鴨子的轉(zhuǎn)面跳躍就完成了。

小鴨子跳躍的動作項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟4將小鴨子跳回正面后的正面所以元件全選后，按【F8】整合成新的圖形元件，也就是當(dāng)前文件的第9幀，進入元件內(nèi)部做出小鴨子表情的變化，以及落在地面上的預(yù)備和緩沖動畫。

將文件的第九幀整合成新的圖形原件項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟5進入第九幀的圖形元件內(nèi)部，選中內(nèi)部所有元件，點選鼠標(biāo)右鍵選擇“文件分散到圖層”將所有元件分散到圖層。

將圖形原件分散到圖層項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟6在第3幀的位置插入關(guān)鍵幀，分別進入小鴨子眼睛的元件里在第3幀的位置插入關(guān)鍵，將眼睛用直線工具或鉛筆工具畫出微笑的眼睛。

將左右眼改為微笑的眼睛項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟7回到上一級元件的內(nèi)部，分別在第3幀、第5幀的位置插入關(guān)鍵幀，分別加入小鴨子向上的預(yù)備動畫以及向下緩沖動畫，讓動畫看起來更生動有趣。

將第3幀和第5幀加入預(yù)備和緩沖動作項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟8回到場景，新建2個圖層繪制出心型的圖案，將其新建成圖形元件，制作出從出現(xiàn)到消失的動畫。

將第3幀和第5幀加入預(yù)備和緩沖動作項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施

步驟9回到上一級元件的內(nèi)部，分別在第3幀、第5幀的位置插入關(guān)鍵幀，分別加入小鴨子向上的預(yù)備動畫以及向下緩沖動畫，讓動畫看起來更生動有趣，如圖6-17所示。

將第3幀和第5幀加入預(yù)備和緩沖動作項目六技能強化訓(xùn)練——任務(wù)1任務(wù)實施任務(wù)實施——任務(wù)經(jīng)驗

本實例實現(xiàn)了QQ表情動畫表情的制作，注意如何利用原件的方法在原件內(nèi)部制作動畫，以及如何巧妙的運用預(yù)備和緩沖讓動畫看起來更生動有趣的技法。任務(wù)實施

步驟9按【ctrl+enter】鍵播放動畫查看效果，按【ctrl+S】保存文件，命名為“小鴨子開心表情”。任務(wù)2強化訓(xùn)練——人物側(cè)面循環(huán)走項目六技能強化訓(xùn)練——任務(wù)2任務(wù)分析：

對于步行的過程，動畫大師們有過形象的概括，他們說步行是這樣的一個過程：你就要向前跌倒但是你自己剛剛好及時控制住沒有跌倒。向前移動的時候，我們會盡量避免跌倒。如果我們的腳不落地，我們的臉就會撞到地面上。我們在經(jīng)歷一個防止跌倒的過程的循環(huán)。任務(wù)實施——任務(wù)經(jīng)驗

步驟1打開“素材\項目6\任務(wù)2\人物形象.fla”文件，再選擇“文件”→“新建”菜單命令，新建一個Flash文檔。設(shè)置寬、高為720像素×576像素，幀頻率為每秒中為24fps。

人物形象項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施——任務(wù)經(jīng)驗

步驟2將人物設(shè)定復(fù)制到舞臺中心，將人物所有的元件選擇后，按【F8】整合成一個新的“圖形元件”，進入此元件內(nèi)部，將所有元件“分散到圖層”制作動畫，在場景的人物元件整個成一個新元件進入此元件件內(nèi)部制作動畫是因為制作過程會便捷、方便管理和更改。人物整合成新原件進入新原件內(nèi)部將其所有原件分散至圖層項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟3做動畫之前，要先把部分“圖形元件”的中心點位置調(diào)整到方便旋轉(zhuǎn)的位置。將部分元件中心點調(diào)整到適合旋轉(zhuǎn)的位置項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟4【ctrl+alt+shift+R】標(biāo)尺工具，在標(biāo)尺的位置縱向、豎向位置分別拖拽出地平線和中心線，方便人物制作動畫。在標(biāo)尺的位置縱向、豎向分別拖拽出地平線和中心線項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟5側(cè)面循環(huán)走，顧名思義是正在走路的過程中，因此我們將第一幀POSS擺出成人物正在走路的原畫關(guān)鍵動作。人物走路的原畫關(guān)鍵動作項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟6在做人物正常勻速走路的動畫時，一般是25幀走兩步構(gòu)成人物循環(huán)走，如第一幀是人物走路的第一步，即“時間軸”上第13幀的位置插入“關(guān)鍵幀”擺出是人物走路第二幀的原畫關(guān)鍵幀，所以在第13幀的位置我們將擺出人物走路第二步的原畫關(guān)鍵幀，然后將1幀至13幀的中間添加上“補間動畫”在“時間軸”的第13幀項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟7在20幀的位置插入“關(guān)鍵幀”擺出下一步的預(yù)備半步動作，需要注意的問題同步驟6。第4個原畫關(guān)鍵動作項目六技能強化訓(xùn)練——任務(wù)2任務(wù)實施

步驟8在25幀的位置插入“關(guān)鍵幀”擺出人物側(cè)面循環(huán)走的最后一個原畫關(guān)鍵動作。第5個原畫關(guān)鍵動作項目九制作flash動畫短片——任務(wù)2任務(wù)實施步驟9按【ctrl+enter】鍵播放動畫查看效果，按【ctrl+S】保存文件，命名為“人物側(cè)面循環(huán)走”。任務(wù)實施——任務(wù)經(jīng)驗

本實例使學(xué)習(xí)者了解人物側(cè)面循環(huán)走的關(guān)鍵元畫動畫，并如何結(jié)合FLASH軟件的工具和便捷的方法來實現(xiàn)人物走路的動畫，可以讓學(xué)習(xí)者了解怎樣直接的做出人物側(cè)面走路，并了解運動規(guī)律。任務(wù)3強化訓(xùn)練——小河馬動畫項目六技能強化訓(xùn)練——任務(wù)3任務(wù)分析：

不同的景別同時推鏡時，根據(jù)空間的不同運動的速度不同，越近的運動速度越快，越遠(yuǎn)的運動速度越慢，層級關(guān)系分配妥當(dāng)，制作動畫時會減少很多不必要的麻煩。任務(wù)實施——任務(wù)經(jīng)驗

步驟1選擇“文件”→“新建”菜單命令，新建一個flash文檔，設(shè)置寬、高為720像素×572像素，幀頻率為每秒針24fps。新建文件參數(shù)設(shè)置項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟2打開“素材\項目6\任務(wù)3\人物形象、素材\項目6\任務(wù)3\Photoshop素材中的背景1，分別把人物形象和背景復(fù)制到步驟1新建的文件里，將層級關(guān)系分配好。層級關(guān)系分配層級關(guān)系分配好后的效果項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟3回到場景中，將3個圖層的第76幀的位置插入“關(guān)鍵幀”中間加入傳統(tǒng)補間動畫，做出推鏡頭的動畫效果，注意景別位置不同運動速度不同。第一幀的效果項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟4在97幀的人物層，插入“關(guān)鍵幀”，選擇此幀將其【ctrl+B】打散，如圖6-37所示。選中小河馬元件，在新建“圖層”名字改為“人物看天空動作”，在此圖層97幀的位置將小河【ctrl+X】剪切到“關(guān)鍵幀”里，如圖6-38所示。再進入此元件內(nèi)部，將所有元件“分散到圖層”做小河馬看見天空的動畫。在“時間軸”97幀將人物復(fù)制到當(dāng)前位置項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟5在回到上一級元件，當(dāng)下的所有在100幀的位置將層都插入一列“關(guān)鍵幀”，將所有100幀上的元件【ctrl+X】剪切，如圖6-40所示。再新建一個“文件”參數(shù)“默認(rèn)”，如圖6-41所示。把所有剪切的元件【ctrl+V】粘貼到此新建文件的圖層里，然后把所有場景的背景排列成長方形的形狀，如圖6-42所示。點選“文件”→“導(dǎo)出”→“導(dǎo)出圖像”，如圖6-43所示。保存命名為“場景飛速效果1”，文件格式選擇“JPG”，如圖6-44所示。保存后會彈出→“導(dǎo)出JPG”設(shè)置參數(shù)，將品質(zhì)數(shù)值改為“100”，包含改為“最小圖像區(qū)域”，按→“確定”，如圖6-45所示，按【ctrl+S】保存文件，命名為“小河馬動畫”。在“時間軸”97幀將人物復(fù)制到當(dāng)前位置項目六技能強化訓(xùn)練——任務(wù)3在“時間軸”97幀將人物復(fù)制到當(dāng)前位置場景的背景排列成長方形的形狀項目六技能強化訓(xùn)練——任務(wù)3文件導(dǎo)出圖像導(dǎo)出的圖像命名及文件類型設(shè)置圖片參數(shù)項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟6進入Photoshop軟件，新建文檔名稱為“場景飛速效果”寬度為“800像素”高度為“1600像素”分辨率為“100像素”。設(shè)置新建文檔參數(shù)項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟7進入Photoshop新建文檔界面后，將步驟5導(dǎo)出的“場景飛速效果”導(dǎo)入到文檔，選擇“圖層”中的背景并雙擊，彈出“新建圖層”框，點擊確定，如圖6-47所示。將此圖片用選擇工具退拽到新建的文檔里，按快捷鍵【ctrl+T】調(diào)整圖片的大小以及位置，調(diào)整妥當(dāng)后按快捷鍵“Enter”確定。

確認(rèn)新建圖層項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟8在回到上一級元件，當(dāng)下的所有在100幀的位置將層都插入一列“關(guān)鍵幀”，將所有100幀上的元件【ctrl+X】剪切，如圖6-40所示。再新建一個“文件”參數(shù)“默認(rèn)”，如圖6-41所示。把所有剪切的元件【ctrl+V】粘貼到此新建文件的圖層里，然后把所有場景的背景排列成長方形的形狀，如圖6-42所示。點選“文件”→“導(dǎo)出”→“導(dǎo)出圖像”，如圖6-43所示。保存命名為“場景飛速效果1”，文件格式選擇“JPG”，如圖6-44所示。保存后會彈出→“導(dǎo)出JPG”設(shè)置參數(shù)，將品質(zhì)數(shù)值改為“100”，包含改為“最小圖像區(qū)域”，按→“確定”，如圖6-45所示，按【ctrl+S】保存文件，命名為“小河馬動畫”。在“時間軸”97幀將人物復(fù)制到當(dāng)前位置項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟9點擊欄目→濾鏡→模糊→動感模糊，如圖6-49所示。彈出參數(shù)框，參數(shù)角度設(shè)置為“-90”距離為“230”，如圖6-50所示。將出現(xiàn)縱向模糊的效果，如圖6-51所示。調(diào)整好后點擊→“文件”→“儲存為”文件命名為“場景飛速效果-完成”，文件類型選擇“JPG”,如圖6-52所示。確認(rèn)后會彈出JPG參數(shù)的設(shè)置，默認(rèn)確認(rèn)值就可以。設(shè)置濾鏡中動態(tài)模糊項目六技能強化訓(xùn)練——任務(wù)3圖片命名以及選擇圖片類型動態(tài)模糊效果設(shè)置動態(tài)模糊參數(shù)項目六技能強化訓(xùn)練——任務(wù)3圖片質(zhì)量參數(shù)設(shè)置項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟10打開Flash將“素材/項目六/任務(wù)3/Photoshop素材中的背景2，新建一個“文件”參數(shù)“默認(rèn)”，將背景2中樹從，復(fù)制到新建文件的舞臺上，把樹葉粘貼在場景中，點選“文件”→“導(dǎo)出”→“導(dǎo)出圖像”，文件命名為“樹叢模糊效果”，文件格式選擇“PNG”,保存后會彈出→“導(dǎo)出PNG”設(shè)置參數(shù)，包含改為“最小圖像區(qū)域”，按→“確定”，如圖6-54所示。進入Photoshop軟件，將用Flash導(dǎo)出的“樹叢模糊效果”直接退拽到Photoshop的文檔中，如圖6-55所示。將此圖片用選擇工具退拽到新建的文檔里后，按快捷鍵【ctrl+T】調(diào)整圖片的大小以及位置，調(diào)整妥當(dāng)后按快捷鍵“Enter”確定。點擊欄目→濾鏡→模糊→高斯模糊，如圖6-56所示。彈出參數(shù)框，參數(shù)半徑設(shè)置為“4.0”，如圖6-57所示。將出現(xiàn)模糊的效果。調(diào)整好后點擊→“文件”→“儲存為”文件命名為“樹叢模糊效果-完成”，文件類型選擇“PNG”，確認(rèn)后會彈出PNG參數(shù)的設(shè)置，默認(rèn)確認(rèn)值就可以。項目六技能強化訓(xùn)練——任務(wù)3導(dǎo)出PNG的參數(shù)在Photoshop中直接打開素材編輯項目六技能強化訓(xùn)練——任務(wù)3導(dǎo)出PNG的參數(shù)在Photoshop中直接打開素材編輯項目六技能強化訓(xùn)練——任務(wù)3樹叢的最終模糊效果項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟11打開步驟5保存的“小河馬動畫”的文件，回憶步驟5，將100幀的所有元件剪切了，所以100幀目前是空白關(guān)鍵幀?！皶r間軸”的100幀目前是空白關(guān)鍵幀項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟12在“時間軸”新建圖層，命名為“場景飛速效果”，在101幀的位置插入關(guān)鍵幀100幀的位置，將素材/項目六/任務(wù)3/Photoshop素材/“場景飛速效果-完成”的JPG圖片選中直接拖拽舞臺，107幀的位置“插入關(guān)鍵幀”，做出從下到上搖鏡頭的效果。在“時間軸”97幀將人物復(fù)制到當(dāng)前位置項目六技能強化訓(xùn)練——任務(wù)3任務(wù)實施——任務(wù)經(jīng)驗

步驟13在“時間軸”上”新建圖層”，在108幀的位置，插入“關(guān)鍵幀”將“素材/項目六/任務(wù)3/Photoshop素材的背景2的Flash文件復(fù)制到108幀的位置，將復(fù)制進來的元件整個成新的元件，如圖6-61所示。進入到此新建元件的內(nèi)部，地面在“時間軸”上的圖層命名為“地面”。再”新建圖層”，打開“素材/項目六/任務(wù)3/人物設(shè)定打開，將人物復(fù)制到此圖層中，命名為“