教程介紹設計折疊彩帶網頁導航，效果漂亮實用。

最終效果

步驟 1：紙質背景

新建 500×500px 填 #dac8aa。找紙張紋理素材，「去色」（Ctrl+Shift+U），模式「疊加」、不透明度 60%，合併。多次「銳化」強化質感。

步驟 2：繪製三色彩帶

新層矩形選區填綠 #95b900；同法建黃 #e9db03、紅 #b94a00 彩帶（圖）。

步驟 3：交叉旋轉與陰影

三色帶同層 Ctrl+J 複製並旋轉角度，原層同旋產生交叉。選底層彩帶載入選區，新層黑透漸變拉陰影。合併彩帶層（除紙層），多邊形套索刪除交疊多餘（圖）。

步驟 4：文字裝飾

文字工具添加文字，Ctrl+T 旋轉調整。文字層與彩帶層合併，添加圖層樣式（見圖），增加陰影立體感。

步驟 5：布紋真實感

「濾鏡 → 紋理 → 紋理化」賦予凹凸感（圖）。

步驟 6：加深減淡強化對比

減淡工具（125px、高光、曝光 20%）塗高光；加深工具（80px、陰影、曝光 30%）暗邊，增強立體（圖）。

步驟 7：織布網格紋理

新建 3×3px 文件畫選區定義圖案。回主畫布載入彩帶選區，油漆桶「圖案填充」，取消選區後網格層不透明度 40%、模式「疊加」（圖）。

步驟 8：細節陰影收尾

箭頭指示位置多邊形套索選區，黑透漸變拉陰影置於彩帶下層，可再用模糊工具柔化（圖）。完成。