GIF圖片制作模板.ppt

,入門(mén)級(jí)GIF表情設(shè)計(jì),Oba 肥雞 style!,主講人： 倪大挫 歡迎關(guān)注 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 上期回顧： 卡通漫畫(huà)角色設(shè)計(jì) 從獠麝雞談起,自我介紹,新浪微博 倪大挫 漫畫(huà)愛(ài)好者，目前供 職于一家房地產(chǎn)媒體 新版SDC吉祥物 “獠麝雞”作者,引入,這些都是GIF,4,課程介紹,從零開(kāi)始學(xué)習(xí) GIF表情制作 主角：SDC 吉祥物獠麝雞,概念解釋,幀：動(dòng)畫(huà)的基本單位，一張靜態(tài)畫(huà)面為一幀 延遲時(shí)間：從某一幀播放到下一幀之間的間隔時(shí)間 關(guān)鍵幀：相對(duì)“過(guò)渡幀”而言，指角色或者物體運(yùn)動(dòng)或變化中的關(guān)鍵動(dòng)作所處的那一幀 過(guò)渡幀：起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間的幀為過(guò)渡幀 幀速：動(dòng)態(tài)畫(huà)面每秒鐘展現(xiàn)的幀數(shù)，單位為幀/秒（fps） 1秒(s)=1000毫秒(ms)，動(dòng)畫(huà)中計(jì)時(shí)單位常用1/100秒,制作工具,軟件： 截圖軟件、SAI（繪圖）、Photoshop（調(diào)整）、 GIF Movie Gear（拼湊） FLASH亦可，軟件的選擇并不重要，能殺豬就是好刀 硬件： 數(shù)位板（Wacom Bamboo Fun CTH-661）,制作工具-GMG,GMG(GIF Movie Gear)的特點(diǎn) 可逐幀調(diào)整延遲時(shí)間 可融合多個(gè)GIF文件 后期處理功能有限，但已足夠使用,設(shè)計(jì)思路-設(shè)計(jì)要求,搞笑 酷！ 忠實(shí)于江南style原型 忠實(shí)于獠麝雞原型 首尾銜接完美，能無(wú)限循環(huán),設(shè)計(jì)思路-參考對(duì)象,江南 style MV 獠麝雞原型,設(shè)計(jì)思路-思路整合,鳥(niǎo)叔的騎馬舞動(dòng)作 關(guān)鍵：腳和手的跳躍和擺動(dòng) 輔助：撅嘴的表情、墨鏡 問(wèn)題：獠麝雞的腳過(guò)于細(xì)小，動(dòng)作表現(xiàn)力度有限 解決方案： 著重表現(xiàn)手部動(dòng)作和表情 加上雞冠的擺動(dòng)增加動(dòng)作力度 腳部動(dòng)作盡可能表現(xiàn)，但不作為重點(diǎn),制作過(guò)程,截圖 挑取循環(huán) 分析動(dòng)作規(guī)律 逐幀繪畫(huà)（從關(guān)鍵幀開(kāi)始） 整合，反復(fù)修改 加背景，搞掂,繪畫(huà)過(guò)程-截圖,截圖 逐幀截下MV中的目標(biāo)動(dòng)作，至少包括一個(gè)循環(huán),繪畫(huà)過(guò)程-挑取循環(huán),挑取循環(huán) 把所有截圖排好順序拉進(jìn)GMG，調(diào)整到合適大小并裁剪掉多余部分,繪畫(huà)過(guò)程-挑取循環(huán),挑取循環(huán) 觀(guān)察并挑取一個(gè)順暢的循環(huán)，刪除其他多余的幀 鳥(niǎo)叔的舞步一個(gè)循環(huán)原本為“左右左左右左右右”，此處簡(jiǎn)化為“左右-左右-左右-左右”，即以“左右”為一個(gè)循環(huán),繪畫(huà)過(guò)程-挑取循環(huán),挑取循環(huán) 播放GIF調(diào)試，“所有幀延時(shí)”調(diào)整節(jié)奏 注意，網(wǎng)絡(luò)傳播中GIF的幀速最好不大于10fps,20幀，所有幀延時(shí)=10 （注：此處所有幀延時(shí)單位為1/100秒),繪畫(huà)過(guò)程-挑取循環(huán),挑取循環(huán) 可通過(guò)“減少幀數(shù)”改變幀數(shù)與幀速的關(guān)系,20幀， 所有幀延時(shí)=10,10幀， 所有幀延時(shí)=10,繪畫(huà)過(guò)程-分析動(dòng)作規(guī)律,分析動(dòng)作規(guī)律 繪畫(huà)之前，先想清楚怎么畫(huà)，不急著動(dòng)筆 把整體拆分為多個(gè)部件思考 軀體為一部件，手為一部件，腳為另一部件，還要添加雞冠為另一部件 反復(fù)觀(guān)察動(dòng)作，各部件的運(yùn)動(dòng)規(guī)律要心中有數(shù) 頭和軀體只有整體位移 手、腳、雞冠：有各自的動(dòng)作變化規(guī)律 繪畫(huà)時(shí)各個(gè)部件要獨(dú)立出來(lái),繪畫(huà)過(guò)程-逐幀繪畫(huà),逐幀繪畫(huà) 先確定關(guān)鍵幀 如腳抬到最高位置的一幀為一關(guān)鍵幀，腳位于最低位置的一幀為另一關(guān)鍵幀，考慮到左右之分，共有4個(gè)關(guān)鍵幀 沒(méi)有動(dòng)作變化的部分可重復(fù)使用 軀體和頭只有位移，沒(méi)有動(dòng)作，可作為固定部分在各幀中剛重復(fù)使用，調(diào)整到合適即可,固定部分,變化部分,繪畫(huà)過(guò)程-逐幀繪畫(huà),逐幀繪畫(huà) 繪畫(huà)順序是草稿-線(xiàn)稿-基本色-簡(jiǎn)單分色區(qū) 繪畫(huà)技巧詳見(jiàn)上期教程，此處略過(guò) 純色填充，不帶漸變,草稿,線(xiàn)稿,基本色,簡(jiǎn)單分色區(qū),繪畫(huà)過(guò)程-逐幀繪畫(huà),逐幀繪畫(huà) 畫(huà)出關(guān)鍵幀后，再根據(jù)動(dòng)作變化規(guī)律補(bǔ)充完關(guān)鍵幀之間的過(guò)渡幀 將前一幀或后一幀半透明化，在此基礎(chǔ)上畫(huà)新的一幀 最難畫(huà)的地方是首末縫合處，需同時(shí)觀(guān)察前后兩幀, 關(guān)鍵幀, 關(guān)鍵幀, 關(guān)鍵幀, 關(guān)鍵幀,繪畫(huà)過(guò)程-逐幀繪畫(huà),逐幀繪畫(huà) 畫(huà)出關(guān)鍵幀后，再根據(jù)動(dòng)作變化規(guī)律補(bǔ)充完關(guān)鍵幀之間的過(guò)渡幀 將前一幀或后一幀半透明化，在此基礎(chǔ)上畫(huà)新的一幀 最難畫(huà)的地方是首末縫合處，需同時(shí)觀(guān)察前后兩幀, 關(guān)鍵幀, 關(guān)鍵幀, 關(guān)鍵幀, 關(guān)鍵幀,繪畫(huà)過(guò)程-整合成GIF,整合 依次輸出各幀圖像，拉進(jìn)GMG，設(shè)定好參數(shù)，檢測(cè)GIF是否順暢,10幀， 所有幀延時(shí)=10,4幀， 所有幀延時(shí)=12,繪畫(huà)過(guò)程-整合成GIF,整合 不合格，推翻重來(lái)！ 不斷修改，直到拿得出手,繪畫(huà)過(guò)程-添加背景,添加背景 背景直接用MV中的圖片PS而來(lái)（移花接木） 背景2幀，獠麝雞10幀，最小公倍數(shù)10，即10幀可實(shí)現(xiàn)背景和肥雞同時(shí)形成循環(huán),繪畫(huà)過(guò)程-添加背景,添加背景 背景直接用MV中的圖片PS而來(lái)（移花接木） 背景2幀，獠麝雞10幀，最小公倍數(shù)10，即10幀可實(shí)現(xiàn)背景和肥雞同時(shí)形成循環(huán),繪畫(huà)過(guò)程-Done!,完成！,練習(xí)方法,從簡(jiǎn)單的動(dòng)作和臉部表情開(kāi)始，動(dòng)作參考火柴人，臉部表情參考QQ自帶默認(rèn)表情 把收集到的GIF拉近GMG，逐幀觀(guān)察，臨摹 進(jìn)階學(xué)習(xí)可參考動(dòng)畫(huà)師生存手冊(cè) 多思考，多分享，你的作品別人能比你更快發(fā)現(xiàn)問(wèn)題,杰克遜雞草圖,創(chuàng)作心得,把想法隨時(shí)用草圖記錄下來(lái) 統(tǒng)一所有幀延時(shí)可調(diào)整整體節(jié)奏，但每一幀均可單獨(dú)設(shè)定不同的延遲時(shí)間 把固定部分和變化部分劃分在不同的組，固定部分重復(fù)使用，適當(dāng)節(jié)省工作量 畫(huà)新的一幀時(shí)先將已有的前一幀或后一幀半透明化，在此基礎(chǔ)上新建圖層描繪 填充顏色盡量用純色，避免使用漸變，一是在GIF中漸變會(huì)走樣，二是漸變?cè)趧?dòng)畫(huà)中容易前后不