MG,即Motion Graphic,代表著動(dòng)態(tài)圖形,這一動(dòng)畫分支如今風(fēng)靡全球。它巧妙地融合了平面設(shè)計(jì)的視覺規(guī)則與動(dòng)畫制作的技術(shù)手段,通常通過簡(jiǎn)潔的幾何圖形來展現(xiàn)豐富的物理特性,進(jìn)而在UI設(shè)計(jì)中發(fā)揮著畫龍點(diǎn)睛的作用。

想要?jiǎng)?chuàng)作出既有趣又富有生命力且邏輯自洽的MG動(dòng)畫嗎?關(guān)鍵在于深入理解以下四個(gè)物理特性,它們將為你解決動(dòng)畫制作中的基本難題。

一、阻力:外界對(duì)物體的影響

在制作動(dòng)畫時(shí),我們往往容易關(guān)注到物體自身的慣性,卻忽視了外界阻力對(duì)物體的影響。例如,在小車運(yùn)動(dòng)中,若忽視了空氣阻力對(duì)車上旗幟的作用,旗幟的動(dòng)效便會(huì)顯得不自然。

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這4個(gè)干貨技巧!第1張圖片

為了更真實(shí)地模擬現(xiàn)實(shí),我們需要考慮到不同材質(zhì)受阻力影響的程度,如輕質(zhì)的旗幟會(huì)比車子更易受空氣阻力影響。

 

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這5個(gè)干貨技巧!第2張圖片

二、慣性:物體運(yùn)動(dòng)的內(nèi)在規(guī)律

慣性是動(dòng)畫制作中最常運(yùn)用,也最易出效果的動(dòng)態(tài)規(guī)律。通過調(diào)整物體的緩入緩出幅度,我們可以模擬出不同質(zhì)量物體的運(yùn)動(dòng)狀態(tài)。例如,當(dāng)小球被磁鐵吸引時(shí),由于慣性的作用,它會(huì)逐漸加速而非瞬間到達(dá)磁鐵處。

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這6個(gè)干貨技巧!第3張圖片

此外,柔軟物體的慣性分布不均,當(dāng)受到外力作用時(shí),其各部分會(huì)產(chǎn)生速度差,導(dǎo)致形變和回彈效果。

 

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這7個(gè)干貨技巧!第4張圖片

三、透視:構(gòu)建二維空間感

在二維動(dòng)畫中表現(xiàn)透視關(guān)系相對(duì)復(fù)雜,但我們可以借助參照物來體現(xiàn)物體之間的空間層次。例如,在高鐵上觀察窗外風(fēng)景時(shí),樹林、遠(yuǎn)山和更遠(yuǎn)的云層由于透視關(guān)系,移動(dòng)速度各不相同。

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這8個(gè)干貨技巧!第5張圖片

通過為不同距離的物體設(shè)定不同的移動(dòng)速度,我們可以營(yíng)造出具有深度感的空間效果。

 

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這9個(gè)干貨技巧!第6張圖片

四、焦距:模擬三維視覺體驗(yàn)

盡管二維動(dòng)畫難以直接表現(xiàn)焦距變化,但我們可以通過色彩和虛實(shí)的調(diào)整來模擬這一效果。例如,通過調(diào)整顏色明暗來暗示物體的前后關(guān)系,

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這10個(gè)干貨技巧!第7張圖片

或者利用模糊效果來增強(qiáng)空間感和鏡頭感。

mg動(dòng)畫不夠生動(dòng)?二維動(dòng)畫不夠亮眼?來學(xué)這11個(gè)干貨技巧!第8張圖片

這些手法都借鑒了繪畫和平面設(shè)計(jì)中的虛實(shí)關(guān)系處理技巧。

 

掌握這四大物理特性,你將能夠創(chuàng)作出更加引人入勝、邏輯嚴(yán)謹(jǐn)?shù)腗G動(dòng)效作品。無論是在UI設(shè)計(jì)還是更廣泛的動(dòng)畫應(yīng)用領(lǐng)域,這些技巧都將助你一臂之力。