After Effect FAQ 常見問題開講:如何使用向量工具製作像 Animate (原名Flash) 的形狀漸變動畫?
一、前言
之前曾介紹過兩篇關於 Animate 中很方便的導引線功能,如何在 AE 中使用,這次來跟大家分享使用 AE 內建向量工具,如何製作出形狀與顏色漸變的向量動畫!
以下把 AE 向量工具在使用上的相關重點,概要列出,實際的操作方式請參閱下方的教學影片!
二、兩種在 AE 中建立向量圖層的方式
1.使用 AE 內建的預設形狀與鋼筆工具
如果使用 AE 預設的矩形、圓角矩形、圓形…等形狀時,會有該基本形狀特有的相關屬性,必須將它如下圖,轉換為標準的貝茲曲線路徑,才能進行形狀與顏色的漸變動畫。
2.從 Illustrator 匯入向量圖層後,轉換為 AE 向量圖層
比較複雜的圖形,可以在 Illustrator 中完成,但必須注意,一個物件必須由同一個路徑完成,才能進行該路徑的向量形狀漸變動畫。
匯入 AE 之後,在時間軸的該圖層上按右鍵 / Create / Create Shapes from Vector Layer
轉換完成後,原始的 Illustrator 圖層會自動關閉「眼睛」,讓圖層隱藏,並生成一個相同名稱的 AE 向量圖層。
三、在 AE 建立向量路徑動畫的方式
1.在第一個向量形狀的 Path 屬性,開啟碼錶,設定關鍵影格
2.依下面步驟,將要變形後的向量形狀 Path,複製到前一步驟向量圖層結束時間的 Path 上,就會自動增加一個關鍵影格,完成向量形狀漸變
如果想要加上 Stroke 線條或是 Fill 填色的顏色變化,則可以配合下方的 Stroke 與 Fill 屬性,加入關鍵影格。
四、教學影片
五、After Effect 向量形狀漸變動畫範例檔
※ 教學資料總整理:
- 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/
- Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/
- OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw
- 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools/
- 啟芳出版:(高職商業與管理群) 數位科技應用下冊
※ Youtube 直播與研習記錄:
- 1130819 屏東縣資訊教育資源中心:數位科技教材製作與教學應用百寶箱研習記錄
- 1130722 屏東縣資訊教育資源中心:Canva 2024 全新改版介紹與 AI 雲端影像處理資源應用研習記錄
- 1130625 高雄新莊高中:混成(複合)教學經驗分享與mmhmm虛擬攝影棚應用研習記錄
- 1130615、0616 中彰投分署創客基地:我的造型馬克杯-AI繪圖創作大時代 + 熱昇華轉印研習記錄
- 1130524 屏東縣資訊教育資源中心:mmhmm 虛擬攝影棚這樣玩:讓簡報、線上課程與教材錄製更生動有趣的雲端視訊工具! 研習記錄
- 1130420 大甲高中:AI創作大時代,探索人工智慧協同創作的無限可能性!研習記錄(實體+線上)
- 1130418 中彰投分署創客基地:活用 Notion 筆記創作記錄好幫手研習記錄
- 1130313、0320 鹿港鎮文開國小:用 Web:Bit 真假開發板體驗 AIoT 物聯網應用
- 1130225 TCN創客基地:Canva 與 3D 列印的跨域合作 - 3D浮雕卡片製作研習記錄
- 1121215:臺北市教師研習中心:mmhmm 虛擬攝影棚與 Vrew 字幕編輯研習記錄
- 1121212 文興高中:AI創作大時代:探索人工智慧協同創作的無限可能性!研習記錄
- 1121108、1129 新北市海山高中:用 Google Earth 關心地球大小事,輕鬆完成各種地理資訊與地圖動畫
- 1121006 臺北市教師研習中心:Hubs by Mozilla 3D 混合實境應用
- 1121005 臺北市教師研習中心:AI創作大時代:探索人工智慧協同創作的無限可能性!研習記錄
- 1120928 臺北市教師研習中心:找AI幫幫忙!ChatGPT生成式AI應用研習記錄
- 1120907 臺北市教師研習中心:Sweet Home 3D 免費開源室內設計研習記錄
- 1120915 臺中市國中自然科輔導團:AI創作大時代:探索人工智慧協同創作的無限可能性!
- 1120819 中彰投創客基地「活用 Notion 筆記規劃,做好全方位個人知識管理(基礎+進階)」研習記錄
- 1120808、0809 金門縣 「用1Know任務闖關,進行班級經營與翻轉學習」與「用1Know、OHA雲端教室輕鬆進行班級經營與翻轉學習」研習記錄
- 1120810 屏東縣資訊教育資源中心 「Sweet Home 3D免費開源室內設計」研習記錄
- 1120610 中彰投創客基地:「mmhmm 虛擬攝影棚 + Vrew 字幕編輯,讓錄片影製更生動有趣! (線上)」研習記錄
- 1120606 中彰投創客基地「AI人工智慧 Chat GPT 的應用(線上)」研習記錄
- 1120509、1120531(忙碌五月天)中彰投創客基地與屏東縣資網中心兩場次「用Google Earth關心地球大小事」研習記錄
- 1120513、0514、0520、0521、0527、0528 (忙碌五月天)花蓮縣教育局六場次「用1Know、OHA雲端教室輕鬆進行班級經營與翻轉學習」研習記錄
- 1120330、0331 高雄醫學大學 mmhmm 虛擬攝影棚與 Vrew 字幕剪輯、屏東潮洲科技中心 Sweet Home 3D 研習記錄
- 1111125、1202 銘傳大學:mmhmm 虛擬攝影棚 + Vrew 字幕編輯,讓教材錄影更生動有趣!研習記錄
- 1111019、1026、1102、1123 修平科技大學:混成教學 快速上手應用研習記錄
- 屏東縣資教中心111年「OBS虛擬攝影棚應用」研習直播影片,六小時介紹完整 OBS 教學情境、如何加入即時字幕與 mmhhmm 另類虛擬攝影棚!
- 1110826、0906 跟著「OHA雲端教室」開學去!(您線上線下、混合式教學的好幫手) !線上研習直播影片
- 1110816 屏東縣資訊教育資源中心:Canva 教育版在教材製作與互動簡報的應用!線上研習直播影片
- 1110815 木柵高工「OHA雲端教室 + 1Know 翻轉學習平台」您線上線下、混合(複合)式教學的好幫手!線上研習直播影片
- 1110512 「用1Know任務闖關,進行班級經營與翻轉學習」線上研習直播影片
- 1110527 屏東縣資教中心111年「線上線下混合式教學互動」研習直播影片,內容主要介紹 HiTeach CC免費跨平台雲端服務、Pear Deck投影片互動提問
- 1111015 花蓮高商:Webduino 物聯網實務與應用講座研習記錄
- 1110712、0714、0716 南投創客基地:Webduino 賓果遊戲雷切盒!線上研習直播影片
※ 延伸閱讀:
- After Effect FAQ 常見問題開講:用 Pre-compose 解決多個半透明圖層重疊時會遇到的「鬼影」問題
- After Effect FAQ 常見問題開講:挑戰魚兒水中游的導引線動畫,看看魚兒如何華麗轉身?
- After Effect FAQ 常見問題開講:
AE 也有 Flash(Adobe Animate CC) 的導引線動畫路徑嗎?讓路徑移動動畫可以更方便! - After Effect FAQ 常見問題開講:Illustrator 如何將同一圖層中多個物件轉換為個別的獨立圖層?
- 透過免費 mamoworld JSON AE Scripts,只要更新 JSON 檔案內容,就能快速更換 AE 影片中的文字與元素,讓您輕鬆建立 AE 動畫範本!
- 用 Google Earth 關心地球大小事:使用 Google Earth Studio 線上服務與 After Effect 整合,製作 3D 攝影機追蹤點動畫
- After Effect FAQ 常見問題開講:如何透過 Creative Cloud 安裝舊版本 After Effect?
- After Effect FAQ 常見問題開講:使用 Creative Cloud 安裝 AE 後,卻出現 Licesing Error 無法啟動!
- After Effect FAQ 常見問題開講:如何使用 Fractal Noise 製作靜態星空背景、CC Star Burst 製作動態星空背景?
- After Effect FAQ 常見問題開講:如何將圖層或是Composition的動畫,顛倒順序播放!
- After Effect FAQ 常見問題開講:如何重新調整 Composition 合成動畫關鍵影格播放時間?只要透過關鍵影格縮放或是 Enable Time Remapping 就可以囉!
After Effect FAQ 常見問題開講:為什麼時間軸上找不到設定「3D圖層」與「Motion Blur動態模糊」的圖示選項? - After Effect FAQ 常見問題開講:正確的專案檔開啟方式,別再層層堆疊的資料夾中「翻箱倒櫃」地尋找你的「真命天子」了!
- After Effect FAQ 常見問題開講:如何使用Maker標記在AE中新增註解或備忘事項
- After Effect FAQ 常見問題開講:如何快速將多張圖檔依序 (Sequence Layers) 加入 TimeLine 時間軸,別再浪費時間逐一調整了!
- After Effect FAQ 常見問題開講:工作面板不小心關閉或是位置已跑掉,「自然療法」沒有效喔!
- After Effect FAQ 常見問題開講:開啟專案檔時,發現素材已遺失該怎麼處理?
- After Effect FAQ 常見問題開講:常用的工作面板開合快速鍵介紹 (2)
- After Effect FAQ 常見問題開講:如何切換 Compoosition 中計算影片長度單位為 FPS 或 Frame?
- After Effect FAQ 常見問題開講:如何匯入連續圖檔(縮時攝影檔案)?
- After Effect FAQ 常見問題開講:AE CC 開始內建的 Cinema 4D Lite 基本使用 - 如何建立 3D 文字模型?
- After Effect FAQ 常見問題開講:圖層的縮放與路徑的縮放,到底哪裏不一樣?
- After Effect FAQ 常見問題開講:都是 Layer Style 圖層樣式惹的禍!3D 圖層與 Layer Style 圖層樣式為什麼不能魚與熊掌兼顧?
- After Effect FAQ 常見問題開講:為什麼 Camera 攝影機、Light 燈光都有設定,3D 圖層就是沒有產生投影(陰影)?
- After Effect FAQ 常見問題開講:為什麼視訊檔案在AE中播放是 OK 的,但是輸出影片時就變成素材遺失呢?
- After Effect FAQ 常見問題開講:用 CC Snowfall AE 內建濾鏡,為聖誕節輕鬆增加下雪氣氛!
- After Effect FAQ 常見問題開講:如何顯示 / 隱藏圖層控制項 View / Show Layer Control?(因為有時候會手殘,不小心按到喔!)
- After Effect FAQ 常見問題開講:如何快速替換時間軸上的圖層,別再傻傻的每次都打掉重練了!
- After Effect FAQ 常見問題開講:常用的工作面板開合快速鍵介紹 (1)
- After Effect FAQ 常見問題開講:Composition 合成也能使用 Expression 語法,不斷重複播放動畫,真的可以不用「手工」逐一加入喔!
- After Effect FAQ 常見問題開講:如何使用 Expression 語法,讓圖層中指定的關鍵影格範圍不斷重複執行,不要再用「手工」複製關鍵影格啦!Orz Orz Orz
- After Effect FAQ 常見問題開講:已經套用 Easy Ease 的 Keyframe 關鍵影格類型或是已手動調整過關鍵影格的貝茲曲線 ,如何恢復為原本 AE 預設值?
- VIDEO COPILOT 新的 After Effect 免費濾鏡 Plug-In:SABER 光劍、火焰、能量球動畫製作 與 Glass Eyes 玻璃眼睛貼片動畫製作
- Adobe Creative Cloud 2015 正式發表,After Effects CC2015 增添人物動畫製作生力軍 Character Animator
- 日本動漫3D動畫製作軟體:Live2D 輕鬆將2D漫畫變3D,也能與After Effect、Premiere整合喔!
- AfterEffect常用快速鍵
留言