UI設(shè)計(jì)學(xué)習(xí)下簡(jiǎn)單4步做動(dòng)效logo

來源：m.hebeijilong.cn 發(fā)布人：星星

2022-01-02 12:09:32|已瀏覽：221次

做動(dòng)效logo

第一步，先新建一個(gè)1280*720的合成，然后我們需要一個(gè)進(jìn)場(chǎng)動(dòng)畫，因?yàn)槲业膱D形上是兩個(gè)圓，所以我用一個(gè)小球做一個(gè)簡(jiǎn)單的彈力動(dòng)畫來引導(dǎo)出logo上的兩個(gè)圓形。新建一個(gè)圓形形狀層，在位置上添加關(guān)鍵幀，模擬出彈性動(dòng)畫的效果。

第二步，彈性小球消失，出現(xiàn)三條線，先給小球做一個(gè)消失動(dòng)畫，給一個(gè)透明度就行。然后畫一個(gè)和彈性小球相同大小的線，并且復(fù)制兩層，先給他們一個(gè)透明度，讓他們?cè)趫@消失之后在出來，然后在給一個(gè)縮放效果，來模擬出兩個(gè)圓。
第三步，根據(jù)兩個(gè)圓的半徑畫出兩個(gè)矩形的形狀層，給他們做一個(gè)位置加透明度。
第四步，我當(dāng)初的想法是畫一個(gè)圓去把矩形的上半部分切掉，但感覺整體有些拖沓了，所以就用類似流星的效果把他滑過。首先我們先用鋼筆畫一條路徑，然后給他做修剪路徑。
最后一步，我們把前面畫的所有形狀做一個(gè)透明度效果，讓他慢慢消失，然后再把原logo也做一個(gè)透明度，讓他慢慢出現(xiàn)，最后給logo做一個(gè)旋轉(zhuǎn)動(dòng)畫就可以了。

其實(shí)做這個(gè)動(dòng)效真的不難，都是一些很基礎(chǔ)的操作。我覺得一個(gè)好的logo動(dòng)效不一定要復(fù)雜，炫酷，只要能清晰的展示出logo形狀，行業(yè)特點(diǎn)或者公司品牌的都會(huì)是一個(gè)好的動(dòng)效，如果用素材網(wǎng)站上那千篇一律的素材的話，反而會(huì)沒有什么意義，因?yàn)椋恳粋€(gè)好的logo都是獨(dú)一無二的，每一個(gè)好的動(dòng)效都是萬里挑一的。

本文由培訓(xùn)無憂網(wǎng)AAA教育課程顧問老師整理發(fā)布，更多UI設(shè)計(jì)課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-11915.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050