---
# System prepended metadata

title: illustrator 快捷功能紀錄
tags: [快捷鍵]

---

# 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>

