什么是Kuler?Kuler是一個基于網(wǎng)絡(luò)的應(yīng)用,它提供免費的色彩主題,我們可以在任何作品上使用它們(不會有版權(quán)問題)。下面這篇文章能讓我們獲得更多關(guān)于Adobe Kuler的信息和使用方法。

使用Adobe Kuler來增強(qiáng)Photoshop的色彩工作方式
讓我們走近下面這個能幫助設(shè)計師節(jié)約時間且功能強(qiáng)大的產(chǎn)品--Adobe Kuler。在Kuler網(wǎng)站上,我們將會會學(xué)習(xí)到如何發(fā)現(xiàn)顏色群,以這些顏色創(chuàng)建一個色彩主題并分享它,以及在photshop cs4的擴(kuò)展中如何快速的使用這些內(nèi)容。什么是Kuler?Kuler是一個基于網(wǎng)絡(luò)的應(yīng)用,它提供免費的色彩主題,我們可以在任何作品上使用它們(不會 有版權(quán)問題)。下面這篇文章能讓我們獲得更多關(guān)于Adobe Kuler的信息和使用方法。

序言

Adobe Kuler是如何工作的?我們得準(zhǔn)備些什么?要使用Kuler,我們僅僅需要一個可以使用Flash Player 9或者更高版本的瀏覽器,因為Kuler網(wǎng)站是基于Flash建立的;然后你就可以在任何Creative Suite 4產(chǎn)品(photshop cs4被包含在內(nèi))里使用Kuler的擴(kuò)展,或者直接使用Kuler基于Adobe Air桌面應(yīng)用程序(安裝需要Adobe Air,一個免費的程序環(huán)境)。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

出現(xiàn)這個頁面提示,說明你的瀏覽器沒有安裝flash player 9或者版本過低
(譯者使用的是firefox+flash插件,可以正常使用)。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

這是Kuler網(wǎng)站的首頁。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Adobe Desktop Air的Kuler程序

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kuler在cs4套裝中的擴(kuò)展

創(chuàng)建,分享,和使用顏色主題!

不管是職業(yè)設(shè)計師還是初學(xué)者,都經(jīng)常會為了尋求一個適合作品的色調(diào)而頭疼。這就是為什么會有 Kuler!不僅僅是大量的個人在為Kuler創(chuàng)建顏色主題,Kuler更加是一個活躍的團(tuán)體,我們在討論一些顏色的時候,就會有人創(chuàng)建并發(fā)布相關(guān)的顏色 樣板。下面我們了解一下如何創(chuàng)建一個Adobe ID,這樣我們才能登陸Kuler網(wǎng)站,然后才可以在這個充滿顏色的世界里尋覓,保存我們喜愛的主題,當(dāng)然,我們也可以創(chuàng)建并發(fā)布自己的顏色主題供別人使 用。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

可以很方便的從一張圖片中提取顏色并建立樣本

申請一個Adobe ID賬戶來使用Kuler

你可以使用Kuler來進(jìn)行各種顏色的搭配實驗,復(fù)制和粘貼那些顏色值來使用。但只有登錄之后,你才能下載到可以直接使用的Adobe顏色樣本文件,這種文 件包含了整套顏色主題。要記住在所有不同網(wǎng)站不注冊的同帳號總是讓人感到胸悶,還好Adobe的各種服務(wù)只要一個Adobe ID就行了。

如果你有Adobe ID,你可以點頁面右上角的“Sign In”輕松的登錄到Kuler,如果沒有就點擊“Register”注冊。Adobe 會把你帶到注冊頁面,根據(jù)注冊向?qū)?,可以輕松的完成。得到你的帳號后,再回來登錄Kuler。(老外真是細(xì)心體貼啊,難道怕Adobe的其他服務(wù)會把人吸 引的離開Kuler么)

登入

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

點擊頁面右上角的Sign In后,輸入你的Adobe ID和密碼,然后點GO。

注冊

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

點擊頁面右上角的Register注冊。 網(wǎng)頁會跳轉(zhuǎn)到Adobe的網(wǎng)站,然后點擊Create an Adobe Account繼續(xù)注冊。加星號的是必填信息,寫滿。注冊成功后回到Kuler用上面說的方法登入。(翻譯這段完全是為了保持原文完整性,雖然我的中文版 也沒完全按標(biāo)準(zhǔn)重述。)

不同的菜單和模塊

Adobe Kuler 分成不同的模塊。這些模塊允許我們添加和獲取一些信息。在下面你可以看到單獨的帶有簡短描述和圖片的模塊。

瀏覽方式
* 菜單

通過瀏覽和搜索Kuler的資料庫來找主 題。在左側(cè)的主題導(dǎo)航里,我們可以點擊Newset,Most Popular,Higherst Rated來分別根據(jù)最新的,最受歡迎的,最高得分的顏色主題順序瀏覽,Kuler還有一些其他隨機(jī)的排序選項。我們還可以限定時間范圍,這樣就只顯示在 該時間內(nèi)上傳的內(nèi)容。

* 搜索
我們可以用搜索框來精確尋找我們需要的顏色。tags標(biāo)簽,titles標(biāo)題,creators作者或者colors顏色。想讓所有人都能輕松的發(fā)現(xiàn)我們自己創(chuàng)建的主題,建議上傳時在tags標(biāo)簽里填上描述該顏色主題的最準(zhǔn)確的關(guān)鍵詞。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

搜索框和左側(cè)導(dǎo)航

社區(qū)

* 主題的詳細(xì)資料

在Kuler上出現(xiàn)的顏色主題是由整個Kuler社區(qū)來發(fā)布并維護(hù)的.我們的顏色主題從建立,存儲到發(fā)布,可以開放給Kuler中的其他用戶。在這個模塊中,其他用戶可以參與添加主題的信息,包括作者,標(biāo)題,不同的標(biāo)簽以及更多。

* 評論

我們可以像很多其他網(wǎng)站一樣評論其他用戶的主題或者被評價,記得登錄后才能夠發(fā)表評論,游客狀態(tài)只可以瀏覽。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

上半部分是一個主題的信息,以及被添加的標(biāo)簽
下半部分是comment評論部分

我的Kuler

* MyKuler
MyKuler 模塊在下面這張圖里是空的,因為我的帳號里沒有創(chuàng)建過顏色主題,當(dāng)我們創(chuàng)建了第一個主題后,在MyKuler-Theme這里就可以存儲,預(yù)覽顏色主題。 曾保存過或設(shè)為favorite(喜愛)的顏色主題也會出現(xiàn)在這里。你可以用favorites的方式來保存顏色主題,在每個主題的詳細(xì)資料里有(下載那 一排三個按鈕中的第一個)Add to Favorites。這樣回頭可以統(tǒng)一把保存的主題導(dǎo)入到Photoshop里。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

其他
* 新聞要點
這個模塊發(fā)布了一些關(guān)于Kuler最新消息的重要通知。(在頁面的右邊)

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kuler - 特性

下載到的顏色主題是樣本文件(可以直接在photshop的色板中載入使用)

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

登錄Kuler之后,你可以自己喜歡的顏色主題,只需要點擊圖中所示的按鈕就可以下載了。

.ASE格式文件

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

上圖是.ASE格式文件的圖標(biāo)外觀。所有 Creative Suite 4產(chǎn)品都支持.ASE文件的轉(zhuǎn)換。舉個例子,我們可以輕松的把的Illustrator或Photoshop作品中的單個顏色或者整個主題轉(zhuǎn)換成.ASE 文件。對我們來說,就是可以把在Kuler下載的顏色文件導(dǎo)入到軟件里。

載入色板

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

在Photoshop中展開色板面板,點擊右上角的三角按鈕。然后選擇“載入色板...”,在彈出的對話框里選擇下載好的文件,然后導(dǎo)入就行了。

添加評論

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

上文提到過,成為社區(qū)的成員并不僅可以得到顏色主題,而且可以給主題評價和打分,這樣做可以幫助Adobe把這些顏色主題更好的歸類。留言的話,點擊Add a comment添加一條留言,輸入文字,然后點擊Submit按鈕發(fā)表。

為主題投票

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

五星投票系統(tǒng)告訴我們這個主題在社區(qū)的受歡迎程度。我們選擇Highest rated按分?jǐn)?shù)排列或Most Popular按受歡迎程度排列時,高分主題會在這里優(yōu)先顯示,并且會出現(xiàn)在Kuler的首頁上。

編輯和創(chuàng)建主題

我們剛剛學(xué)習(xí)了如何瀏覽和下載主題,但是我們現(xiàn)在想創(chuàng)建自己的顏色主題了。點擊任意一個熱門顏色主題,在出現(xiàn)的詳細(xì)資料中,點擊查看/修改按鈕 (Make changes to this theme and view color values)或者點擊左側(cè)菜單中的Create(創(chuàng)建),都可以把我們帶到制作頁面??梢宰孕羞x擇是從顏色創(chuàng)建還是從一張圖片創(chuàng)建。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

回顧一下這三個按鈕,分別是設(shè)為喜愛,下載主題,查看/修改主題

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

從顏色創(chuàng)建主題

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

從圖片創(chuàng)建主題

創(chuàng)建自己的主題

Kuler為快速創(chuàng)建新主題提供了極為高效的工具。我們可以選擇不同的調(diào)色規(guī)則,然后使用交互式色盤、亮度以及不同顏色模式的滑塊來建立顏色,也可以從圖片中提取顏色,當(dāng)然,也支持直接輸入顏色代碼。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

建立自己的顏色主題

基礎(chǔ)顏色和關(guān)聯(lián)顏色

就像名字里說的那樣,你可以選擇一個基礎(chǔ)顏色然后創(chuàng)建以它為中心的顏色主題。在設(shè)置了基礎(chǔ)顏色之后,另外4個關(guān)聯(lián)顏色會自動生成,調(diào)色規(guī)則可以讓你在改變基礎(chǔ)顏色時自動改變它們。我們可以在色盤里拖動調(diào)整基礎(chǔ)顏色,關(guān)聯(lián)顏色會根據(jù)規(guī)則一起移動。

 
網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

基礎(chǔ)顏色和關(guān)聯(lián)顏色

色彩規(guī)則

這些色彩規(guī)則都是基于色彩理論建立的。如果你對Kuler上的這些理論感興趣,可以到下面提供的鏈接里去看看。選擇基礎(chǔ)顏色之后再選擇一個色彩規(guī)則 就可以快速的創(chuàng)建出一個協(xié)調(diào)的顏色主題。我想理解這些色彩規(guī)則最好的方法就是一個個的去試一下。如果選擇Custom(自定規(guī)則)的話,你可以自由的調(diào)節(jié) 單個相關(guān)顏色。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

色彩規(guī)則

色盤

通過在交互式色盤里移動標(biāo)記點來選擇顏色??梢赃x擇一個色彩規(guī)則來完成,單獨的調(diào)整顏色也行。在色盤的下面是控制顏色亮度的滑塊。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

色盤和亮度滑塊
顏色值

如果色盤里的顏色還不夠準(zhǔn)確,你可以為顏色輸入一個具體的數(shù)值,Kuler支持HSB, RGB, CMYK, LABHEX 這5種顏色模式.如果你想只改變一個顏色,在色彩規(guī)則中選中Custom,然后輸入一個新的數(shù)值會調(diào)整它。接著再選回之前的色彩規(guī)則來做整體調(diào)整。使用各 模式的顏色滑塊。會有各種新奇的結(jié)果,方便我們做顏色實驗。以上這些,如果你沒有登錄的話,也可以輕松的創(chuàng)建顏色主題,然后將結(jié)果的數(shù)值粘貼到 Photoshop或者其他軟件里。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

色彩模式

從圖片創(chuàng)建顏色主題

Kuler還提供的一個非常絕妙工具,就是從圖片中提取顏色來生成主題。我們可以從本地上傳或者使用Flickr相冊里的圖片。同樣這里也有調(diào)色規(guī) 則,Kuler為我們提供了下面這幾種模式:Colorful(五彩繽紛), Bright(明亮的),Muted(淺色的),Deep(深色的), Dark(灰暗的),和 Custom(自定)。選擇規(guī)則后,會自動從圖片中提取生成顏色。通過移動標(biāo)記點的位置,Kuler提取當(dāng)前位置的顏色并中圖片下面的主題預(yù)覽中顯示出 來。Keler支持的圖片格式有TIFF,JPEG,GIF,PNG和 BMP。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

保存和發(fā)布

在保存主題之前,我們需要給他取一個恰當(dāng)?shù)臉?biāo)題和準(zhǔn)確的標(biāo)簽,以便于其他用戶發(fā)現(xiàn)。我們可以選擇保存為Praivate mode(私人文件)放在Mykuler里面,也可以選擇和其他用戶分享(選Public),這樣可以得到投票和回復(fù)建議。標(biāo)簽和回復(fù)會顯示在該主題的詳 細(xì)信息模塊里。熱門的標(biāo)簽會以特定的字號出現(xiàn)。越大的字號,說明標(biāo)簽越熱門。主題作者們可以用圖片或者一個色板的縮略圖作為自己的頭像。其他用戶可以通過 點擊頭像來查看所有該作者創(chuàng)建的顏色主題。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作
保存和發(fā)布顏色主題

在Photoshop中使用Kuler擴(kuò)展

 

下載的Adobe Swatch Exchange Files(色板擴(kuò)展文件),可以在Adobe CS2以上版本中使用。我們看看Kuler擴(kuò)展在Photoshop CS4中的使用情況

找到并打開Kuler擴(kuò)展

在全新的CS4版本中,Adobe 在Photoshop中整合了Kuler。你可以在通過點擊“窗口”-“擴(kuò)展功能”-“Kuler”來開啟它。加入你仍然不知道Kuler是啥玩意或者不 知道它是干什么的,你可以通過點擊“關(guān)于”按鈕來獲得一些信息,如果感興趣的話也可以看看那些使用條款和隱私策略什么的。

這個擴(kuò)展是通過Kuler的RSS feed向我們提供資源的。直接從Kuler的在線數(shù)據(jù)庫載入顏色主題。你也可以從你的Adobe 賬戶登錄(上文有說怎么申請),點擊“窗口”-“擴(kuò)展功能”-“連接”,會出現(xiàn)一個登錄adobe服務(wù)的窗口,輸入帳號和密碼,登錄成功后會顯示是否注 銷,直接關(guān)掉窗口即可。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Photoshop中的Kuler擴(kuò)展
功能介紹:瀏覽和創(chuàng)建

瀏覽

瀏覽標(biāo)簽下面顯示了當(dāng)前上傳的和可用直接使用的顏色主題。注意:需要連接到網(wǎng)絡(luò),才能載入RSS Feed和顏色主題列表。我們可以瀏覽,搜尋和整理主題,使用方法和在網(wǎng)站上類似。在Kuler面板底部,我們可以看到向上和向下的箭頭,用來查看上一頁和下一頁的內(nèi)容。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kuler擴(kuò)展面板瀏覽標(biāo)簽
創(chuàng)建

創(chuàng)建標(biāo)簽顯示的內(nèi)容是Kuler網(wǎng)站上Create頁面的縮小版。我們可以看到那些熟悉的強(qiáng)大功能,比如選擇規(guī)則,調(diào)整顏色,亮度,設(shè)置基礎(chǔ)顏色和關(guān)聯(lián)顏色等等。面板底部的三個按鈕分別是保存主題,添加到色板以及上傳到Kuler。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kuler擴(kuò)展面板創(chuàng)建標(biāo)簽

色板

下面這張圖是標(biāo)準(zhǔn)的photoshop色板??梢酝^點擊“窗口”-“色板”調(diào)出。前面我們學(xué)習(xí)過如果導(dǎo)入ASE格式的主題文件到色板里。 Kuler擴(kuò)展把這一步變得極為簡單。我們可以方便的瀏覽主題,并直接添加到我們的色板中,而不用麻煩的跑到Kuler網(wǎng)站上下載ASE文件,然后再回到 Photoshop中導(dǎo)入它們。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Photoshop的標(biāo)準(zhǔn)色板

直接添加主題到色板里

Kuler擴(kuò)展面板中的左下角,有個“將所選主題添加到色板”的按鈕?,F(xiàn)在我們可以任意選擇顏色做為前景或背景然后在工作中使用他們。在色板右上角的三角菜單里,我們可以重設(shè)色板或者刪除不要的顏色。

 

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

添加Kuler擴(kuò)展中的主題到色板

使用Adobe Air Kuler的桌面應(yīng)用程序

下載和安裝

目前為止,我們已經(jīng)用過了Kuler的網(wǎng)站和Photoshop CS4中的擴(kuò)展,別忘了我在前面提起過,還有一個超酷的Air程序可以獨立運行于Photoshop之外的。裝之前需要先安裝Adobe Air程序環(huán)境(下面提供了官方下載鏈接,速度慢的話可以去迅雷搜索)。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

在Kuler網(wǎng)站中下載

雙擊安裝程序,按照安裝向?qū)У囊蠛芸彀惭b成功。打開Kuler,呃,好像很眼熟的樣子。這個Air程序和擴(kuò)展差不多,還提供了一些其他的功能。主題下載后會直接添加到photoshop的色板里。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kular的Air程序

特點

你現(xiàn)在可以在桌面上直接瀏覽,搜索和保存主題。還可以單獨把一個主題拖動到桌面上,任意改變它的大小,復(fù)制顏色值或是訪問Kuler網(wǎng)站去給主題添加信息或投票評價。建議多玩玩來增加對程序的了解。在我們使用任何Adobe的軟件時,有Kuler的幫忙,真的很有用。

網(wǎng)頁設(shè)計師如何使用Adobe Kuler優(yōu)化配色工作

Kuler簡示

附加信息

Kuler相關(guān)鏈接

其他一些提供顏色主題和圖案的網(wǎng)站

寫在最后

我在工作中使用Kuler并記錄了它的那些優(yōu)秀的功能.現(xiàn)在大家知道了Kuler的如何工作,搜索,保存以及使用在Kuler找到的主題,并且還可 以有靈感的去創(chuàng)建一個屬于自己的獨一無二的顏色主題.我經(jīng)常創(chuàng)建一些自己以后用不上的主題.拿去Kuler上傳要比刪除它們有樂趣的多.假如文中有什么不 對的地方,請在留言中告知我,這樣其他讀者也可以知道.

來源:http://article.yeeyan.org/view/84509/41262
翻譯:hibem

收藏 6
點贊 2

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。