「大字由小字組成」的視覺悖論效果常見於海報設計與品牌標識。本教程將拆解如何用 Photoshop 實現「以字填字」的排版邏輯,核心在於 剪貼蒙版 與 文字圖層矢量化 的結合運用。
效果預覽
製作邏輯圖解
- 底層結構字:輸入大號粗體文字(如「DESIGN」),字體建議選用無襯線粗黑體(微軟雅黑 Bold、PingFang SC Heavy),字號 200pt 以上,顏色任意(稍後隱藏)。
- 填充文字層:新建圖層組,在組內密集輸入小號文字內容(可為關鍵詞、詩句、品牌口號),字號 12-18pt,行距緊湊,顏色統一為深色。將文字層複製、旋轉、分佈,鋪滿整個畫布區域。
- 建立剪貼關係:將「填充文字組」移至「結構字圖層」上方,按住 Alt 鍵點擊兩圖層間分隔線(或右鍵選「建立剪貼蒙版」),小字即被大字輪廓裁切。
- 微調細節:取消結構字圖層顯示(關閉眼睛圖示),僅保留剪貼後的填充文字。若邊緣殘留不完整字形,可進入填充組微調單字位置。
進階變體玩法
1. 多層次色彩填充
將填充文字分為 2-3 組,分別設定不同色相(如冷色系/暖色系),組之間疊加模式設為「正片疊底」或「柔光」,形成豐富色彩層次。
2. 文字質感材質化
為填充文字組添加「圖層樣式」→「斜面與浮雕」(內部凹陷 2px)、「紋理疊加」(紙張紋理),使小字擁有凹印/燙金質感。
3. 動態 GIF 輸出
利用時間軸面板,針對填充文字組制作「位置位移」或「不透明度漸變」動畫,導出 GIF 實現「字組成字」的生成過程動效(如預覽圖所示)。
常見問題排雷
- 字邊鋸齒:結構字必須為矢量文字圖層,不可光柵化;若需光柵化,請在 300dpi 以上解析度下進行。
- 小字識別度低:確保填充文字與背景對比度 ≥ 4.5:1(WCAG AA 標準),必要時為結構字添加 1-2px 描邊增強輪廓。
- 檔案過大:大量文字圖層會劇增 PSD 體積,完成後可將填充組「合併圖層」再建立剪貼蒙版,保留一份未合併備份即可。
設計師心法
「文字填充文字」不只是視覺技巧,更是資訊密度的隱喻——大字傳達核心概念,小字承載豐富細節。下次設計海報、專輯封面或品牌 KV 時,嘗試將品牌故事、產品參數、用戶評價作為填充內容,讓排版會說話。