「牽手字」讓相鄰字符相互穿插、一環扣一環,極具視覺張力,常用於年份數字、品牌標語、活動主視覺。本教學以「2000」四個數字為例,展示如何用圖層樣式建立立體管狀感,再以選區布爾運算(減去選區)精準切割交疊區域,完成穿插邏輯。
最終效果

製作流程
- 新建文件:10×6 cm、RGB、紅色背景 (#FF0000)。
- 輸入文字圖層:文字工具分別輸入「2」「0」「0」「0」,每字獨立圖層。字體:幼圓、200 pt、偽斜體。顏色分別:藍、青、綠、黃(便於辨識圖層順序)。
- 調整疊加順序:移動工具調整四圖層水平位置,使相鄰字符水平重疊約 15-20%,且基線對齊。
- 光柵化文字:選中四文字圖層 → 圖層 > 文字 > 光柵化(或右鍵「光柵化文字」)。
- 添加斜面與浮雕(管狀立體感):逐個圖層開啟圖層樣式 > 斜面與浮雕:
• 樣式:外斜面
• 技法:平滑
• 深度:100-150%
• 方向:向上
• 大小:8-12 px (視字重)
• 取消「使用全域光」,角度 120°、高度 30°
• 光澤等高線:環形
• 高光模式:螢幕幕 #FFFFFF 70%
• 陰影模式:正片疊底 #000000 50%
- 切割交疊區域(核心穿插邏輯):
• Ctrl+點擊「2」圖層縮圖載入選區。
• 選取「橢圓選框工具」,按 Alt 鍵(減去選區模式),在「2」與第一個「0」交疊中部畫橢圓選區,減去該交疊選區。
• 切換至第一個「0」圖層,按 Delete 刪除被選中的交疊部分(即「2」壓在「0」上方的視覺)。
• Ctrl+D 取消選區。
- 重複處理其餘交疊:
• 同理:載入上一字符選區 → Alt+橢圓選框減去與下一字符的交疊區 → 切換至下一字符圖層 Delete。
• 注意:「0」與「0」交疊處通常有上下兩處,需保留上方交疊(上字符壓下字符),刪除下方交疊,形成連貫穿插感。
- 合併圖層輸出。
關鍵技巧總結
- 斜面浮雕建立「管狀體積感」是穿插說服力的基礎:無立體感則穿插僅是平面遮蓋。
- 選區布爾運算 (Alt 減去 / Shift 添加) 是精準控制穿插區域的核心,比蒙版繪製更精確、可重複。
- 圖層順序即視覺深度順序:最上層字符視覺上在最上方,依此類推。調整圖層順序即可改變穿插邏輯。
- 字體選擇:粗體、筆劃寬度均勻、閉合區明顯的字體 (幼圓/黑體/圓體/專門設計字體) 效果最佳;細明體/宋體筆劃過細,斜面浮雕效果不明顯。
延伸應用
- 英文/標點符號:同邏輯適用,注意字符寬度差異大時需逐對微調重疊量。
- 動態牽手字:將每字符為獨立圖層,導入 After Effects,關鍵幀動畫「位置/旋轉/路徑修剪」實現字符活著穿插的動態 Logo。
- 3D 深度:配合 Photoshop 3D (舊版) 或 Blender 將字符擠出為真實 3D 管狀體,物理級穿插更真實。