After Effects 的內建效果種類繁多，讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的彎曲、變形、透視等效果都可以在 Distort 中找到喔！

職場

學習

以行動支持創作者！付費即可解鎖

設計

Ae 有什麼系列

嗨~我是 Fei，動態設計師。
會在這裡放一些跟動態製作(Ae)相關的文章，歡迎來看看喔！
-
合作信箱｜x.fei.4044@gmail.com

🛸 Fei 起來的動態館 🛸

Instagram (最新作品在這)

YouTube (也歡迎訂閱喔~)

控制

動畫

Instagram

鏡頭

強度

位移

相機

[Ae 內建效果預覽] Distort｜常用的彎曲、變形等效果都在這！

計畫名稱｜一周年舊文翻新計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、<a href="https://vocus.cc/article/6527829dfd8978000182f583#data-h3-3-6527829dfd8978000182f583" target="_blank" rel="noreferrer noopener">第三章</a>(🟢)、 <a href="https://vocus.cc/article/6585b366fd89780001f40b13" target="_blank" rel="noreferrer noopener">第四章</a>(🟢)、<a href="https://vocus.cc/article/65d4551efd8978000154ef4c" target="_blank" rel="noreferrer noopener">第五章</a>(🟢)、<a href="https://vocus.cc/article/65f15817fd89780001339626" target="_blank" rel="noreferrer noopener">第六章</a>(🟢)、<a href="https://vocus.cc/article/6678e92afd8978000175dbae" target="_blank" rel="noreferrer noopener">第七章</a>(🟢)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/6678e92afd8978000175dbae" class="lexical__mention article-icon">《Ae教學-function》【搞什麼系列】第七章-懸賞_AE表達式(expression)</a> -📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 2️⃣ 新增內容將位置限制在 Composition 範圍內動畫循環 - 📓Fei _ 2024.11.30(六)

創作

留言板

📓翻新進度報告書24.11.30-第七章完成(🟢)

計畫名稱｜一周年舊文翻新計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、<a href="https://vocus.cc/article/6527829dfd8978000182f583#data-h3-3-6527829dfd8978000182f583" target="_blank" rel="noreferrer noopener">第三章</a>(🟢)、 <a href="https://vocus.cc/article/6585b366fd89780001f40b13" target="_blank" rel="noreferrer noopener">第四章</a>(🟢)、<a href="https://vocus.cc/article/65d4551efd8978000154ef4c" target="_blank" rel="noreferrer noopener">第五章</a>(🟢)、<a href="https://vocus.cc/article/65f15817fd89780001339626" target="_blank" rel="noreferrer noopener">第六章</a>(🟢)、第七章(🔴)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/65f15817fd89780001339626" class="lexical__mention article-icon">《Ae教學-if／else》【搞什麼系列】第六章-地鼠之亂_AE表達式(expression)</a> -📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 2️⃣ 新增內容Opacity 根據時間變化多條件判斷巢狀結構 - 📓Fei _ 2024.11.23(六)

📓翻新進度報告書24.11.23-第六章完成(🟢)

Ae 小技巧：Tracking 文字內距
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。

音樂藝文

動態後記

動態後記 #18 (Ae - Tracking 文字內距)

計畫名稱｜一周年舊文翻新計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、<a href="https://vocus.cc/article/6527829dfd8978000182f583#data-h3-3-6527829dfd8978000182f583" target="_blank" rel="noreferrer noopener">第三章</a>(🟢)、 <a href="https://vocus.cc/article/6585b366fd89780001f40b13" target="_blank" rel="noreferrer noopener">第四章</a>(🟢)、<a href="https://vocus.cc/article/65d4551efd8978000154ef4c" target="_blank" rel="noreferrer noopener">第五章</a>(🟢)、第六章(🔴)、第七章(🔴)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/65d4551efd8978000154ef4c" class="lexical__mention article-icon">《Ae教學-index》【搞什麼系列】第五章-學習煉金術_AE表達式(expression)</a> -📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 2️⃣ 新增內容index 應用在 Position 與 Scale 上 - 📓Fei _ 2024.11.16(六)

📓翻新進度報告書24.11.16-第五章完成(🟢)

計畫名稱｜一周年舊文翻新 計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、<a href="https://vocus.cc/article/6527829dfd8978000182f583#data-h3-3-6527829dfd8978000182f583" target="_blank" rel="noreferrer noopener">第三章</a>(🟢)、 <a href="https://vocus.cc/article/6585b366fd89780001f40b13" target="_blank" rel="noreferrer noopener">第四章</a>(🟢)、第五章(🔴)、第六章(🔴)、第七章(🔴)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/6585b366fd89780001f40b13" class="lexical__mention article-icon">《Ae教學-random》【搞什麼系列】第四章-閃爍的燈火_AE表達式(expression)</a>-📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 - 📓Fei _ 2024.11.09(六)

📓翻新進度報告書24.11.09-第四章完成(🟢)

Ae 的內建效果種類繁多，讓人有時難以選擇該使用哪個功能或不清楚它們的具體用途。常看到的音頻聲譜、反光、填色、漸變等效果都可以在 Generate 中找到喔！

[Ae 內建效果預覽] Generate｜常用的反光、填色、漸變等效果都在這！

計畫名稱｜一周年舊文翻新 計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、<a href="https://vocus.cc/article/6527829dfd8978000182f583#data-h3-3-6527829dfd8978000182f583" target="_blank" rel="noreferrer noopener">第三章</a>(🟢)、 第四章(🔴)、第五章(🔴)、第六章(🔴)、第七章(🔴)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/6527829dfd8978000182f583" class="lexical__mention article-icon">《Ae教學-wiggle》【搞什麼系列】第三章-幼苗_AE表達式(expression)</a>-📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 2️⃣ 新增內容wiggle 應用在 Opacity 上 - 📓Fei _ 2024.11.02(六)

📓翻新進度報告書24.11.02-第三章完成(🟢)

Lottie 是什麼？
Lottie 是一個輕量級的動畫格式，能將動畫嵌入到網頁中，並保持動畫的可互動性和流暢性。不會大幅增加文件大小或減慢頁面加載速度，這讓 Lottie 成為 UI/UX 設計中常用的工具。

加強學習計畫

動畫變成程式碼？Lottie 是什麼？用 Ae 製作 Lottie 動畫

計畫名稱｜一周年舊文翻新計畫進度｜<a href="https://vocus.cc/article/65278fc4fd89780001839d3e" target="_blank" rel="noreferrer noopener">楔 子</a>(🟢)、<a href="https://vocus.cc/article/6529f110fd897800019c2e0d" target="_blank" rel="noreferrer noopener">第一章</a>(🟢)、<a href="https://vocus.cc/article/65430095fd897800010937fb" target="_blank" rel="noreferrer noopener">第二章</a>(🟢)、第三章(🔴)、 第四章(🔴)、第五章(🔴)、第六章(🔴)、第七章(🔴)、 第八章(🔴)、番外一(🔴)、番外二(🔴)、番外三(🔴) ⬇️⬇️點選下方連結可觀看⬇️⬇️<a target="_blank" href="https://vocus.cc/article/65430095fd897800010937fb" class="lexical__mention article-icon">《Ae教學-Time》【搞什麼系列】第二章-誤入副本_AE表達式(expression)</a>-📝 翻新內容報告：1️⃣ 部分內容調整封面更換、目錄調整、部分內文細修 2️⃣ 新增內容小進階技巧˙ time; 還會常用在哪裡？˙ ValueAtTime˙ posterizeTime() - 📓Fei _ 2024.10.26(六)

Fei