做的動(dòng)效不夠q彈，不知道大家有沒(méi)有這樣的苦惱，如果有的話，可以看看這篇文章，沒(méi)準(zhǔn)看完你就能白點(diǎn)什么！一起來(lái)看看為什么做的動(dòng)效總是不夠Q彈！
最近在工作上做了一個(gè)底部圖標(biāo)——圈子：
點(diǎn)擊動(dòng)效如下：
在整個(gè)制作的過(guò)程中總結(jié)了一些小經(jīng)驗(yàn)，今天分享給大家：
-
1.不能只是縱向形變
最開(kāi)始中間的兩個(gè)圓形做的效果是這樣的:
總感覺(jué)不夠q彈，不夠自然，后來(lái)找了一下原因，原來(lái)是因?yàn)槲业男巫冎挥锌v向的拉伸。我們隨便看兩幀的數(shù)值：
只有縱向也就是y軸數(shù)值在變化。
我們?cè)囅胂拢绻粋(gè)有彈力的物體被壓扁，除了高度變矮以外，是不是橫向也會(huì)變胖，所以只有縱向變化就不符合自然規(guī)律，所以才會(huì)看起來(lái)不自然。
于是我做了一些調(diào)整，除了縱向變化，橫向數(shù)字也隨之調(diào)整，調(diào)整后的效果如下：
為了讓大家更加清晰的看清效果，我們可以再看下兩個(gè)對(duì)比圖：
是不是后面的更加自然一些！
2.你的中心點(diǎn)別放錯(cuò)了
在每個(gè)圖層都會(huì)有中心錨點(diǎn)：
這個(gè)大家應(yīng)該都知道，錨點(diǎn)為止不一樣，那形成的動(dòng)效肯定也是不一樣的。
在k動(dòng)畫(huà)之前，一定要想清楚物體的中心點(diǎn)應(yīng)該放在那里，并不是所有的動(dòng)畫(huà)中心點(diǎn)都是在物體中心的。
比如我們這個(gè)動(dòng)畫(huà)，類似于你用手去按這個(gè)物體，然后物體下面是一個(gè)地面：
在你用力的時(shí)候，物體與地面接觸的地方成為受阻力的開(kāi)始，也就是形變的開(kāi)始，所以我們的中心點(diǎn)就應(yīng)該是物體與地面接觸的地方：
我們可以看一下“錨點(diǎn)在物體中心”與“錨點(diǎn)在與地面接觸的地方”，二者的區(qū)別：
錨點(diǎn)在物體中心：
錨點(diǎn)在與地面接觸的地方：
很顯然，后者才符合單手指擠壓的現(xiàn)實(shí)規(guī)律，才能得到你想要的結(jié)果！
3.為了生動(dòng)，除了位移變化，長(zhǎng)度也要變化
以前做的移動(dòng)的動(dòng)畫(huà)，基本就是位置有個(gè)回彈的動(dòng)畫(huà)，比如下面這種：
這次這個(gè)線條有點(diǎn)不一樣，除了位移的上回彈，長(zhǎng)度還會(huì)有微小變化，從短變長(zhǎng)，再變短，我們可以看下有長(zhǎng)度變化和沒(méi)長(zhǎng)度變化的區(qū)別：
仔細(xì)觀察，你會(huì)發(fā)現(xiàn)，前者會(huì)更有細(xì)節(jié)，更Q彈！
4.豐富更多的細(xì)節(jié)
做到這里，大概的效果是這樣的：
當(dāng)然，還可以繼續(xù)想辦法豐富細(xì)節(jié)，比如那兩個(gè)小線條冒出來(lái)之前，先冒出來(lái)更小的線條，豐富層次：
這樣可以讓整體更加熱鬧，更加耐看一些。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。