ps cc結(jié)合AE做一個(gè)時(shí)鐘動(dòng)態(tài)圖
5、在AE里制作動(dòng)畫
將PSD文件正確導(dǎo)入AE之后,我們就可以開(kāi)始動(dòng)畫的制作了,介于本篇教程是基礎(chǔ)篇,具體的動(dòng)畫內(nèi)容、技巧等不作太多贅述,計(jì)劃在以后的教程里做展開(kāi)。這里只聊聊AE的基本操作。
首先我們看下AE的界面:
雙擊打開(kāi)PSD文件同名的合成(例:未標(biāo)題-1)
項(xiàng)目面板——所有素材、合成都在這里哦。
這個(gè)面板顯示打開(kāi)的合成里的各個(gè)層,注意到在PS里分好的組是以合成的形式存在的,雙擊之可進(jìn)入“組1”、“組2”。
預(yù)覽面板,可以看懂我們的小圖圖了連參考線也能導(dǎo)入哦。其實(shí)AE可以把PS里的路徑、圖層樣式、參考線、分組統(tǒng)統(tǒng)導(dǎo)進(jìn)來(lái),果然是Adobe自家兄弟!
時(shí)間軸,大概是UI設(shè)計(jì)師們比較陌生的東西了,別怕,西西帶你玩轉(zhuǎn)它!
萬(wàn)事開(kāi)頭難,下面我們先來(lái)做個(gè)最簡(jiǎn)單的動(dòng)畫,本例是一個(gè)鐘,那就讓指針轉(zhuǎn)一圈。把時(shí)間軸上的指針移到0秒,找到指針?biāo)趫D層(組4),點(diǎn)開(kāi)小三角,點(diǎn)Transform->Rotation(變換->旋轉(zhuǎn))旁邊的小秒表,這樣我們就在0秒處添加了一個(gè)關(guān)鍵幀,如圖:
然后將指針移到10秒處,將旋轉(zhuǎn)數(shù)值設(shè)為360°(會(huì)自動(dòng)變成1x+0.0°),意思是轉(zhuǎn)了一圈。好,按下空格播放可以看到旋轉(zhuǎn)的效果。
如何做炫目的效果不是本篇教程的目的,成功動(dòng)起來(lái)了咱就翻篇吧~
再次提醒:一定要記得隨時(shí)存盤!
標(biāo)簽(TAG) 動(dòng)畫教程 設(shè)計(jì)教程 原創(chuàng) 自譯教程 圖像處理 bigxixi