以「懷舊孤獨」為核心情緒，設計電影導演工作室官網首頁。本教程完整記錄從參考線佈局、智能對象置入、透視變換、調整圖層剪貼蒙版、筆刷裂紋質感、導航膠片元素構建到 Logo/排版規範的專業級 Web 設計流程，適配 960px 核心網格體系。

畫布與參考線系統建立

1. 新建 960×800 px，左右拉出參考線定 960px 核心內容區。
2. 「影像」→「畫布大小」寬度改 1400px，獲得左右留白區，參考線自動居中保持 960px 安全區。

場景構建：地板透視與牆面融合

1. 置入木地板素材（智能對象），自由變換縮小木條寬度，複製拼接寬度覆蓋畫布，合並圖層。
2. 智能對象透視變形：右上錨點水平向左拖動收縮頂部，構建透視深度。
3. 圖層蒙版 + 黑白漸變（Shift 拖動）淡化左右邊緣融入背景。
4. 智能銳化（量值 110%、半徑 1px）增強木紋清晰度。

調整圖層剪貼蒙版：非破壞色調統一

• 地板組：色階（輸入 0/1.00/220）壓暗 → 色相/飽和度（飽和度 -40、亮度 -10）去飽和復古。
• 牆面組：同理建立色階/色相飽和度調整層，參數針對牆面紅色偏移校正。
• 關鍵：Alt+點擊調整層與圖層間分隔線 → 剪貼蒙版，限制調整僅影響下方單一圖層/組。

裂紋筆刷與導航膠片元素

• 載入裂紋筆刷，新建圖層黑色點繪牆面右下角裂紋，賦予歲月痕跡。
• 導航區：電影膠片筆刷繪製打孔條帶，矩形工具補全黑色背景條，合並為導航基礎條。
• 文字工具排版 Logo/導航項，字體選擇襯線體（如 Playfair Display）強化電影感。

圖層組織與交付規範

圖層組結構：`bg/floor_wall`、`nav/bar`、`nav/logo`、`nav/links`、`hero/chair`、`hero/props`、`decor/cracks`。命名規範、顏色標籤（背景灰、導航藍、主視覺紅）、智能對象保持可編輯，輸出 PSD 供前端切圖標註零歧義。