Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects培訓

介紹

Adobe Illustrator 和 Adobe After Effects

• Adobe Illustrator 和 Adobe After Effects 中使用的資源和元件
• 在 Adobe Illustrator 和 Adobe After Effects 中設計系統環境

Web Design 概述

• UX 與 UI
• 低保真設計、高保真設計、回應式移動設計

準備開發環境

• 安裝 Adobe Illustrator
• 安裝 Adobe After Effects

使用 Adobe Illustrator 進行規劃和製作動畫

• 創建網站地圖
• 創建低保真線框
• 創建高保真線框
• 創建移動線框
• 使用列網格進行設計
• 使用 Illustrator 範本
• 添加顏色和字體
• 添加和清理圖像
• 使用圖層
• 創建符號和圖示
• 最終確定回應式移動應用程式中的標準

使用 Adobe After Effects 製作動畫

• 從 Adobe Illustrator 導入圖稿
• 創建可重用的元件
• 構建儀錶板磁貼和儀錶板螢幕
• 完成儀錶板磁貼和儀錶板螢幕
• 動畫元素和螢幕
• 創建和添加動畫
• 完成動畫
• 將所有最終序列匯出為gif

總結和結論