網格馬賽克與色條紋理是極具設計感的背景素材,本教學揭示兩種「截圖重採樣」奇技:利用螢幕像素網格與 GIF 索引色量化,將任意圖像/漸變轉化為獨特像素藝術風格背景。
效果一:網格馬賽克背景(像素風)
圖 4-127:網格化圖像效果
4 步驟製作
- 開啟素材圖 → Ctrl+6 放大至 1600%
- Print Screen 螢幕截圖 → Ctrl+N 新建畫布 → Ctrl+V 貼上
- 裁剪工具裁取所需區域
- 屬性面板連續加 2-3 次「銳化」濾鏡 → 完成
圖 4-131:網頁通欄應用效果
效果二:水平/垂直色條紋理
圖 4-132:色條紋理效果
6 步驟製作
- 新建畫布 → 矩形工具繪製滿畫布矩形 → 線性漸變填充(白→任意色)
- F6 開啟「兩幅」預覽 → 優化面板:格式 GIF、調色盤「最適應」、顏色「8」(或 16)
- Print Screen 截圖 → 新建畫布貼上
- 裁剪所需區域 → 連續 2-3 次「銳化」
- 色相/飽和度濾鏡快速變換色系(無需重製)
原理解析
- 1600% 放大 + 截圖:將向量/高解析度圖像強制重採樣為螢幕像素網格,產生硬邊像素塊
- GIF 索引色量化(8/16 色):強制將連續漸變離散為有限色階,形成明顯色帶/網格
- 銳化濾鏡:強化像素塊邊緣對比,消除抗鋸齒模糊
創意延伸
- 素材圖換為照片 → 取得「像素藝術風」肖像背景
- 漸變方向改徑向/對角 → 獲得放射/斜向馬賽克
- 色條數量設 4/32/64 → 控制色帶精細度
- 結合「動態模糊」→ 產生動感條紋
- 存為「紋理填充」/「圖案」→ 一鍵套用至任意形狀/文字
這兩招「截圖重採樣」技法,零繪圖技巧要求,卻能產出極具風格化的背景素材,極適合快速概念驗證與風格探索階段。