動態後記 #19 (Ae - Track Matte 使用圖層作為遮罩)

Fei-avatar-img
Fei
發佈於動態後記
更新於 發佈於 閱讀時間約 1 分鐘
動態後記 #19 - Track Matte 使用圖層作為遮罩

動態後記 #19 - Track Matte 使用圖層作為遮罩


👉使用軟體：After Effects

👉今日後記的應用動畫可點此觀看

#動畫小技巧

🚩Track Matte 使用圖層作為遮罩

raw-image


✨新增一個 Shape layer (形狀圖層)，作為遮罩圖層。

✨新增被遮的圖層。(範例使用 PNG 圖)

✨在被遮圖層的 Track Matte 中選取遮罩圖層。遮罩圖層預設會不顯示，如需顯示，記得打開圖層前的眼睛，讓遮罩圖層顯示喔！

✨接著，在被遮圖層製作動畫，都只會顯示遮罩圖層的範圍囉！

製作步驟

製作步驟



想看到更多跟動畫製作相關的文章，可以按個追蹤💡就不會錯過喔！
喜歡這篇文章，可以點❤️、分享⤴️、收藏📂。
也可以到我的 Instagram 看我的其他作品喔！


合作請

私訊 Instagram

或寄信至 x.fei.4044@gmail.com


🛸 Fei 起來的動態館 🛸動態後記
留言
avatar-img
留言分享你的想法！
avatar-img
🛸 Fei 起來的動態館 🛸
85會員
96內容數
嗨~我是 Fei，動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章，歡迎來看看喔！ - 合作信箱｜x.fei.4044@gmail.com
🛸 Fei 起來的動態館 🛸的其他內容
2025/02/09
動態後記 #20 (Ae - 簡易 2D 火焰動畫)
Ae 小技巧：簡易 2D 火焰動畫 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
2025/02/09
動態後記 #20 (Ae - 簡易 2D 火焰動畫)
Ae 小技巧：簡易 2D 火焰動畫 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
2024/11/20
動態後記 #18 (Ae - Tracking 文字內距)
Ae 小技巧：Tracking 文字內距 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
2024/11/20
動態後記 #18 (Ae - Tracking 文字內距)
Ae 小技巧：Tracking 文字內距 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
2024/10/03
動態後記 #17 (Ae - Metaballs 黏黏球)
Ae 小技巧：Metaballs 黏黏球 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
2024/10/03
動態後記 #17 (Ae - Metaballs 黏黏球)
Ae 小技巧：Metaballs 黏黏球 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Thumbnail
看更多
你可能也想看
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #16 (Ae - Motion Tile 連續圖/背景)
Ae 小技巧：Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #16 (Ae - Motion Tile 連續圖/背景)
Ae 小技巧：Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #14 (Ae - Mask path 轉成形狀路徑)
Ae 小技巧：Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #14 (Ae - Mask path 轉成形狀路徑)
Ae 小技巧：Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #13 (Ae - 宣紙噪點+抽幀效果)
Ae 小技巧：宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #13 (Ae - 宣紙噪點+抽幀效果)
Ae 小技巧：宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #11 (Ae - Adjustment Layer 調整圖層 [以下圖層一起套用效果] )
Ae 小技巧：Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #11 (Ae - Adjustment Layer 調整圖層 [以下圖層一起套用效果] )
Ae 小技巧：Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #9 (Ae - Echo 殘影)
Ae 小技巧：Echo 殘影 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #9 (Ae - Echo 殘影)
Ae 小技巧：Echo 殘影 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #3 (Ae - Trim Paths 修剪路徑)
Ae 小技巧：Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態後記 #3 (Ae - Trim Paths 修剪路徑)
Ae 小技巧：Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
#動畫#MotionDesign#AfterEffects
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片場景與產品動畫效果
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及遮色片動畫表現產品出現效果，再搭配形狀補間動畫的遮色片技巧，細膩表現產品的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含了所有將進行動畫的元件（直接由
#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片場景與產品動畫效果
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及遮色片動畫表現產品出現效果，再搭配形狀補間動畫的遮色片技巧，細膩表現產品的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含了所有將進行動畫的元件（直接由
#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片細膩繪圖動畫
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及應用逐格動畫的遮色片動畫技巧，細膩表現繪圖內容的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、逐格動畫、遮色片動畫、導引線。 Step1. 範例檔元件庫中包含了所有將進行遮色片繪圖的影片片段元件（
#導引線動畫#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片細膩繪圖動畫
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及應用逐格動畫的遮色片動畫技巧，細膩表現繪圖內容的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、逐格動畫、遮色片動畫、導引線。 Step1. 範例檔元件庫中包含了所有將進行遮色片繪圖的影片片段元件（
#導引線動畫#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片光澤效果動畫
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及遮色片動畫技巧，表現金屬框與文字的光澤效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含文字、圓與漸層光三元件。點取場景上文字元件並複製，新增圖層，於圖層上原地貼上文字元件
#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 遮色片光澤效果動畫
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫，以及遮色片動畫技巧，表現金屬框與文字的光澤效果。 使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含文字、圓與漸層光三元件。點取場景上文字元件並複製，新增圖層，於圖層上原地貼上文字元件
#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 畫線與色塊變形繪圖動畫
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點，再搭配遮色片功能，不需要藉助任何的元件與濾鏡效果，即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫，以及搭配遮色片呈現內容出現的效果，並細膩設定物件變形與時間點控制，達成繪圖動畫的目地。 使用動畫技巧:形狀補間
#遮色片動畫
Thumbnail
avatar-avatar
哩老師的沙龍
Animate CC 畫線與色塊變形繪圖動畫
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點，再搭配遮色片功能，不需要藉助任何的元件與濾鏡效果，即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫，以及搭配遮色片呈現內容出現的效果，並細膩設定物件變形與時間點控制，達成繪圖動畫的目地。 使用動畫技巧:形狀補間
#遮色片動畫
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News