動(dòng)畫《別做低頭族》的設(shè)計(jì)與制作

本科生畢業(yè)論文題目：動(dòng)畫《別做低頭族》的設(shè)計(jì)與制作目錄TOC\o"1-3"\h\u25750摘要 第1章緒論1.1課題背景“低頭族”源于英文單詞“Phubbing”，這個(gè)新生的單詞，是由手機(jī)(Phone)和冷落(snub)組合而成的，意思為因長時(shí)間使用手機(jī)而冷落了身邊的人的行為?！暗皖^族”是指如今不論何時(shí)何地都作出“低頭看屏幕”狀的人，是想通過盯住屏幕的方式，把零碎時(shí)間填滿的人。當(dāng)今社會(huì)，隨著智能手機(jī)和平板電腦等移動(dòng)終端的普及，“低頭族”便成為了一種日漸嚴(yán)峻的社會(huì)詬病，對(duì)人的心理和生理都會(huì)產(chǎn)生危害，容易產(chǎn)生信息依賴，加劇人與人之間的溝通障礙，導(dǎo)致人情淡薄、親情疏離、思考退化、認(rèn)知淺薄。手機(jī)本來是為人們溝通交流提供便捷的工具，卻終究難逃淪為疏遠(yuǎn)冷落人心的物品。1.2目的及意義目的：其一，低頭玩手機(jī)的現(xiàn)象隨處可見，而且愈演愈烈，還有向低齡化蔓延的嚴(yán)峻趨勢(shì)，對(duì)此我們必須要重視。手機(jī)作為通訊工具，應(yīng)更好地服務(wù)于人，而不是為人們的“精神鴉片”。對(duì)此，社會(huì)要加強(qiáng)手機(jī)網(wǎng)絡(luò)平臺(tái)的規(guī)范管理，營造積極樂觀的文化氛圍，使公眾將注意力從手機(jī)轉(zhuǎn)為更為精彩的現(xiàn)實(shí)生活。對(duì)于個(gè)人來說，也要提高自制能力，廣泛培養(yǎng)興趣，不可因沉溺手機(jī)而傷害了身體淡了感情，那樣便是得不償失。其二，大學(xué)生涯即將結(jié)束，為了檢驗(yàn)自己大學(xué)學(xué)習(xí)生涯的學(xué)習(xí)水平，也為了檢查自身知識(shí)的積累程度，因此，畢業(yè)設(shè)計(jì)便是其最好的答卷，通過制作和設(shè)計(jì)動(dòng)畫的形式將其呈現(xiàn)，鞏固知識(shí)的同時(shí)也檢驗(yàn)出自身的不足且將其彌補(bǔ)，同時(shí)，也為了以后步入社會(huì)打下堅(jiān)實(shí)的基礎(chǔ)。意義：向社會(huì)普及低頭玩手機(jī)的危害（安全隱患/健康隱患），“低頭族”在社會(huì)安全中面臨原來越多的潛在風(fēng)險(xiǎn)，邊走路邊玩手機(jī)掉入沒有護(hù)欄保護(hù)的深坑，經(jīng)搶救無效死亡。這不僅僅是個(gè)體遭遇，而已具有群體性規(guī)律，兩名青年因過馬路低頭玩手機(jī)，結(jié)果被車撞飛。長期低頭玩手機(jī)，容易使頸椎關(guān)節(jié)發(fā)生錯(cuò)位，引發(fā)一系列身體疾病。第2章制作前期準(zhǔn)備工作2.1創(chuàng)作構(gòu)想2.1.1影片題材類型影片的類型定義為動(dòng)畫片，講述了一個(gè)簡(jiǎn)單明了的低頭玩手機(jī)的故事，本片沒有使用過多的特效和復(fù)雜的場(chǎng)面，而選擇了自己能夠輕松駕馭的表現(xiàn)形式來呈現(xiàn)。2.1.2影片簡(jiǎn)介本片主要展現(xiàn)的低頭玩手機(jī)導(dǎo)致交通混亂，肆意踩踏，人心冷漠的故事，通過該片傳達(dá)了一個(gè)低頭玩手機(jī)的危害，表明了“低頭族”在社會(huì)安全中面臨的潛在風(fēng)險(xiǎn)，呼吁人們不要成為“低頭族”。2.2劇本創(chuàng)作2.2.1場(chǎng)景及分鏡頭腳本設(shè)計(jì)表2-1序號(hào)鏡頭運(yùn)動(dòng)方式景別時(shí)間畫面內(nèi)容1固定鏡頭全景5s標(biāo)題別做“低頭族”2固定鏡頭全景5s主角走在平坦的公路上，低頭玩著手機(jī)3固定鏡頭全景5s主角過斑馬線低頭玩著手機(jī)，不顧旁邊車輛4固定鏡頭全景5s面對(duì)紅燈和車輛喇叭的提醒，自顧自在公路上玩著手機(jī)5固定鏡頭近景5s一只小貓悠閑的躺在地上休憩6固定鏡頭全景5s主角玩著手機(jī)走在公路上，踩到了躺地上休憩的小貓7固定鏡頭全景5s被踩踏的小貓傷心的躺在地上哭，主角玩著手機(jī)揚(yáng)長而去8固定鏡頭全景5s施工場(chǎng)地被護(hù)欄擋住的下水道入口9固定鏡頭近景5s一雙腳從施工人員的頭上經(jīng)過，施工人員抬頭大罵10固定鏡頭全景5s一對(duì)情侶站在路邊，主角玩著手機(jī)從他兩中間闖過11固定鏡頭特寫5s男子眼鏡里的小女孩向電線跑過去12固定鏡頭近景5s小女孩跑向掉落的電線13固定鏡頭特寫5s男子拿著手機(jī)拍照14固定鏡頭特寫5s男子將小女孩觸電掉落的書包發(fā)布到微博，引得多人點(diǎn)贊

第3章設(shè)計(jì)所需的軟件及介紹3.1AdobePremierePro2020軟件簡(jiǎn)介AdobePremierepor簡(jiǎn)稱Pr，是適用電影、電視和Web的領(lǐng)先視頻編輯軟件。常用于視頻段落的組合和拼接、字幕的添加并提供一定的特效和調(diào)色功能，是視頻編輯愛好者和專業(yè)人士必不可少的視頻編輯工具。（如圖3-1）圖3-1PR界面3.2AdobeIllustrator2020軟件簡(jiǎn)介AdobeIllustrator簡(jiǎn)稱AI，是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件，有著保存很快，節(jié)省用戶學(xué)習(xí)成本，比較方便的優(yōu)勢(shì)。（如圖3-2）圖3-2AI界面3.3AdobeAfterEffects2020軟件簡(jiǎn)介AdobeEffects簡(jiǎn)稱AE,是一款圖形視頻處理軟件，屬于層類型后期軟件，與其他軟相比，具有強(qiáng)大的材料集成能力是它的優(yōu)勢(shì)。（如圖3-3）圖3-3AE界面

第4章影片的設(shè)計(jì)制作及其技術(shù)實(shí)現(xiàn)4.1Illustrator場(chǎng)景繪制在本案例中，所有的場(chǎng)景都是用Illustrator軟件進(jìn)行繪制的。首先，Illustrator軟件是Adobe公司開發(fā)的矢量繪圖設(shè)計(jì)軟件，它廣泛應(yīng)用于各類廣告、平面、插畫、UI設(shè)計(jì)等設(shè)計(jì)制作工作中。在此次案例中我所以運(yùn)用此軟件進(jìn)行繪畫場(chǎng)景，因?yàn)锳I的良好的矢量圖型與AE的序列鏈接合成，便捷工作流程。（1）繪制場(chǎng)景。首先，是了解分鏡頭腳本，再根據(jù)前期所構(gòu)思的影片內(nèi)容進(jìn)行整體場(chǎng)景規(guī)劃草圖的繪畫。AI項(xiàng)目設(shè)置按影片要求進(jìn)行項(xiàng)目設(shè)置，1920*1080橫版寬高設(shè)置。（2）正式繪制。前景人物制作，首先使用鋼筆工具勾畫出大體的結(jié)構(gòu)，例如人物的勾畫，先勾畫出頭發(fā)部分再是五官等細(xì)節(jié)部分的繪畫，然后使用圖層關(guān)系上層覆蓋下層，進(jìn)行整體的結(jié)構(gòu)關(guān)系搭配，這樣一個(gè)人物就算完成了。中景道路場(chǎng)景物體的繪制，中景的繪畫需要主要透視關(guān)系，以及考慮物體的后期動(dòng)畫需要制作效果，分清圖層關(guān)系。背景部分，可以簡(jiǎn)單制作，但是不可以忽略。圖4-1AI繪畫（1）資源導(dǎo)出。資源導(dǎo)出這里要做的是一下幾步：第一，打組將每個(gè)對(duì)應(yīng)的獨(dú)立元素進(jìn)行打組，例如人物的上半身我是做獨(dú)立動(dòng)畫的所以打成一個(gè)組，腿部是需要有走路這個(gè)動(dòng)作的，獨(dú)立編組，這樣做的目的是方便后期的動(dòng)畫制作。第二，再窗口下找到資源導(dǎo)出這個(gè)工作面板，將打組好的對(duì)象拖入至資源導(dǎo)出面板中，按shift全選中導(dǎo)出對(duì)于文件夾即可。圖4-2AI資源導(dǎo)出4.2動(dòng)畫制作動(dòng)畫制作部分是整個(gè)影片的關(guān)鍵環(huán)節(jié)，如果場(chǎng)景繪畫是影片的外貌，那動(dòng)畫就是影片情感表達(dá)的靈魂部分。再做案例前需要先將AI導(dǎo)出的場(chǎng)景導(dǎo)入至AE中，導(dǎo)入時(shí)需要注意，需要導(dǎo)入的是單張照片不是序列。整理好文件，再依次組合場(chǎng)景做動(dòng)畫。4.2.1片頭的制作片頭我所使用的是變形文字加圖形的動(dòng)畫效果，文字是在AI里使用柵格化文字功能，在是路徑點(diǎn)的進(jìn)行變形呈現(xiàn)效果，再往加了幾個(gè)不同形態(tài)玩手機(jī)的人物，以突出主題。文字主要是做了從上逐個(gè)往下掉落的關(guān)鍵幀動(dòng)畫。圖形是以手舉手機(jī)的畫面，從下往上逐個(gè)出現(xiàn)關(guān)鍵幀動(dòng)畫。以上的關(guān)鍵幀是給位置和旋轉(zhuǎn)兩個(gè)控制點(diǎn)進(jìn)行k的幀。并且為關(guān)鍵幀進(jìn)行了緩動(dòng)（F9）處理，調(diào)整緩動(dòng)參數(shù)，如下圖4-3片頭制作圖4-3片頭制作圖4-4片頭制作4.2.2人物行走動(dòng)畫的制作人物行走，在本案例中制作了三種行走方式的動(dòng)畫。場(chǎng)景二和場(chǎng)景三的抬腿向前走，技術(shù)這里是使用人偶位置控制點(diǎn)工具（Ctrl+P），先選中對(duì)應(yīng)圖層，再選擇工具進(jìn)行控制點(diǎn)k。我們?cè)趉控制點(diǎn)要分析好人體行走的動(dòng)態(tài)效果，一般都是k在人物關(guān)節(jié)的上（例如下圖4-5場(chǎng)景二和場(chǎng)景三的抬腿向前走），還要在對(duì)象腿部最上方k上固定點(diǎn)，來固定不需要的參與動(dòng)的部分。做完以上工作，在合成面板中選中對(duì)象雙擊U鍵快速打開關(guān)鍵幀，就會(huì)顯示出控制點(diǎn)關(guān)鍵幀?；瑒?dòng)時(shí)間線調(diào)整腳的姿態(tài)，這時(shí)我們就有了兩個(gè)不同姿態(tài)的腳步關(guān)鍵幀。最后，就是將兩個(gè)關(guān)鍵幀復(fù)制粘貼，多重復(fù)幾次，再為整體的人物打上一個(gè)位置移動(dòng)的關(guān)鍵幀（打開3D圖層）圖4-5場(chǎng)景二和場(chǎng)景三的抬腿向前走（1）場(chǎng)景三的上下抖動(dòng)行走動(dòng)畫。給腿部打上位置上下關(guān)鍵幀，復(fù)制重復(fù)幾次即可。再創(chuàng)建一個(gè)空對(duì)象將人物的上半身與制作好的腳父子鏈接到空對(duì)象當(dāng)中，為空對(duì)象打上一個(gè)位置移動(dòng)的關(guān)鍵幀。（2）場(chǎng)景十的連續(xù)腳步動(dòng)畫。這個(gè)方式是要在AI中繪畫三張腳行走不同的姿態(tài)，將三個(gè)姿態(tài)對(duì)象錯(cuò)開即可。如下圖4-6場(chǎng)景十的連續(xù)腳步動(dòng)畫圖4-6場(chǎng)景十的連續(xù)腳步動(dòng)畫4.2.3元素動(dòng)畫的制作元素動(dòng)畫主要是：紅綠燈的閃爍、相機(jī)閃光燈效果。（1）紅綠燈的閃爍。在AI中給等畫一個(gè)紅燈效果的矩形，為該對(duì)象打上不透明度關(guān)鍵幀，即可。（2）相機(jī)閃光燈效果。先給相機(jī)的鏡頭畫一個(gè)白色的純色層，再為純色層畫上蒙版，調(diào)整蒙版羽化效果。再次創(chuàng)建一個(gè)純色層不加模板。最后，給兩純色層打上不透明度關(guān)鍵幀。4.2.4總合成與轉(zhuǎn)場(chǎng)效果的制作總合成里要做的是將每個(gè)場(chǎng)景的合成放到走總合成中，調(diào)整好場(chǎng)景的表現(xiàn)時(shí)長，把控整個(gè)片子的動(dòng)效。轉(zhuǎn)場(chǎng)效果，再場(chǎng)景中添加了五個(gè)轉(zhuǎn)場(chǎng)效果。第一，上下擦除開屏的效果，我所使用的徑向擦除效果控件的過渡效果進(jìn)行制作出來的（如下圖4-7上下擦除開屏的效果）。第二，蒙版路徑轉(zhuǎn)場(chǎng)，創(chuàng)建兩個(gè)純色層為其畫上蒙版，并制作路徑動(dòng)畫（如下圖4-8蒙版路徑轉(zhuǎn)場(chǎng)）。第三，左右開屏轉(zhuǎn)場(chǎng)，使用的是縮放關(guān)鍵幀動(dòng)畫（如下圖4-9左右開屏轉(zhuǎn)場(chǎng)，使用的是縮放關(guān)鍵幀動(dòng)畫）。第四，左右滑動(dòng)轉(zhuǎn)場(chǎng)效果，使用的是位置關(guān)鍵幀來呈現(xiàn)這個(gè)畫面轉(zhuǎn)場(chǎng)效果。第五，左右擦除開屏的效果，所使用的效果更第一個(gè)一樣的方式制作的，徑向擦除效果控件的過渡效果進(jìn)行制作出來的。圖4-7上下擦除開屏的效果圖4-8蒙版路徑轉(zhuǎn)場(chǎng)圖4-9左右開屏轉(zhuǎn)場(chǎng)，使用的是縮放關(guān)鍵幀動(dòng)畫4.3音視頻剪輯合成接下來的工作是再pr中進(jìn)行的剪輯工作。首先，要做的是將總合成文件導(dǎo)入到pr中進(jìn)行剪輯，我這里使用的方法是AdobeDynamicLink序列鏈接合成導(dǎo)入，這樣可以將AE中的走合成文件能在pr實(shí)時(shí)聯(lián)動(dòng)，無需你再次在AE中進(jìn)行渲染工作。如你需要在AE中改動(dòng)或者添加動(dòng)畫的話，pr中也會(huì)自己都更改的，無需再次進(jìn)行剪輯操作。圖4-10AdobeDynamicLink序列鏈接合成導(dǎo)入視頻的剪輯是在AE中的總合成已經(jīng)進(jìn)行了，所以這里可以減少這一步驟。但是，影片結(jié)尾還需文字表述故事情節(jié)，所以這里加了，放大縮小的文字效果動(dòng)畫。這個(gè)效果動(dòng)畫是在pr的效果控件面板下的縮放和不透明度，進(jìn)行k的關(guān)鍵幀動(dòng)畫。圖4-11結(jié)尾文字音頻是分為效果音效和背景音樂，根據(jù)場(chǎng)景的動(dòng)效和環(huán)境尋找效果音效。給音效的音頻線k上關(guān)鍵幀，做出淡出淡入的效果。背景音樂是添加再結(jié)尾文字當(dāng)中，是為了更好的表現(xiàn)出影片情感和要反映的事態(tài)。圖4-12音頻剪輯效果最后，就是影片的導(dǎo)出了。這里要做的：第一主要是格式的設(shè)置，我們通常設(shè)置都是H.264（也就是MP4）編碼格式進(jìn)行輸出的；第二，是輸出對(duì)應(yīng)存儲(chǔ)路徑的輸出設(shè)置，如你未設(shè)置軟件是輸出到你工程目錄下的文件中的；第三，就是比特率編碼設(shè)置，一般是選擇2比特，目標(biāo)比特和最大比特的設(shè)置，目標(biāo)比特是期定文件大小但會(huì)出入，最大比特率是即定文件大小設(shè)置時(shí)多大，最終輸出就多大。圖4-13渲染設(shè)置

第五章總結(jié)此次畢業(yè)設(shè)計(jì)的內(nèi)容主要為以動(dòng)畫的形式講述“低頭族”在社會(huì)安全中面臨的風(fēng)險(xiǎn)。在選題確定以后我遇到了許多的問題，我不知道該如何講述好這個(gè)話題，“低頭族”當(dāng)屬社會(huì)熱門問題，在我上網(wǎng)查閱了有關(guān)低頭族的有關(guān)訊息，權(quán)衡利弊之下，選擇使用動(dòng)畫片的形式來完成此次畢業(yè)設(shè)計(jì)。確定完開題報(bào)告后，在軟件工具使用時(shí)犯了難，因?yàn)橹皩?duì)繪圖軟件都或多或少了解過，但是對(duì)他們的各自的優(yōu)點(diǎn)我還很模糊，于是在室友的建議下，選擇使用AdobeIllustrator來對(duì)素材進(jìn)行繪制。素材準(zhǔn)備過程中，對(duì)于場(chǎng)景的繪制，人物的繪畫，都收到了指導(dǎo)老師和同學(xué)的幫助，讓我能夠順利完成。在使用AdobeAfterEffects進(jìn)行動(dòng)畫制作過程中，對(duì)于人物行走這部分內(nèi)容我不是特別熟悉，我便抽出時(shí)間去網(wǎng)站上學(xué)習(xí)這部分內(nèi)容，最終動(dòng)畫得以順利完成。在論文撰寫過程中得益于指導(dǎo)老師的幫助和解惑，讓我能夠完成論文的撰寫。通過這次畢業(yè)設(shè)計(jì)的制作，讓我明白了想要制作一個(gè)完整的動(dòng)畫并不是手到擒來的，也不是一蹴而就的，需要的是日積月累的堅(jiān)持和努力。雖然畢業(yè)設(shè)計(jì)在指導(dǎo)老師的指導(dǎo)下順利完成，但是自身還是有很多不足的地方，讓我看清了自己的知識(shí)儲(chǔ)備。在往后的日子我會(huì)加倍努力，努力學(xué)習(xí)專業(yè)知識(shí)。

參考文獻(xiàn)[1]張美玲,唐媛媛.互聯(lián)網(wǎng)經(jīng)濟(jì)與手機(jī)智能化背景下“低頭族”現(xiàn)象調(diào)查分析[J].現(xiàn)代商貿(mào)工業(yè),2022,43(06):56-58.DOI:10.19311/ki.1672-3198.2022.06.024.[2]鄭智維.是時(shí)候出手管束“馬路低頭族”了[J].民生周刊,2021(02):7.[3]賴梅艷.動(dòng)畫制作教程[M].北京:機(jī)械工業(yè)出版社2006[4]盛泉.一起對(duì)“低頭族”說不[J].初中生學(xué)習(xí)指導(dǎo),2021(31):40.[5]丁香.告別低頭族[J].學(xué)與玩,2021(05):43.[6]孫立豐.