教程簡介

對話框是 UI 設計、漫畫插圖、表情包製作的高頻元素。本教程展示如何利用 Photoshop 向量形狀合併功能，快速構建標準與異形對話框，並套用漸變色風格，全程純向量操作，可無限縮放無失真。

成果展示

核心技巧：形狀合併製作對話框基礎形

步驟 1：繪製基礎幾何形狀

• 主體：橢圓工具 (U) 按 Shift 繪製正圓/橢圓，填充任意色。
• 尖角/尾巴：鋼筆工具 (P) 點擊繪製三角形路徑，閉合路徑形成形狀圖層。

步驟 2：形狀合併（關鍵操作）

1. 選中圓形形狀圖層，Ctrl+C 複製路徑。
2. 選中三角形形狀圖層，Ctrl+V 貼上路徑（現在該圖層包含兩條子路徑）。
3. 路徑選擇工具 (A) 選中所有路徑，選項欄點擊「合併形狀」圖示（或右鍵選單「合併形狀」）。
4. 得到單一完整對話框向量形狀，可自由縮放、修改錨點。

步驟 3：漸變色風格套用

• 雙擊形狀圖層縮略圖打開圖層樣式，勾選「漸變疊加」。
• 設定漸變類型：線性/徑向/角度，根據設計需求選擇配色（如粉紫漸變、青綠漸變、彩虹漸變）。
• 可疊加「內發光」(白色、線性減淡) 增強邊緣發光感，「描邊」(1px、深色系) 強化輪廓。

步驟 4: 變體快速生成

• 複製形狀圖層，直接編輯路徑錨點(直接選擇工具 A) 拉長尖角、調整圓度、增加多尾巴。
• 組合多個對話框構成對話串，統一漸變角度保持光源一致。
• 轉為智能物件，批量套用濾鏡/調整圖層。

進階應用場景

• 網頁標籤/工具提示：矩形+三角形合併，添加投影與圓角。
• 思維導圖節點：圓角矩形+連接線路徑合併。
• 表情包模板：建立對話框形狀庫，配合文字排版快速出圖。

核心快捷鍵總結

操作	快捷鍵	備註
複製路徑	Ctrl + C	需先用路徑選擇工具選中路徑
貼上路徑	Ctrl + V	貼至目標形狀圖層
合併形狀	選項欄圖示 / 右鍵菜單	PS CC 版本以降可用
路徑選擇工具	A	切換直接選擇工具 Shift+A

掌握「形狀合併」這一核心技能，能讓你在幾秒鐘內構建任意複雜幾何圖標基礎形，配合圖層樣式實現風格快速切換，是 UI/平面設計師必備的向量工作流基石。立即打開 PS 練習創建你的專屬對話框組件庫吧！