別小看 4×4 像素的微小單元，它能生成極具質感的無縫網頁背景。這篇教學從單一像素圖構建、圖案定義、到跨軟體應用，完整示範像素級紋理設計的核心邏輯與實操細節。

一、單一像素單元繪製

1. 新建文件，開啟「檢視→像素預覽」與「對齊像素」。

2. 繪製 4×4 px 淺灰正方形，加兩個 2×1 px 深灰長方形、兩個 2×1 px 白長方形，依圖定位，構成具高光陰影的微觀單元。

二、建立無縫圖案

1. 選中單元，「物件→圖案→建立」進入編輯模式，畫布即時顯示平鋪效果，屬性面板可即時調整參數（教學採用預設值）。

2. 色板面板自動出現新圖案，點擊左上角「完成」退出；旁邊「儲存副本」可建立備份不影響原圖案。

三、應用與跨軟體流程

1. AI 內繪製大矩形填充圖案即可預覽。

2. 圖案僅存在於當前文件。實戰中：繪製填充矩形 → 匯出 PNG → PS 開啟 →「編輯→定義圖案」 → 永久保存於 PS 圖案庫，任何專案隨時調用。

進階提示

• 定義後可回 AI 修改：增強色彩對比、拉大像素間距可讓紋理更粗獷。
• 大量練習能建立對像素排列、色階對視覺影響的直覺——像素是圖像的原子，掌握它就是掌握視覺真理。

這套流程同樣適用於斜紋、雜訊、織物等各類微觀紋理創作。