同樣的立體線條原理，本文以另一組截圖示範，強調「白線在下、黑線在上、右下微錯位」的通用公式。掌握這 3 步驟，任何顏色組合、任何角度線條都能秒出 3D 棱邊感。

通用公式

背景：中性灰 #D4D4D4
圖層 1（中間）：高亮色（近白/淡金/螢光色），鉛筆 1px 畫線
圖層 2（頂層）：陰影色（中灰/深藍/深金），鉛筆 1px 畫平行線
順序：背景 → 圖層 1 → 圖層 2
操作：移動工具將圖層 2 向右下 → ↓ 各 1-2px 錯位
結果：白線露出的「邊緣」被大腦解讀為受光高光面，黑線為陰影面 → 立體棱邊

快速應用場景

• 按鈕邊框：外框白內框黑，錯位形成凸起按鈕邊緣。
• 卡片分隔線：水平雙線錯位，視覺上像壓痕分隔。
• 圖標細節：字母筆劃轉角處加雙色線，瞬間立體化。
• 數據圖表：坐標軸、網格線雙色錯位，提升專業質感。

進階：動態立體線條（時間軸動畫）

1. 將雙線組轉為智能物件。
2. 開啟時間軸面板 → 幀動畫。
3. 第 1 幀：錯位向右下；第 10 幀：錯位向左上（反向）。
4. 補間 → 導出 GIF/MP4，得「呼吸感」立體線條動畫。