✍️
注意事項
請注意! Phase 會持續更新和優化功能，因此我們的教學影片可能與目前的軟體介面稍有差異。
匯入
並非每個人都會從零開始設計。我們的許多工作流程都是從匯入現有檔案開始。無論是庫存圖形、隊友的作品，或是在其他地方創作的設計。我們透過 SVG 和 Lottie 來匯入檔案，讓使用者可以使用 Figma、Illustrator、After Effects 等工具製作動畫。
匯入檔案
- 點擊「匯入」按鈕，並使用檔案總管選擇檔案。
- 在瀏覽器視窗中選擇檔案。Phase 目前支援 SVG、Lottie、圖片檔以及 Phase 檔案。
- 會開啟一個新檔案。
- 在畫布上開始編輯。
或者，直接將 SVG 和 Lotties 檔拖曳到 Phase 面板上即可開始使用。新檔案會自動建立。
SVG 檔匯入注意事項
如你所見，匯入檔案很簡單。為了確保匯入 SVGs 和 Lotties 檔案有最佳效果，參考下列提示。
以下是將檔案匯入 Phase 後會出現的情況：
- 時間軸：預設動畫長度為 0.1 秒，可使用時間軸控制調整。
- 圖層層級：Figma/Illustrator 的圖層群組與命名將會消失；所有元件都會在畫布的容器中。
- 圖層中心點：圖層中心點會自動設定在左上方。若要設在中央，首先展開「變形」索引標籤。再點擊中心點格點中間的圓圈。以旋轉、縮放或傾斜方式，設定中心點。
- 漸層位置：檔案匯入時漸層位置可能會改變。使用填色方式調整，達成所需的視覺效果。
- 文字處理：檔案匯入時文字會轉換成路徑。我們的特效器可能有出現些微曲率問題，影響 MP4 和 GIF 匯出檔案視覺效果。Lottie 匯出檔案則不受影響。
雖然 SVG 檔案透過 JavaScript 支援互動元件和腳本，但其主要用途是靜態圖形。可能不具備與 Lottie 檔案同等級的互動性和動畫功能。
匯入 Lotties 檔
從預先製作的 Lottie 動畫開始，有助於建立初始時間順序，或向其他動畫師學習。以下為從 LottieFiles.com 匯入 Lottie 動畫的範例。
- 到 LottieFiles.com 網站，使用搜尋列找到喜歡的動畫。也可以到 Products > Free Animations 或 Marketplace 瀏覽動畫。
- 找到喜歡的動畫時，選取動畫，然後點選 儲存至工作區。需要註冊 LottieFiles 帳戶才能使用。有些動畫需要專業版授權或額外付費。
- 選擇 Lottie JSON 檔案格式並下載檔案。
- 開啟 Phase 儀表板，然後選取 匯入。
- 選取 JSON 檔案並開啟。
- 現在可以開始在畫布上進行編輯。
匯入圖片檔
只需遵循以下步驟，即可將圖片檔由電腦匯入 Phase 儀表板：
- 在儀表板中，點擊「新增」按鈕建立新檔案。
- 按擊左上角的「插入新作品」按鈕。
- 瀏覽並匯入我們的圖片，可以是 .png、.jpg 或 .gif 格式。
- 開始編輯畫布上的圖片。
複製並貼上
複製與貼上功能讓我們可以在多個專案中輕鬆切換並協同工作，在 Phase 工作區中，管理與編輯各種檔案、設計元件與作品。我們可以複製和貼上 SVG 元件和圖片，甚至是匯入的 Lottie 動畫中的個別元件。
- 如果要複製元件，在該元件上按一下滑鼠右鍵，然後選擇複製，或使用快捷鍵 。CtrlC或Command ⌘C
- 如果要貼上元件，在畫布上按一下滑鼠右鍵，然後選擇貼上。我們也可以使用快捷鍵 。CtrlV或Command ⌘V
匯入檔案類型
- GIF：GIF 檔為小型循環動畫的首選，非常適合網站嵌入或社交媒體。
- MP4：如果要匯出高品質的視訊，MP4 檔是最佳選擇。
- Lottie (.json)：Lottie JSON 檔可進行動畫編輯而且檔案容量較小。非常適合在各種平台和應用程式流暢地播放動畫。
- dotLottie (.lottie)：DotLottie 檔案可將 Lottie 動畫壓縮成單一獨立的組合，檔案容量較小，非常適合簡化分享與部署過程。
開始製作動畫
開始使用我們免費的動畫軟體