如何在平面設計中精準掌控透視關係？如何製作極具視覺衝擊力的「爆炸式拼貼效果」？本教學出自 PS真功夫（原創），將帶你完成一張極具設計感的筆記型電腦廣告海報。從透視輔助線建立、智慧物件縮放定位、網格輔助精準切割、圖層樣式批量賦予立體感、背景紋理營造，完整演示商業級海報設計的專業工作流與設計思維。

成品預覽

海報呈現：一台筆記型電腦置於畫面中心，螢幕向外「爆炸」展開多層疊疊的縮小螢幕，每塊螢幕貼著不同剪裁比例的圖片牆紙，透視關係極其精準，投影立體感強，背景極簡漸變+金屬紋理+藝術曲線點綴，整體極具科技感與設計張力。

核心設計流程深度拆解

階段一：透視基礎建構 —— 精準是設計的前提

1. 文件與素材導入：新建文件（建議 1920×1080 或更高），置入筆記型電腦素材圖，命名圖層「laptop」。
2. 螢幕放大與透視定位：
   ① 選取筆電螢幕區域（鋼筆/快速選取），Ctrl+C 複製 → Ctrl+N 新建文件（自動匹配選區大小） → Ctrl+V 貼上。
   ② 影像 > 影像大小，寬高設為原尺寸 200%，獲得雙倍大螢幕素材。
   ③ 拖回主文件，以 自由變換 定位，使放大螢幕透視符合原筆電透視（近大遠小、消失點一致）。
3. 繪製透視輔助線 —— 專業設計師的分水嶺：
   選取 直線工具，顏色高亮（如紅/青），將 放大螢幕四角與原筆電螢幕四角分別連線，所有線條應匯聚於 同一消失點。此步驟強制檢視透視邏輯是否自洽，任何透視錯誤將瞬間暴露。

階段二：爆炸式拼貼系統建立

1. 建立螢幕尺寸遞減序列：複製最大螢幕圖層，Ctrl+T 自由變換，在選項欄寬高輸入 90%、80%、70%、60%... 等遞減百分比（相對最大螢幕），精準控制縮放比例。
2. 輔助線對齊定位：將各尺寸螢幕依透視輔助線定位，圖層順序：最大螢幕在最上、原始螢幕在最下、中間尺寸依序夾層，構建空間層疊序。
3. 網格輔助精準切割圖片牆紙：
   ① 新建圖層「photo 1」，置入想展示的照片。
   ② 視圖 > 顯示 > 網格，設定網格間距（如 50 px）。
   ③ Ctrl+T 變換照片對齊網格（如寬 8 格、高 6 格）。
   ④ 複製照片圖層，使用 單列/單行選框工具 在網格中心線建立 1 px 選區 → Del 刪除 → 形成十字切割。
   ⑤ 可重複「選擇 > 修改 > 擴展」擴大切割縫隙。
   ⑥ 依此產出 1×1、1/2×1/2、1/4×1/4 等多種切割規格圖片素材庫。

階段三：牆紙貼合與視覺豐富化

1. 曲面貼合（扭曲變形）：隱藏除原始小螢幕外所有螢幕圖層。降低照片圖層不透明度 ~57%，執行 編輯 > 變換 > 扭曲，將照片四角精準對齊螢幕四角。恢復不透明度 100%。
2. 批量貼合：重複上述步驟，將不同切割規格照片貼合至各尺寸螢幕。每塊螢幕牆紙切割比例不同，製造豐富視覺節奏。
3. 隱藏螢幕圖層、顯示照片圖層，檢視純牆紙拼貼效果。

階段四：刪減格柵製造視覺張力 —— 耐心與節奏的藝術

1. 使用 魔棒工具（容差適中、連續勾選），隔一格選中一個小方塊 → Del 刪除。
2. 從大螢幕開始，逐層向小螢幕執行，隔一刪一 形成規律虛實節奏。
3. 小螢幕格柵極小，極考驗耐心與精準度，建議放大至 200%~300% 操作。

階段五：統一立體感賦予 —— 圖層樣式批量套用

1. 選取任一照片圖層，開啟 圖層樣式 > 投影。
   參數參考：混合模式正片疊底、不透明度 40%、角度 120°、距離 3 px、擴展 0、大小 5 px、雜色 0%。
2. 關鍵技巧：設定完成後，右鍵圖層選擇 複製圖層樣式，全選所有照片圖層 → 右鍵 貼上圖層樣式，一鍵批量賦予統一投影參數，確保光源一致性。

階段六：背景氛圍營造與藝術點綴

1. 漸變背景：底層填充白→淺灰徑向/線性漸變，乾淨高級。
2. 金屬紋理疊加：置入金屬質感素材，不透明度 ~20%，混合模式疊加/柔光，增加背景微觀質感。
3. 藝術曲線點綴：
   ① 畫筆設定：1 px、白色、硬度 100%。
   ② 鋼筆工具 (P) 繪製優雅貝塞曲線路徑。
   ③ 路徑面板右鍵 描邊路徑 → 工具選「畫筆」、不勾選模擬壓力（保持等寬）。
   ④ 覺得線條太淡？複製圖層疊加增強。
   ⑤ 將曲線圖層置於背景組最上層。

設計師思維提煉：從「會操作」到「會設計」

技術動作	設計思維	商業價值
透視輔助線	建立空間邏輯自洽性，拒絕「感覺對齊」	確保設計在任何尺寸/媒介下透視不崩塌，專業度背書
網格+精準縮放比例	建立模組化設計系統，而非單一成品	支援響應式/多規格輸出，團隊協作統一標準
單列/單行選區切割	程序化產生豐富變奏，替代手動重複	大幅提升產出效率，保證視覺節奏一致性
隔一刪一格柵	「留白即設計」，節奏感源於克制	創造視覺呼吸感，引導視線流動，提升資訊傳遞效率
圖層樣式批量套用	光源統一性 = 真實感基石	避免「每顆珠子光源不同」的低級錯誤，批量修改極其高效
鋼筆曲線描邊	矢量級精準控制，而非手繪隨機性	可無限縮放、參數化調整，符合商業交付標準

進階挑戰建議

• 嘗試將螢幕牆紙替換為影片縮圖/動態 GIF，導出 After Effects 制作動態海報。
• 引入 3D 物件（如 Element 3D）替代 2D 透視模擬，對比優劣。
• 設計響應式版本：橫版海報 → 直版手機海報 → 正方形社群貼文，驗證設計系統彈性。

這不只是一支「畫筆電腦海報」教學，更是一堂關於設計系統化思維、精準控制力、商業級交付標準的實戰課。掌握這套邏輯，你就能駕馭任何需要「透視精準、元素模組化、視覺高衝擊」的商業設計專案。