After Effects與形狀變形

shape morphing with After Effects

有沒有想過如何變形形狀?特別是在After Effects?只需要12個簡單的步驟。我已經有一個簡單有效的方法來做這件事情,你可以用矢量路徑將不同的路徑相互轉換。

1、創建新合成


新建合成

在新項目中,創建1200px*630px大小的合成,持續時間設置為4秒,這樣可以有足夠的時間來改變形狀,保持新的形狀一秒鐘,變回原來的形狀并保持一秒鐘。

2、添加背景


添加一個黃色背景

創建一個新的純色圖層并給它一個顏色,我選擇了可愛的Engage黃色#FFEEOO,鎖定該圖層,這樣它就不會干擾其他的過程。

3、創建形狀圖層


新形狀圖層

使用矩形工具,在合成里繪制一個矩形。不要擔心為什么看起來會是這樣,因為這不是我們最終變形形狀。

4、轉換為貝塞爾路徑


貝塞爾路徑

下拉形狀屬性,進入Contens,然后進入rectangle 1,右鍵點擊矩形路徑并將其轉換為貝塞爾路徑。這將把矩形轉變為具有變化為不同形狀的能力的關鍵幀路徑。

5、繪制你的形狀


繪制形狀

我們現在需要繪制我們想要變形的形狀,你可以再After Effects中做到這一點,但在這個例子中,我要從Illustrator復制并粘貼路徑。這種工作方式是很好的,因為實際上Illustrator是專為創建矢量形狀而應運而生的。在這里,你可以看到我畫了一個480px*480px的正方形和圓形,選擇正方形點擊復制。

6、添加第一個關鍵幀


第一個關鍵幀

回到After Effects,確保當前時間指示器位于時間軸的最開始處,打開Path1,讓后點擊小秒表圖標在時間軸開始處插入關鍵幀。

7、將你的形狀粘貼到時間軸上


粘貼路徑到時間軸

在當前指示器的同一位置,粘貼你的形狀,并使用對齊工具將其和合成居中對齊。

8、粘貼你的第二個形狀


粘貼圓形

現在我們需要圓形,回到Illustrator并復制圓形。返回After Effects將當前指示器移動到后1s,并選擇Path1,點擊粘貼。

9、檢查你的動畫


預覽動畫

如果你沿著時間軸滑動,你會看到現在創建了兩個不同形狀路徑之間的過渡效果。

10、暫停動畫


暫停1s

為了包裝動畫,我們想要圓形暫停一秒鐘,然后變回原來的形狀。為此,只需要復制第二個關鍵幀,將當前時間指示器移動到2秒,然后點擊粘貼。

11、完成循環


還原形狀

現在將其還原為原始形狀。從時間軸開始復制原始關鍵幀,將當前時間指示器移動到3秒鐘,然后點擊粘貼。這將轉換成你的原始的形狀并完成循環,空格鍵進行內存預覽動畫。

12、整理


最終動畫

瞧!After Effects形狀變形完成。

記住,這是矢量圖形變形的最基本的形式。一旦你掌握了這些,你就可以使用這些步驟創建更復雜的形狀變化。

本文原作者:James

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容