ps cc結合AE做一個時鐘動態(tài)圖

2023-10-22 17:23:01 來源/作者: / 己有:1人學習過

 

5、在AE里制作動畫

 

將PSD文件正確導入AE之后,我們就可以開始動畫的制作了,介于本篇教程是基礎篇,具體的動畫內容、技巧等不作太多贅述,計劃在以后的教程里做展開。這里只聊聊AE的基本操作。

首先我們看下AE的界面:

雙擊打開PSD文件同名的合成(例:未標題-1)

 

Photoshop結合AE制作動態(tài)圖片教程

 

項目面板——所有素材、合成都在這里哦。

 

Photoshop結合AE制作動態(tài)圖片教程

 

這個面板顯示打開的合成里的各個層,注意到在PS里分好的組是以合成的形式存在的,雙擊之可進入“組1”、“組2”。

 

Photoshop結合AE制作動態(tài)圖片教程

 

預覽面板,可以看懂我們的小圖圖了連參考線也能導入哦。其實AE可以把PS里的路徑、圖層樣式、參考線、分組統(tǒng)統(tǒng)導進來,果然是Adobe自家兄弟!


Photoshop結合AE制作動態(tài)圖片教程


時間軸,大概是UI設計師們比較陌生的東西了,別怕,西西帶你玩轉它!

 

Photoshop結合AE制作動態(tài)圖片教程


萬事開頭難,下面我們先來做個最簡單的動畫,本例是一個鐘,那就讓指針轉一圈。把時間軸上的指針移到0秒,找到指針所在圖層(組4),點開小三角,點Transform->Rotation(變換->旋轉)旁邊的小秒表,這樣我們就在0秒處添加了一個關鍵幀,如圖:

 

Photoshop結合AE制作動態(tài)圖片教程

 

然后將指針移到10秒處,將旋轉數值設為360°(會自動變成1x+0.0°),意思是轉了一圈。好,按下空格播放可以看到旋轉的效果。

 

Photoshop結合AE制作動態(tài)圖片教程

 

 

如何做炫目的效果不是本篇教程的目的,成功動起來了咱就翻篇吧~

 

再次提醒:一定要記得隨時存盤!