想要打造復古 8-bit 風格、像素藝術感十足的幾何壁紙？關鍵在於善用「影像大小」對話框中的「鄰近插值」演算法。本教學將示範如何從一張微小的雜點紋理，透過放大與圖案填充，快速產生邊緣銳利、可無限平鋪的像素馬賽克背景。

最終效果

步驟 1：建立微型雜點基底

1. 新建檔案：160×90 px、72 dpi、RGB、透明背景。
2. 填充單一純色（建議使用網頁安全色系，如 #FF0000、#0000FF），雖然現代瀏覽器已無色域限制，但純色更利後續雜點疊加。
3. 執行「濾鏡 > 雜色 > 添加雜色」，量值 20-30%，勾選「高斯分佈」與「單色」，產生細緻顆粒感。

步驟 2：以「鄰近插值」放大成像素方塊

1. 執行「影像 > 影像大小」（Alt+Ctrl+I）。
2. 將單位從「像素」改為「百分比」，寬度設為 1000%（即放大 10 倍）。
3. 關鍵設定：「重新取樣」選擇「鄰近插值」，這會保留像素的硬邊緣，產生清晰的 10×10 px 方塊矩陣，而非模糊的雙三次插值。

步驟 3：製作 1 px 溝槽分隔方塊

為了讓每個像素方塊之間有細線分隔（模擬 LED 螢幕像素間距），需建立一個 10×10 px 的自訂圖案：

1. 新建 10×10 px 透明文件，用 1 px 鉛筆工具在「左邊緣」與「底邊緣」各畫一條線（或右/上皆可，只要一致）。
2. Ctrl+A 全選 > 「編輯 > 定義圖案」，命名為「Pixel_Grid_10px」。
3. 回到主文件，新增圖層 2，執行「編輯 > 填充」，內容選「圖案」，套用剛建立的圖案，畫面將佈滿網格線。

步驟 4：以選區刪除形成溝槽

1. Ctrl+點擊圖層 2 縮圖載入網格選區。
2. 隱藏圖層 2，選取圖層 1（雜點放大層），按 Delete 刪除選區內像素。
3. Ctrl+D 取消選區，即可看到每個 10×10 方塊中間被 1 px 透明溝槽分隔。

步驟 5：套用圖層樣式賦予立體感

對圖層 1 開啟「圖層樣式 > 斜面與浮雕」：

• 樣式：外斜面
• 技法：平滑
• 深度：100-150%
• 大小：1-2 px（對應溝槽寬度）
• 角度：120°，高度：30°
• 光澤等高線：線性或淺凸曲線
• 高光模式：螢幕幕，不透明度 60%
  陰影模式：正片疊底，不透明度 40%

此時每個方塊都呈現微凸的立體像素感，極具觸覺質感。

進階變化與應用建議

• 色彩變化：在步驟 1 填充漸層而非純色，放大後將形成色帶狀像素畫。
• 圖案尺寸：調整步驟 2 的放大倍率（500% = 5×5 px，2000% = 20×20 px），配合步驟 3 的圖案尺寸，可產生不同密度的馬賽克。
• 動態效果：將多個不同顏色/密度的像素圖層存為影格，匯出 GIF/MP4 即成動態故障藝術背景。
• Web 應用：最終圖可存為 PNG-8 或 WebP，檔案極小卻視覺豐富，適合作為網頁背景、遊戲 UI 紋理、數位藝術底圖。

核心原理解析

「鄰近插值」不進行像素內插，直接複製鄰近像素值，因此放大時保留硬邊緣。這正是像素藝術、QR Code、遊戲貼圖放大時必須選擇的演算法。結合「定義圖案」與「圖層樣式」，即可在不繪製任何向量路徑的情況下，程序化生成無限可平鋪的像素幾何紋理。