GIF圖片制作模板.ppt

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