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有一個隱藏的功能-我們可以在文件中檢查使用頻繁的色彩。當我們選擇填充顏色的時候,就可以在檢查器面板找到它。它位於透明度值的右上方。當你點擊了那個顏色面板擴展,你就會看到常用的顏色。

在Sketch中置入顏色是很簡單的。一旦選中一個顏色,你可以在檢查器中找到兩個面板—全局顏色、和文檔顏色。全局顏色是哪些可以固定在所有文檔中(所有文檔都可以使用全局顏色)。而文檔顏色只會出現在你當前處理的文件中(當前從文檔中導入的顏色,只能在當前的文件中使用)。

要保存顏色只要點擊插件,在全局顏色或文檔顏色面板中任選一個。用這個方式你就可以將當前選中的顏色置入到面板中。想要把顏色從面板中刪除,只需要拖動顏色到面板外面即可。

小技巧:想要快速的選中顏色,只需要在鍵盤上按“Control+C”,然后去點擊你想要的色彩。這是吸取色值(拾色器)的快捷方式。

Sketch 調色板插件

當你在做一個有許多文件的大型項目時候,手動的創建文檔顏色會是一個繁雜多余的過程。

在這里 Sketch Palettes(調色板)插件就派上用場了,這樣做你就可以把調色板保存成文件,然后導入到不同的文檔中。用這種方式你就可以快速的給一個新建的文件添加品牌色。

要保存你的調色板 前往 Plugins (插件)》Sketch Palettes(Sketch 調色板)然后保存你的全局或者文檔調色板。這個選項就是用來加載和清除調色板。

 

原文地址:

http://it.lindukj.cn/archives/1356


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM