After Effects 與 Lottie 課程簡介

許多人將 Adobe After Effects 視為創建動態圖形的領先軟體。利用 Webflow，您可以將 After Effects 動畫整合到網頁設計中。

在我們的教學「Webflow 中的 After Effects 和 Lottie」中，我們將引導您設定 After Effects 動畫，以便在頁面載入時、捲動時、捲動過程中或點擊時進入視圖時觸發。我們將示範在 Cinema 4D 或 Blender 中渲染影像序列的過程，以及如何根據滑鼠的位置管理該序列。

所有這些都可以直觀地實現，無需任何編碼。

這些動畫是使用開發的 Airbnb 的洛蒂 只需 4 個簡單步驟即可產生：

1. 在 After Effects 中建立動畫
2. 使用名為 Bodymovin 的插件匯出動畫
3. 合併您的動畫
4. 建立觸發器並自訂動畫設置

探索 Webflow 中 After Effects 和 Lottie 的功能，了解如何充分利用 After Effects 和 Webflow 的全部功能。