學習如何使用 Illustrator 和 After Effects將一個靜態(tài)的圖標變成一個有趣的動畫。

• 在 Illustrator 中準備 SVG

• 在 After Effects CC 中導入和組織

• 動畫過程

Illustrator中準備SVG

讓我們先在Adobe Illustrator 中打開你選擇的SVG文件。我將為一個小汽車圖標制作動畫；打開文件后，我們需要將所有的對象解組并分離到各層。你可以手動操作，或者使用釋放到圖層（序列）來加速這一過程。最后，我們需要在導入After Effects 之前保存為Illustrator 文件。

在 After Effects中導入和整理

現(xiàn)在，我們已準備好導入 After Effects 。讓我們使用鍵盤快捷鍵或加載對話框，或?qū)Ш降綇哪抢?，選擇我們準備的 Illustrator 文件并單擊 。應出現(xiàn)一個較小的對話框，其中包含所選文件的名稱。從標記為 的下拉列表中選擇。

在在時間軸面板中，我們應該看到一個新的構圖。雙擊新合成。我們現(xiàn)在應該看到我們的 Illustrator 圖層，其橙色圖標位于圖層名稱的左側(cè)。

在我們開始工作之前，我們需要將所有這些圖層轉(zhuǎn)換為形狀圖層。我們可以通過使用或手動選擇，選擇圖層后，右鍵單擊圖層，然后選擇.Ctrl+A/Command+AShift+Left MouseCreate > Create Shapes from Vector Layer

現(xiàn)在，新的形狀圖層被高亮顯示，把它們拖到面板頂部的Illustrator圖層之上。刪除Illustrator 圖層，以清理雜亂。

雖然不是必需的，但重要的是我們?yōu)槊總€形狀圖層提供適當?shù)拿Q和/或標簽顏色。這樣做將使我們能夠在專注于關鍵幀時更有效地工作。在下面的示例中，標簽的顏色或多或少與其各自形狀圖層的填充相匹配。

使用鍵盤快捷鍵或調(diào)整設置。從合成設置中，我們需要選擇寬度、高度、幀速率和持續(xù)時間。對于這個項目，由于其流暢性，我選擇了每秒 60 幀。Ctrl+K/Command+KComposition > Composition Settings…

在這一點上，似乎一切都準備好了，但還有最后一件事要完成準備工作：我們需要將某些層組合在一起，以便它們的運動與我們可以控制的另一個主層同步。這種方法被稱為 "父子關系/父子級"。

對于我們的例子，我把不太重要的層（子層），如擋風玻璃、車身細節(jié)、樹和繩索分配給主要的車身層（父層）。這樣我就可以只用父層來控制整個汽車（不包括車輪）的位置和旋轉(zhuǎn)等屬性。

動畫制作過程

我想讓汽車圖標撞到石頭上，稍微飛起來，抬起樹，并打開樹干。我從巖石、汽車和車輪開始，使其彈跳力恰到好處。然后，是時候解決最大的障礙了：在樹上創(chuàng)建重疊動作。完成后，我開始處理較小的細節(jié)，如樹干和繩索。

第一件事是制作巖石元素或?qū)樱覜]有返回Illustrator添加另一個層，而是簡單地在After Effects 中使用。使用鋼筆工具進行繪制，它使我能夠迅速設計出小巖石的形狀。

我把它的位置設置在紅色車輛的后面，并把錨點設置在左下方的頂點。使用 ，我把它分配到車體父層。倒數(shù)第二步是給旋轉(zhuǎn)屬性粘貼一個表達式，使該層具有彈跳/過沖效果。然后我添加了旋轉(zhuǎn)的關鍵幀。

其他的動畫都是以類似的方式完成的，直到它看起來和感覺都是正確的，花時間使用預覽面板觀察不同速度的動畫

如果對你有所幫助，別忘了點贊關注哦！