手把手教你制作一個(gè)gif小動(dòng)畫!

2018-07-17 8627 1

b0d157514d726ac72525aecf9884.jpg


廠哥有話說:當(dāng)你學(xué)習(xí)了一些基本軟件操作后我們可以來制作一個(gè)gif小動(dòng)畫!動(dòng)畫入門必須得做這些小東西哦,別看它們小,里頭有很多知識(shí)點(diǎn)呢~那現(xiàn)在跟著(動(dòng)游方向)廠哥一起來做這個(gè)標(biāo)槍小動(dòng)畫吧!


 


步驟1:首先我們打開PS建新圖層把角色的原型畫出來。
 

(關(guān)于圖層:這個(gè)小動(dòng)畫共有13幀,也就是13個(gè)圖層,可以一開始就建好,也可以在制作過程中建立)
 


 


步驟2:我們這個(gè)標(biāo)槍動(dòng)作分為三個(gè)部分(動(dòng)畫的各個(gè)部分是由每個(gè)動(dòng)作的停頓來做分解的)

第一個(gè)動(dòng)作是蓄力,第二個(gè)動(dòng)作是射標(biāo)槍,第三個(gè)動(dòng)作是觀看遠(yuǎn)方,我們先要把各個(gè)動(dòng)作的起始(也就是“關(guān)鍵幀”)都畫出來。一共有四幀。


 

關(guān)鍵幀1:


 

關(guān)鍵幀2:

386b57514b9132f875a429b61f51.jpg

關(guān)鍵幀3:

關(guān)鍵幀4:

步驟3:之后我們在每兩個(gè)關(guān)鍵幀之間插入“中間幀”中間幀能讓動(dòng)畫過程更加流暢,共三幀。
 


 

第一部分中間幀:

第二部分中間幀:
 

第三部分中間幀:
 


 

步驟4:這一步是加幀,這個(gè)要結(jié)合我們現(xiàn)實(shí)的表演,在動(dòng)作越慢的地方加幀就越多(離開做了幾個(gè)射標(biāo)槍動(dòng)作……),表演動(dòng)作后發(fā)現(xiàn)“準(zhǔn)備時(shí)間”和“蓄力時(shí)間”動(dòng)作比較慢,射標(biāo)槍時(shí)間幾乎就是一瞬間,觀看的話可以很久也可以一瞬間。所以我準(zhǔn)備在“準(zhǔn)備階段”加一幀,“蓄力階段”加一幀。


 

“準(zhǔn)備階段”加幀:

“蓄力階段”加幀:
 

步驟5:然后是添加細(xì)節(jié),我們可以逐幀的調(diào)整頭發(fā)的擺動(dòng)或裙子的運(yùn)動(dòng),這里我在結(jié)尾觀看部分加一個(gè)眨眼給他。
 

7a2a57514bfd6ac72525ae9a964e.jpg

bf095751507e6ac72525aedfe8b9.jpg

d945575150926ac72525ae97e69b.jpg

b8165751509d6ac72525ae9c4792.jpg


 

步驟6:圖層內(nèi)容基本完成后,我們調(diào)時(shí)間軸,打開“窗口-時(shí)間軸”,建新十三幀然后一幀一幀按順序顯示對應(yīng)的圖層。


 

3be3575150a732f875a429663d41.jpg


 


 


步驟7:最后我們調(diào)整秒數(shù),這個(gè)也是靠自己的表演推算時(shí)間的,大家也可以按照下面的秒數(shù)來調(diào)。


 


 

完成!

4921575150d06ac72525ae84502c.jpg

這里所涉及的幀的意識(shí)和步驟都是迪士尼二維動(dòng)畫的常規(guī)做法,先畫“關(guān)鍵幀”后面再加幀加細(xì)節(jié)能讓動(dòng)畫制作變得更加的高效,希望這個(gè)gif能對您的動(dòng)畫制作有些許幫助。


 


 

---------------------我是分割線-----------------------
 


 

廠哥的教程會(huì)分視覺傳達(dá)方向/圖形媒體方向/動(dòng)畫游戲方向,都是我們自己出的或者是翻譯的教程,大家可以持續(xù)關(guān)注我們,我們會(huì)定期分享教程。本次分享就到這里啦,要是有任何遺漏或出錯(cuò)請告訴廠哥哦,我們會(huì)及時(shí)更正。


 

7d0257514b106ac72525ae81a9ed.jpg


44
評論區(qū)(0)
正在加載評論...