設計工具 ? PSD配色器不完全使用手冊 Color-Creator

PSD配色器不完全使用手冊 Color-Creator

發表于: 設計工具. 評論
Sponsor

設計師Marc Edwards制作了一個由PS實現的配色工具,準確來說不是工具,而是一個PSD文件 ,我們只需要在這個文件里就能進行色彩調配,簡單有好用,這個配色器有3種文件格式方便設計師調用(PSD, Sketch, Affinity Designer)。下面達人介紹一下這個PSD配色器的使用方法。

PSD配色器不完全使用手冊 Color-Creator

PSD配色器作用:主要是方便設計師用來調整作品的配色方案,通過次配色器可以很快的調整出雙色、三色、漸變色以及亮色調和暗色調。

界面布局

我們打開PSD配色器.psd文件(在設計達人公眾號回復“tool”即可獲?。?,可以看到幾個區域,分別是雙色盤、三色盤、漸變和明暗調色盤、色板儲存區。

PSD配色器不完全使用手冊 Color-Creator

修改顏色

雙擊下圖標注12345的區域就可以更換顏色

PSD配色器不完全使用手冊 Color-Creator

GIF演示:(錄制的GIF圖色差很大,不用理會,看操作就行)

PSD配色器不完全使用手冊 Color-Creator

明暗色調

配色器還有明暗圖層「Darken and Lighten」,根據需要可以隱藏和顯示,建議顯示出來比較好,特別是做漸變的時候很有用。

圖1:隱藏明暗色調圖層

PSD配色器不完全使用手冊 Color-Creator

圖2:顯示明暗色調圖層

PSD配色器不完全使用手冊 Color-Creator

色板儲存區

當我們確定好顏色后,就可以把顏色放到「色板儲存區」,當然這個操作不是必需的。

PSD配色器不完全使用手冊 Color-Creator

實戰案例:寵物APP界面配色

1、確定主色和配色方案

首先我們先確定了這個寵物APP以橙色為主色調,并采用四色的配色方案來進行配色。

工具地址:http://www.zhuozheima.cn/examples/tools/color-scheme/

PSD配色器不完全使用手冊 Color-Creator

1.1、選擇亮色調,這樣比較適合這個APP的調性。

PSD配色器不完全使用手冊 Color-Creator

2、把上面的4個顏色放到「PSD配色器」里

PSD配色器不完全使用手冊 Color-Creator

3、開始搭配顏色

PSD配色器不完全使用手冊 Color-Creator

注意:

做這個漸變配色的步驟時,我是在明部和暗部色調位置,不斷的吸取顏色,直到滿意為止。

PSD配色器不完全使用手冊 Color-Creator

最終效果:

PSD配色器不完全使用手冊 Color-Creator

PSD配色器下載

素材名稱:PSD配色器
素材格式:PSD, Sketch, Affinity Designer
下載地址:https://mdl.ink/JjosmT

感謝閱讀!

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }