Sketch 快速建立調色盤技巧（PS 同樣適用）

這期分享來自 marko vuletič 寫的配色板技巧文章，主要用 sketch 來操作，但 photoshop 上也是同樣道理的，對於配色不熟悉的設計師們可以試試這個方法來建立調色盤，簡單快捷！

photoshop 使用者推薦嘗試「免費好用的調色劑 psd源檔案格式」

首先我們先建立三個正方形，它們是可以被三整除。在我們的例子中，我們將先建立乙個240pt高和240pt寬的正方形。

我們將重新命名這些圖層為紅色、綠色和藍色。讓我們將紅色圖層的填充改為＃ff6161，綠色圖層為＃4f953b和藍色的圖層為＃0076ff。

選中這3個圖層，然後按「a」快捷鍵來選擇畫板工具。我們現在從右邊的檢查器上選擇的「around selection」（周圍選定）。讓我們來重新命名畫板為「color palette」（畫板與調色盤）。

現在我們要給這些矩形新增陰影，將它們劃分成三個垂直相等的部分。在畫板頂部的正方形上建立兩個相同寬度的的矩形。高度應該是正方形的高度除以三－在我們案例中高度為80pt。

對齊矩形到畫板的頂部並且改變填充色為白色。對齊另外乙個矩形到畫板的底部並且改變填充色為黑色。

現在改變透明度為20%－這樣做我們就可以從我們的紅色、綠色和藍色中分別得到3組不同的形狀。讓我們來重新命名這兩個圖層，稍後我們就知道它們是做什麼的。

我們要再次劃分這些正方形－這次是水平方向的。建立乙個和正方形高度一樣的矩形。這個寬度是正方形的基礎寬度除以三。水平對齊矩形到紅色正方形的中心，現在讓我們來重複的這個矩形並右對齊到紅色正方形。

現在到有趣的部分，用些充滿活力的東西來更改這兩個圖層的填充色。我們會用黃色（＃ffe200）修改中間一層的透明度為40%，右邊的為80%.最後改變這兩個圖層的混合模式為疊加(overlay)。

重複上面的步驟，把2個矩形分別複製到綠色和藍色的正文形裡，這樣他們就分成了9個相等的矩形，完成調色盤！

sketch有乙個隱藏的功能－我們可以在檔案中檢查使用頻繁的色彩。當我們選擇填充顏色的時候，就可以在檢查器面板找到它。它位於透明度值的右上方。當你點選了那個顏色面板擴充套件，你就會看到常用的顏色。

在sketch中置入顏色是很簡單的。一旦選中乙個顏色，你可以在檢查器中找到兩個面板—全域性顏色、和文件顏色。全域性顏色是哪些可以固定在所有文件中（所有文件都可以使用全域性顏色）。而文件顏色只會出現在你當前處理的檔案中（當前從文件中匯入的顏色，只能在當前的檔案中使用）。

要儲存顏色只要點選外掛程式，在全域性顏色或文件顏色面板中任選乙個。用這個方式你就可以將當前選中的顏色置入到面板中。想要把顏色從面板中刪除，只需要拖動顏色到面板外面即可。

小技巧：想要快速的選中顏色，只需要在鍵盤上按「control＋c」，然後去點選你想要的色彩。這是吸取色值（拾色器）的快捷方式。

當你在做乙個有許多檔案的大型專案時候，手動的建立文件顏色會是乙個繁雜多餘的過程。

在這裡 sketch palettes（調色盤）外掛程式就派上用場了，這樣做你就可以把調色盤儲存成檔案，然後匯入到不同的文件中。用這種方式你就可以快速的給乙個新建的檔案新增品牌色。

要儲存你的調色盤前往 plugins （外掛程式）》sketch palettes（sketch 調色盤）然後儲存你的全域性或者文件調色盤。這個選項就是用來載入和清除調色盤。