想在網頁呈現充滿街頭氣息的紅磚牆，還能隨心塗鴉？本教學將從零構建磚塊紋理、砂漿縫隙、風化細節，再示範如何利用蒙版將塗鴉素材自然融入牆面，打造極具真實感的場景素材。

第一階段：建立牆面基底

1. 新建文件與基底矩形

建立 800×310 px 畫布，繪製同尺寸矩形，填充「線性漸變」（深灰→淺灰），模擬牆面整體明暗關係。

2. 增加顆粒噪點

執行「濾鏡」→「雜點」→「新增雜點」，數量設 15，賦予水泥基底粗糙質感。

3. 疊加搖動變形與內斜角

複製基底矩形，套用 Eye Candy 4000「搖動效果」（移動類型：Browniar、泡沫尺寸 307.69、彎曲 334.32、扭曲 49），再加「斜角與浮雕」→「內斜角」（平坦邊緣、寬度 3、透明度 75%、柔化 9、角度 142°、凹入），形成凹凸不平的牆面輪廓。

第二階段：製作單顆磚塊

1. 基礎形狀：繪製 73×25 px 矩形，填充 #CE3000 磚紅色。
2. 輪廓變形：套用 Eye Candy 4000「搖動」（Browniar、泡沫 25.24、彎曲 4.66、扭曲 18），產生手工磚不規則邊緣。
3. 表面紋理：加「新增雜點」（數量 10）模擬磚面氣孔。
4. 立體斜角：「內斜角」（平坦、寬度 2、透明度 100%、柔化 3、角度 136°、凸起），強化厚度感。
5. 砂漿邊框：複製磚塊，移除填充，描邊設 #666666 灰色 5px，刪除雜點濾鏡，形成砂漿縫隙。
6. 色彩豐富度：再複製一層，填充 #FF6600，套用 Alien Skin Splat LE「Edges」濾鏡，疊加增強磚面色相變化。

提示：若需更豐富質感，可在磚塊基底加「線性漸變」（透明度漸變），模擬濕潤或風化痕跡。

第三階段：鋪設牆面與蒙版合成

4. 複製排列磚塊

利用「複製」→「貼上」大量複製磚塊，透過調整搖動參數製造大小、形狀差異，排列成牆面陣列，最後全選群組（Ctrl+G）。

5. 蒙版裁切牆面邊界

• 繪製與牆面同尺寸矩形，填充「線性漸變」+「新增雜點」（數量 30）
• 選中磚塊群組與漸變矩形，執行「修改」→「蒙版」→「組合為蒙版」
• 磚塊自動依漸變透明度裁切，邊緣自然過渡

6. 塗鴉合成

在牆面圖層上方新增圖層，繪製或匯入塗鴉素材，將圖層混合模式設為「疊加」或「正片疊底」，並適度降低不透明度，使顏料自然滲入磚縫與紋理。

素材下載

• 完整牆面 PNG 源檔
• 單顆磚塊 PNG 源檔

感謝靈感論壇、經典論壇與織夢論壇諸位高手指教，歡迎留言交流改進想法！