這期分享來自 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有一個隱藏的功能-我們可以在文件中檢查使用頻繁的色彩。當我們選擇填充顏色的時候,就可以在檢查器面板找到它。它位於透明度值的右上方。當你點擊了那個顏色面板擴展,你就會看到常用的顏色。
在Sketch中置入顏色是很簡單的。一旦選中一個顏色,你可以在檢查器中找到兩個面板—全局顏色、和文檔顏色。全局顏色是哪些可以固定在所有文檔中(所有文檔都可以使用全局顏色)。而文檔顏色只會出現在你當前處理的文件中(當前從文檔中導入的顏色,只能在當前的文件中使用)。
要保存顏色只要點擊插件,在全局顏色或文檔顏色面板中任選一個。用這個方式你就可以將當前選中的顏色置入到面板中。想要把顏色從面板中刪除,只需要拖動顏色到面板外面即可。
小技巧:想要快速的選中顏色,只需要在鍵盤上按“Control+C”,然后去點擊你想要的色彩。這是吸取色值(拾色器)的快捷方式。
Sketch 調色板插件
當你在做一個有許多文件的大型項目時候,手動的創建文檔顏色會是一個繁雜多余的過程。
在這里 Sketch Palettes(調色板)插件就派上用場了,這樣做你就可以把調色板保存成文件,然后導入到不同的文檔中。用這種方式你就可以快速的給一個新建的文件添加品牌色。
要保存你的調色板 前往 Plugins (插件)》Sketch Palettes(Sketch 調色板)然后保存你的全局或者文檔調色板。這個選項就是用來加載和清除調色板。
原文地址: