萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 3 分鐘制作專屬彩色調色板:填充圖層+混合模式巧妙應用

效果預覽:一鍵換色的智能調色板

最終產出一個由多色方塊組成的調色板,核心優勢:雙擊頂層填充圖層縮略圖即可整體換色,無需重繪方塊。適合 UI 設計、插畫配色、品牌色盤快速生成。

調色板動態演示

制作步驟

1. 新建基礎文檔與色塊矩陣

  • 新建 210×360px,白背景 (#FFFFFF)。
  • 新建圖層,矩形選框工具 (M) 畫 40×40px 正方形選區,填充隨機顏色 (Alt+Delete/前景色),移動選區 (空格+拖動或移動工具) 重複填充不同色,排成網格矩陣。盡量顏色豐富、對比強烈。
色塊矩陣繪製

2. 核心技巧:創建純色填充調整圖層作為「總色鍵」

  1. 圖層面板底部「創建新的填充或調整圖層」圖標 > 選「純色」。
  2. 顏色選擇器任意選一色(如紅),確定。自動生成「顏色填充 1」圖層,位於色塊矩陣之上。
創建純色填充圖層

3. 關鍵設置:混合模式「顏色」+ 不透明度 80%

  • 將「顏色填充 1」圖層混合模式從「正常」改為 「顏色」。
  • 不透明度設置 80%(可根據喜好 70-90% 微調)。
混合模式與不透明度設置

4. 效果驗證與使用

  • 此刻畫面:所有色塊統一被填充色「染色」,保留原有明度/飽和度關係,呈現協調配色關係。
  • 換色操作:雙擊「顏色填充 1」縮略圖,顏色選擇器彈出,任意選色即時更新全圖調色板。
  • 導出:存儲為 Web 所用格式 > GIF/PNG,或存 PSD 留作模板。
換色演示
最終調色板

原理解析

  • 「顏色」混合模式:保留基色(色塊)的亮度,採用混合色(填充層)的色相與飽和度。即:統一色相/飽和度,保留原色塊明暗層次。
  • 80% 不透明度:保留 20% 原色塊本色,避免過度單一,增加豐富度。
  • 填充圖層優勢:矢量可編輯、不佔內存、雙擊即改、可疊加多個填充層做複雜色彩變換。

進階玩法

  • 多填充層疊加:再加一個「漸變映射」調整圖層,模式「柔光」/「疊加」,不透明度 20%,增加色彩層次。
  • 通道混合器調色板:新建通道混合器調整圖層,調整 RGB 輸出通道曲線,創建風格化調色板(如賽博龐克、復古胶片)。
  • 導出為 .aco 色板文件:吸管工具依次點取調色板顏色,存入色板面板,另存為 .aco,跨軟體/跨項目復用。
copyright © 萬盛學電腦網 all rights reserved