這是一個極具概念張力的創意合成案例：一匹馬從螢幕/磨砂玻璃後方「躍出」，前半身在模糊的屏幕後若隱若現，後半身清晰呈現於屏幕前，中間過渡區域呈現半透明磨砂質感與暗部切面細節。這不僅是PS合成技法的綜合練兵，更是「空間邏輯構建與材質邊界處理」的絕佳實戰演練。

最終效果

創意邏輯拆解

畫面空間劃分為三個區域：

1. 屏幕內區域(模糊、暗沉、磨砂質感)：馬的前半身、頭部、前肢，被一層「磨砂玻璃/屏幕」隔離，呈現半透明、低對比、軟焦狀態；
2. 過渡邊界區(關鍵細節)：屏幕邊緣、馬身穿透處的切面、光線折射邊緣，需手繪過渡細節；
3. 屏幕外區域(清晰、金屬質感、高對比)：馬的後半身、後肢、尾巴，完全暴露在觀察者空間，展現金屬質感、高光、銳利細節。

製作流程詳解

步驟1：素材準備與背景構建

1. 尋找合適角度馬匹素材(側面/45°角最佳，便於前後身分離)；
2. 新建文檔，參考素材色調拉漸變背景(深灰到中灰徑向漸變)，營造工作室打光環境；
3. 將馬匹素材中左側(屏幕內)部分抠出(筆刷/通道/選區工具)，拖入新文檔；
4. 圖像→調整→去色 → 曲線壓暗(輸出黑場 30-50，輸入白場 200-220)，降低對比度與飽和度，模擬屏幕後視覺衰減。

步驟2：磨砂屏幕質感構建

1. 對屏幕內馬圖層執行：濾鏡→模糊→高斯模糊(半徑 8-15px 視分辨率)，保留基本輪廓識別度；
2. 關鍵：加深/減淡工具重塑空間感 —— 在模糊層上(或新建剪貼蒙版圖層模式「柔光」)：
   • 減淡工具(高光範圍, 曝光度 10-15%)：輕繪馬身受光凸起部位(額頭、頸背、肩峰)；
   • 加深工具(陰影範圍, 曝光度 10-15%)：加深凹陷區域(眼窩、頸下、肋骨間)；
   • 中間調範圍微調過渡帶；
   • 此步旨在「在模糊中重建結構感」，而非單純模糊。
3. 若加深減淡效果不理想，新建圖層模式「柔光/疊加」，低流量白/黑筆刷手繪補充結構光影。

步驟3：屏幕外馬體——金屬質感重塑

1. 從原素材抠出右側(屏幕外)馬體部分(後軀、後肢、尾巴)；
2. 同樣去色 + 曲線壓暗；
3. 關鍵：色彩平衡賦予金屬色 —— 圖像→調整→色彩平衡：
   • 高光：+30 紅 / -10 藍(暖金高光)；
   • 中間調：+20 紅 / -15 藍 / +10 黃(銅金調)；
   • 陰影：+10 紅 / -20 藍(冷陰影保留金屬感)；
4. 圖層樣式→倒角浮雕(外部斜角, 平滑, 深度150%, 大小5px, 光澤輪廓「環形-雙峰」, 高光「線性減淡」60%, 陰影「正片疊底」70%) 強化金屬棱角；
5. 剪貼蒙版手繪高光/陰影細節(參考步驟2邏輯)。

步驟4：過渡邊界精細處理(決定成敗關鍵)

1. 新建圖層置於屏幕內/外馬體圖層之間，命名「邊界過渡」；
2. 鋼筆工具精確勾勒屏幕邊框線、馬身穿透切面線條；
3. 描邊路徑(2-3px, 白色/亮金色) → 高斯模糊 2-3px → 模式「線性減淡」→ 蒙版擦除非邊界區；
4. 同理添加暗部切面線(深灰/黑，模式「正片疊底」)；
5. 可添加「濾色」模式細微光暈點綴邊界，模擬光線在邊緣折射/繞射。

步驟5：文案排版與最終統一

1. 添加標題/文案，字體選擇無襯線幾何體(如 PingFang SC Semibold / Helvetica Neue Bold)；
2. 文字圖層樣式：描邊(1px, 深色) + 外發光(篩色, 金色, 大小10px) 確保在複雜背景可讀；
3. 整體調色：曲線/色彩平衡/查找顏色(LUT)統一冷暖傾向；
4. 銳化輸出。

核心技法總結：空間邏輯與材質邊界

技法點	關鍵操作	物理邏輯
空間分層	圖層組嚴格分離：屏幕內/邊界/屏幕外	真實空間被物理介質分隔
模糊分級	內層高斯模糊大半徑，外層銳利無模糊	磨砂介質散射光線 vs 直接成像
明度壓縮	內層曲線壓暗降對比，外層保持高對比	介質吸收/反射光能 vs 直接接收
材質轉換	內層有機質感(毛/皮) → 外層金屬質感(人工賦予)	概念隱喻：數據/虛擬 → 實體/雕塑
邊界過渡	手繪高光/陰影切面線 + 光暈 + 蒙版融合	菲涅爾效應、邊緣繞射、介質厚度可見
陰影系統	投影/接觸陰影/遮擋陰影分層疊加	真實光照環境下的多級陰影

創意延展方向

• 不同介質：水面(倒影+波紋)、火焰(燃燒邊緒+發光顆粒)、霧氣(體積光+噴射動畫)、鏡面(完美倒影+視差)；
• 不同主體：建築生長、機械組裝、生物進化、數據具象化；
• 動態化：After Effects 中用「CC Glass / Displacement Map / Turbulent Displace」驅動邊界動畫，配合 Lottie 落地互動頁面；
• 系列化：「屏幕中躍出的○○」系列——汽車、手機、建築、角色，形成品牌識別超級符號。

這個案例最迷人之處在於：它用一個簡單的「分界線」，將同一主體拆解為「虛/實、舊/新、軟/硬、模/銳」的強烈對比，並在邊界處理上投入極大精力。這正是優秀合成設計的核心——不在於疊加多少特效，而在於邏輯自洽的空間構建與邊界處理的工藝級細節。嘗試用這套邏輯，創作你的「躍出螢幕」系列作品吧！