# Illustrator 好用功能整理

---
## 1. 封閉開放路徑（Close Path）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
`Ctrl + J`（Windows）

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>
把一條「開放路徑」的兩端點快速連結成封閉形狀。

適合用於：
- 修正尚未封閉的路徑
- 一鍵封閉、取代鋼筆逐點連接
- 快速建立封閉形狀
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 使用 **直接選取工具（A）** 選兩個端點
2. 按 **Ctrl + J**
3. Illustrator 會自動封閉路徑
</details>

---

<details>
<summary><strong>💡 小提醒</strong></summary>

- 一次只能封閉「一對端點」
- 若端點位置奇怪，可先調整再封閉
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=774124931112353" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 2. 重複繪製形狀（Tilde Repeat）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
按住 `~`（Windows）

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

按住 `~`，使用任何形狀工具拖拉，可沿滑鼠軌跡**大量連續生成形狀**。

適合：
- 背景裝飾、散點
- 多弧線、光線、光暈
- 做出自然、手繪風的筆刷感
- 快速堆疊大量物件
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 選擇任一形狀工具
2. 按住 **`~`**
3. 拖曳滑鼠 → 會沿路徑生成一串形狀
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 搭配透明度可模擬光暈、霧氣
- 不同筆刷樣式會產生更自然效果
- 建議畫在獨立圖層以便管理
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=211174978620251" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 3. 直接在直線上拉出圓弧（曲線工具）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
無快捷鍵
工具位置：**鋼筆工具群組 → 曲線工具（Curvature Tool）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

在直線路徑上使用曲線工具拖曳，可立即把直線轉成**自然圓弧**，並自動建立控制手柄。

用途：
- 把硬直角變成流線形
- 在既有線條插入柔和弧線
- 快速調整草稿線條的順暢度
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 建立一條直線
2. 選擇 **曲線工具（Curvature Tool）**
3. 將滑鼠放在直線中間
4. **按住拖拉** → 直線變成可控弧線
5. 拖得越遠，弧度越大
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 可覆蓋原有控制手柄重新定義弧度
- 若想變回直線，用鋼筆工具點一下該節點即可
- 搭配 `X` 可反轉凹凸方向（下一個功能會講）
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=351912466773483" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 4. 整體編輯功能（Transform Each）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置
物件（Object） → 變形（Transform） → **個別變形（Transform Each）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

可讓多個物件「各自」同時縮放、旋轉或位移，而不影響彼此原本排列。

適合：
- 调整体块图标或素材
- 多元素一起变大／变小
- 批量旋轉大量圖形
- 做微亂感效果（每個物件略有不同）
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 選取所有目標物件
2. 前往：物件 → 變形 → 個別變形（Transform Each）
3. 調整縮放、旋轉、位移
4. 開啟 **Preview** 檢視效果
5. 按「確定」套用
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 微亂感建議：縮放 95–105%，旋轉 2°–5°
- 編輯 pattern 或 icon 套件時非常實用
- 可重複執行以累積效果
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=1829656094393592" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 5. 反轉曲線凹凸方向（曲線工具 + X）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
使用曲線工具拖曳時，按 **`X`**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

在拖曳曲線工具時按下 `X`，可**立即反轉曲線的凹凸方向**，無需重畫線段。

用途：
- 微調弧線方向
- 修正弧形不自然的方向
- 加快描圖與曲線微調速度
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 選擇 **曲線工具**
2. 在路徑上拖曳調整弧線
3. **同時按下 `X`** → 弧線方向立即反轉
4. 放開 `X` 回到一般拖曳模式
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 搭配 Alt 可調整單側手柄
- 用於描線時比重畫更有效率
- 是曲線工具中非常隱藏但極強的功能
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=89227636382744534" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 6. 建立剪裁遮色片（Clipping Mask）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
`Ctrl + 7`（Windows）

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

使用剪裁遮色片（Clipping Mask）可以把內容限制在遮罩形狀內，只顯示遮罩範圍。

常見用途：
- 圖片填滿文字
- 照片裁進形狀裡
- 乾淨可控的遮罩效果
- 製作 icon、版面裁切
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 將遮罩形狀放在最上層
2. 同時選取遮罩 + 內容物
3. 按 **Ctrl + 7**
4. 內容即被裁切在遮罩內
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 遮罩必須是路徑，不能是圖片
- 可進入群組編輯遮罩或內容
- 右鍵可取消剪裁遮色片
- 若要裁多層，可先群組內容再剪裁
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=351912466793655" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 7. 扭曲與變形的螺旋效果（放射狀流動感）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置
效果（Effect） → **扭曲與變形（Distort & Transform）→ 螺旋 / 扭曲類效果**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

利用「扭曲與變形」中的螺旋／扭曲類效果，
透過**指定角度**，可以把原本規則的圖形扭成具有：

- 放射狀、像旋風一樣的流動感
- 向中心旋轉聚集或向外發散的效果
- 視覺上有速度感、漩渦感的圖形

非常適合用來做：

- 放射狀背景、海報視覺中心
- 速度線、流動感圖形
- 抽象感的 UI／封面主視覺
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 先建立一個基礎圖形：
- 可以是圓形、矩形、放射線條、條紋等
2. 選取該圖形
3. 前往：**效果 → 扭曲與變形 →（螺旋／扭曲相關效果）**
4. 在彈出視窗中調整：
- **角度（Angle）**：控制旋轉／扭曲的強度
- 預覽勾選 **Preview**，即時看效果
5. 調到喜歡的放射／流動感後按「確定」
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 角度小：細緻、微微流動的視覺
- 角度大：強烈旋轉感與漩渦感
- 可先用「長條／放射線」再套螺旋，放射感會更明顯
- 若想保留編輯性，可先套用效果，最後再選「展開外觀」
- 搭配漸層或透明度，可以做出更有深度的漩渦／流動背景
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=89227636382744543" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 8. 使用隨意扭曲工具製作投射陰影（Free Distort Shadow）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置
效果（Effect） → **扭曲與變形（Distort & Transform）→ 隨意扭曲（Free Distort）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

利用「隨意扭曲（Free Distort）」可以把形狀或陰影
**自由拉成透視感、傾斜感、或投射陰影的角度。**

可用來製作：

- 物體在地面上的投射陰影
- 物件被光源照射後的透視投影
- 斜放、貼地、壓低視角的效果
- 模擬 3D 壓扁／傾斜形變

這項技巧比一般的「投影效果（Drop Shadow）」更自然、更具設計感。
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 複製你的物件（Ctrl + C → Ctrl + F 貼到前面）
2. 將複製後的那個物件填成**深色或半透明黑色**
3. 選取陰影物件
4. 前往：
**效果 → 扭曲與變形 → 隨意扭曲（Free Distort）**
5. 拉動四個角，調整你想要的陰影透視角度
6. 最後調整：
- **透明度（Opacity）**
- **模糊（使用高斯模糊）**
- **位置與長度**
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 想讓陰影更柔和 → 加上 **效果 → 模糊 → 高斯模糊**
- 遠離光源 → 陰影越長
- 接近光源 → 陰影變短且銳利
- 搭配「不透明度 20%–40%」更接近自然陰影
- Free Distort 比「變形工具」更適合做透視與地面貼合效果
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=211174978842995" height="400" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 9. 以上層物件製作封套扭曲（Envelope Distort）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
`Ctrl + Alt + C`（Windows）
功能位置：物件（Object）→ **封套扭曲（Envelope Distort）→ 以上層物件建立（Make with Top Object）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

使用「以上層物件建立封套扭曲」可以讓下層物件的形狀
**完全依照上層物件的輪廓進行形變**。

也就是：

- 上層當「外形模板」
- 下層內容被扭成上層形狀的外框
- 能做出自然貼合的圖案、文字、排版效果

這在 UI、海報、字體變形、LOGO 製作非常常用。
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 準備兩個物件：
- **上層物件：形狀模板（會定義扭曲外框）**
- **下層物件：要被變形的圖形/文字**
2. 確保模板物件在最上方（可按 Ctrl + Shift + ]）
3. 同時選取上層與下層
4. 按下 **Ctrl + Alt + C**
→ 下層物件會直接被扭曲成上層輪廓
5. 如需編輯，可使用：
- 物件 → 封套扭曲 → 編輯內容（Edit Contents）
- 物件 → 封套扭曲 → 編輯封套（Edit Envelope）
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 上層「模板形狀」越簡潔，扭曲效果越自然
- 字體＋封套扭曲可以製作 **彎曲字、液態字、壓扁字**
- 若不想破壞原物件，可在套用前先複製一份
- 完成後可選擇：物件 → 展開（Expand） → 轉成可編輯向量
- 若效果過度變形，可使用「網格封套」取代
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=1014084041098646191" height="460" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 10. 使用「縮攏」製作細長優美的星芒（Pucker）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置
效果（Effect） → **扭曲與變形（Distort & Transform）→ 膨脹與縮攏（Pucker & Bloat）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

在「膨脹與縮攏」中使用 **縮攏（Pucker）**，
可以將形狀的邊往中心收縮，形成 **尖銳、細長、優雅** 的星芒效果。

相較於：

- ⭐ **導角工具（Corner Tool）**
- ⭐ **鋼筆手動拉角**

使用縮攏可以：

- 做出更纖細、更銳利的星芒
- 保有流線、自然變形
- 快速為任意形狀添加星芒／光芒效果
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

1. 建立任意形狀（圓、方、星形都可以）
2. 選取該形狀
3. 前往：
**效果 → 扭曲與變形 → 膨脹與縮攏（Pucker & Bloat）**
4. 將滑桿往左調（縮攏）
→ 形狀邊緣會往內收縮，形成尖角或星芒
5. 調整強度至你喜歡的細度
6. 需要保留曲線可編輯性時，可先不展開外觀
</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 越往左拉，星芒越細、越尖
- 搭配外框或漸層可做出光芒或能量感
- 若想控制更精準，可使用
**效果 → 變形（Transform）＋ 重複旋轉** 做出多層星芒
- 若要最終做精細調整 → 物件 → 展開外觀（Expand Appearance）
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=6051780745876614" height="435" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 11. 製作網點文字（Halftone Text）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置（整體會用到）
1. 效果（Effect）→ 模糊 → **高斯模糊（Gaussian Blur）**
2. 效果（Effect）→ **點陣化（Rasterize）**
3. 效果（Effect）→ 像素效果 → **彩色網屏（Color Halftone）**
4. 透明度面板 → **色彩增值（Color Burn）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

這個流程可以把**向量文字**變成有印刷感的
**網點（Halftone）風格字**，像是：

- 復古印刷、漫畫網點
- 海報 / 標題字特效
- 模擬 CMYK 網點排印的質感

而且因為是用 **效果（Effect）** 而不是「物件 → 點陣化」，
文字本身依然**可編輯、可換字、可改字型**。
</details>

---

<details>
<summary><strong>🧩 操作步驟（建議順序）</strong></summary>

1. **輸入文字**
- 用文字工具打好你要的字
- 設定字型與大小

2. **加一點高斯模糊（柔化邊緣）**
- 選取文字 →
效果 → 模糊 → **高斯模糊（Gaussian Blur）**
- 半徑：**1 px**
- 這讓邊緣稍微柔化，之後網點會更順

3. **文字「點陣化」（但要用效果的！）**
- 選取文字 →
效果 → **點陣化（Rasterize）**
- 設定：
- 模式：**灰階（Grayscale）**
- 解析度：**300 ppi**
- 背景：**白色（White）**
- ⚠️ 重點：
- 一定要從「效果（Effect）」進，不要用「物件 → 點陣化（Rasterize）」
- 不然文字會變成真正的點陣圖，**沒辦法改字**

4. **套用彩色網屏（Color Halftone）**
- 選取同一個文字 →
效果 → 像素效果 → **彩色網屏（Color Halftone）**
- 設定：
- 最大半徑（Max. Radius）：**40**
- 頻道角度（Channel Angles）：
- 頻道 1：**108°**
- 頻道 2：**162°**
- 頻道 3：**90°**
- 頻道 4：**45°**
- 保持其他設定不變即可

5. **透明度混合模式：色彩增值**
- 打開透明度（Transparency）面板
- 將該物件的混合模式改為：**色彩增值（Color Burn）**
- 可依背景調整不透明度

</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 想要 **網點變大** → 提高「彩色網屏」的半徑（例如 60、80）
- 想要 **網點更細緻** → 半徑改小（例如 20）
- 可以在字下方加一層正常文字當底，再疊網點字做疊色效果
- 若要最終做成單色網點，可搭配：
- 重新著色、重新上色的覆蓋色塊
- 若已經確定不再修改文字，可：
- 物件 → 擴展外觀（Expand Appearance）→ 轉成可編輯的向量點陣造型
</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=422281211283421" height="590" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 12. 製作可編輯文字墨水筆觸效果（Inky Text via Appearance）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 功能位置
- 路徑管理員（Pathfinder）面板右上角選單 → **製作複合路徑（Make Compound Path）**
- 外觀（Appearance）面板 → **填色、效果、光暈、透明度**
- 效果 → 風格化 / 效果收藏館（Effect Gallery）
- 透明度（Transparency）面板 → **色彩增值（Color Burn）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

這個做法可以讓**文字保持可編輯**，
但同時擁有像「墨水手寫筆觸」一樣的質感邊緣與紋理。

適合用來做：

- 海報標題字、主視覺文字
- 手寫風格、墨筆感 Logo
- 帶有邊緣滲墨、顆粒感的字

重點是：
不用轉曲線、不用真正筆刷描，
**改字、換字型都還是可以的**（因為全靠「外觀」堆疊效果）。
</details>

---

<details>
<summary><strong>🧩 操作步驟（概念版）</strong></summary>

1. **準備文字並轉成複合路徑結構**
- 輸入文字，設定字型／大小
- 選取文字 → 在「路徑管理員 Pathfinder 面板」右上角三條線選單中
→ 選 **製作複合路徑（Make Compound Path）**
- 目的是讓整體成為一個整齊的輪廓，方便後續外觀疊加

2. **在外觀面板設定基本填色**
- 打開「外觀 Appearance」面板
- 確認：
- **線條（Stroke）設為 無（透明）**
- **填色（Fill）設為 白色**
- 接下來所有效果都會套在這個填色上

3. **在填色上加「內光暈」做墨邊**
- 仍選取該物件，在外觀面板的「填色」上：
- 效果 → 風格化 → **內光暈（Inner Glow）**
- 建議設定：
- 模式：**一般（Normal）**
- 顏色：**黑色**
- 不透明度：**100%**
- 大小與邊緣：依喜好調整，讓邊緣有墨暈感

4. **套用效果收藏館／筆觸質感**
- 保持選取文字，在同一個「填色」上再加：
- 效果 → **效果收藏館（Effect Gallery）**
- 從裡面挑選你喜歡的「筆觸／紋理」效果
- 調整其細節參數，讓邊緣看起來像手繪墨線或紙張滲墨的感覺

5. **調整填色的不透明度模式**
- 打開透明度（Transparency）面板
- 將這個物件（或填色）的混合模式改為：
- **色彩增值（Color Burn）**
- 在有底色的背景上會產生更濃、疊色感的墨水效果

</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 想要更「髒」的邊緣 → 提高內光暈的大小，並搭配較粗糙的筆觸效果
- 想要細一點的墨線 → 用細字體＋較小的內光暈，再降低效果強度
- 可以把這組外觀存成 **圖形樣式（Graphic Style）**，
之後任何文字套用就立刻變成墨水字；
- 若有需要輸出為純向量，可在最後才使用：
**物件 → 擴展外觀（Expand Appearance）**（會失去可編輯文字的彈性）

</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=727683252335625145" height="620" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>

---
## 13. 個別變形製作殘破／凌亂效果（Ctrl + Shift + Alt + D）

<div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; margin-bottom: 24px;">

<div style="flex: 1; min-width: 260px;">
<div style="padding: 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa;">

#### 🧷 快捷鍵
`Ctrl + Shift + Alt + D`（Windows）
功能位置：物件（Object） → 變形（Transform） → **個別變形（Transform Each）**

---

<details>
<summary><strong>👉 用來做什麼？</strong></summary>

利用 **個別變形（Transform Each）** 的「隨機」功能，可以讓分割後的碎片：

- 方向凌亂
- 位置輕微偏移
- 旋轉不一致
- 呈現自然破碎、殘缺、磨損的質感

非常適合用於：

- 做舊、破損文字效果
- 碎裂材質、凌亂海報風格
- 不規則物件散落
- 特效字、恐怖風、垃圾報印刷感

這種效果靠「拆分」＋「隨機微調」即可達成。
</details>

---

<details>
<summary><strong>🧩 操作步驟</strong></summary>

以下為製作 **破損文字（Distressed Text）** 的流程：

1. **將文字轉成外框（Outlines）**
- 選取文字 → `Ctrl + Shift + O`
- 讓每個字成為獨立向量物件

2. **使用刀片工具切出不規則裂痕**
- 按住 **Alt**（會保持直線切割）
- 在文字上拉出多條直線刀痕
- 刀痕會依照切割位置拆成多個小片段

3. **解除群組**
- `Shift + Ctrl + G`
- 讓每一片碎片都可以成為獨立物件

4. **使用個別變形製造隨機破損感**
- 全選碎片 → 按 **Ctrl + Shift + Alt + D**
- 設定：
- 水平移動（Horizontal）：小數值（例如 1–3px）
- 垂直移動（Vertical）：小數值（例如 1–3px）
- 旋轉（Rotate）：2–8°
- ✔ 勾選「隨機（Random）」
- 每片碎片會產生自然凌亂的錯位感
- 按下「確定」即可完成破損效果

</details>

---

<details>
<summary><strong>💡 小技巧</strong></summary>

- 切割線越多 → 破損越細緻
- 切割方向越隨興 → 效果越自然
- 隨機變形的數值不要太大，否則碎片會看起來「飛走」
- 若想做「老舊印刷」效果，可搭配：
- 透明度 → **色彩增值／濾色**
- 墨點（Grain）、噪點（Noise）
- 若要保留後續可編輯性，可將所有碎片組合成圖形樣式（Graphic Style）

</details>

</div>
</div>

<div style="flex: 1; min-width: 260px;">

<iframe src="https://assets.pinterest.com/ext/embed.html?id=507217976804825512" height="470" width="100%" frameborder="0" scrolling="no"></iframe>

</div>
</div>