不會配色?你試過Adobe爸爸的神器了嗎!?

一套的好的配色是設計的重要組成部分之一。對於在座學設計的同學們,尤其一些理工科背景的學生,沒有系統的學過配色,對顏色的感覺也比較薄弱,所以在配色環節往往感覺很絕望,弄不好就來個農家樂審美了。所以呢,今天要給大家推薦一個很好用的配色工具,出自於Adobe之手——Adobe Color CC

此篇文章由馬克筆設計留學原創首發,禁止一切商用目的的轉載和引用!

本文作者:安老師

舊金山藝術大學室內設計碩士,空間方向教學主管,作品集架構與版面製作輔導主要負責老師。


正文:

首先,讓我們來一睹神器真容,輸入color.adobe.com/create/ 進入主頁面。下圖(圖1)就是Adobe Color CC的首頁了,每次你進入都會是這個樣子。主頁面分為三大部分。右上角的Create, Explore, My Theme(圖2),下面的Color Rule(圖3),以及正中間大大的色盤和色盤中被選中的五種顏色。

圖1

圖2

一睹真容後,正式開始教大家如何使用神器。我們從Create頁面開始,也就是當前顯示色盤的頁面。可以看到在色盤右側有一個叫Color Rule的面板(圖3),7種模式從上到下分別為Analogus(相近色),Monochromatic(單色的),Triad(三個一組),Complementary(互補色),Compound(複合色),Shades(濃度),Custom(自定義)。

圖3

相對應的色盤如下圖(圖4)

圖4

具體如何操作呢?

色盤中的拾色桿可以被任意拖動,你只需要拖動其中一個拾色桿,剩下的拾色桿會根據當前的拾色模式,搭配好其他四種顏色。這樣,你就可以輕鬆的得到一組配色了,是不是非常簡單易用且高大上呢!

但是!這還沒有完,因為作為神器,不會簡單的只有這一種功能。如果說你連自己選出一種顏色都不會或者懶得挑選,那麼你現在只需要在網上找到一張有你喜歡的顏色的任意圖片或者照片,拖入網頁,Adobe Color CC就會自動為你識別出這張圖中的主要的五種顏色,並形成一套配色,那麼具體如何來操作呢,看圖!

首先,還是在剛才所提到的主頁面,在色盤的右上角有一個相機的按鈕,點擊彈出窗口,找到你想要拾色的圖片並打開。(圖5)

圖5

圖6

打開圖片後,網站會立刻根據圖片的顏色分布拾取出5種顏色組合成一種新的配色。(圖6)不僅如此,拾取顏色的模式也分為6種顯示在左側的Color Mood面板中(圖7),分別為Colorful(彩色),Bright(亮色),Muted(柔和),Deep(深色),Dark(暗色)和Custom(自定義)

圖7

以下幾種配色分別為Colorful(彩色),Bright(亮色),Muted(柔和),Deep(深色),Dark(暗色)和Custom(自定義)

彩色

亮色

深色

圖8

你還可以拖動圖片上的拾色點來修改配色組合,這時Color Mood面板上的模式也會隨之自動切換到Custom(自定義)模式(圖8)。另外,你還可以將你喜歡的顏色保存到My Themes(我的主題)之中,這樣你就可以將你的配色文件下載下來使用了。

到此為止,Adobe Color的Create頁面的功能就講解完畢了。

我們再來看一看Explore頁面,首先來看看這個頁面長什麼樣子。(圖9)

圖9

整個頁面上,每一組配色都是來自於全球各地的網友之手。當你將滑鼠移至一組配色上時,配色條上則會顯示出一組選項欄,從左到右分別為Info,Edit Copy,Download,Appreciate和Save

在這裡我們可以看到配色的基本信息,你也可以在此之上進行進一步編輯,或者將該配色下載下來使用,也可以直接保存到My Themes中,當然不要忘記給你喜歡的配色點上一個贊。(圖10)

圖10

這裡我要重點說明一下如何使用下載下來的配色文件。

點擊Download下載文件,你將看到下圖(圖11)一樣的文件。然後將該文件拷貝到Ai的安裝目錄下的Swatches文件夾中,你可以在此新建立一個文件夾,專放置你所下載的配色文件,比如我這裡新建了一個叫「My collection」的文件夾,如圖所示(圖12),路徑為D盤 – Program Files – Adobe Illustrator CC 2018 – 預設 – en_US – Swatches。

圖11

圖12

Mac找到該文件夾的方法如下圖(圖13)。

Finder——Adobe Illustrator——Preset——en_US——Swatches,這樣你就可以找到你的Swatches文件夾了。

圖13

將文件拷貝完畢後,你就可以在Ai中使用這組配色了,如何使用呢。

找到Swatches(色板)面板(圖14),然後點擊左下角的圖書樣子的按鈕,你會在出現的菜單中看到你所新建立的文件夾(圖中為我所建立的My collection文件夾)(圖15),你就會在裡面找到你下載好的配色,點擊就可以使用了。

圖14

圖15

除此之外,還有一個找到Swatches文件夾的快速方法,同時適用於Win和MacOS。

方法如下(圖16):點擊色板面板左下角的圖書的icon(沒有色板面板的在ai軟體最上面的窗口選項里找到,選擇並調出),在最後一行選擇other library(其他庫),會彈出窗口,你就可以看到Swatches的文件夾了,操作完畢後,關閉窗口即可。不用重啟ai,預設立即生效,你再次點擊色板左下角圖書圖標,就可以看到你剛才拷入的配色預設了。

16

最後就是My themes頁面了,這部分比較簡單。

你可以隨時在這裡找到你已經保存的顏色,這裡就不過多的給大家講解了,具體的頁面樣子如下(圖17)。

圖17

到這裡,Adobe Color CC的全部功能以及用法就給大家介紹完了,是不是覺得神器上手,更想做設計了呢,快點打開嘗試一下吧。


Tips:

Explore(探索)頁面內的配色都是來自網友們,所以也並不是所有的都是出色的配色,如何甄別?可能還是要靠長期的積累來提高自己的審美了,這是作為一名設計師永遠不能停止的事情。

原文鏈接:不會配色?你試過Adobe爸爸的神器了嗎!?


推薦閱讀:

小女孩半身塔裙簡易DIY教程
配色再也不是老大難!?
化妝達人教你夏天的妝容
PhotoShop里鋼筆工具到底怎麼使用?
「 BreakNg | 教程」bilibili視頻也可以加速播放

TAG:配色 | 设计 | 教程 |