大家好,我是樂佳設計:
非常抱歉,打了三天魚,篩網去了。自己覺得都不好意思,幾天沒有更新!今天同大家分享圖像的自由變換並利用此工具動手製作12色環,我之所以沒有選擇利用自由變換和變形工具,製作特別炫的跳水呀、飛翔之類的變形,而選擇色環是因為我覺得圖像的顏色調整,才是PS的核心,文章有點長,請您有耐心。
顏色應該謂之圖像的靈魂和主線,無論那種教程避不開的都是顏色,圖像顏色、圖層顏色、選區顏色、通道和路徑顏色;以及圖像、圖層和通道的混合模式;色相和飽和度調整、明度調整和黑白模式、最後說道的顏色匹配、可選顏色等等這一切,都離不開顏色,那麼今天利用自由變換工具,帶大家做一做最基本的12色環,既練習了圖像工具也對萬千變化的顏色有所了解。好了,下面開始我們今天的內容:
利用的工具:PS圖像自由變換工具,快捷鍵CTRL+T(使用頻率和頻次最高的命令)
製作思路:
1】插入矢量形狀,自由變換CTRL+T(調整縮放大小到合適位置);把圓360°分成12分,每次旋轉30°
2】通過圖層再次變形(CTRL+SHIFT+ALT+T)命令複製11次,文字和度數也分別旋轉11次所得。
3】按住CTRL鍵,滑鼠單擊圖層縮略圖,建立選區,使用吸管工具更改背景顏色並ALT+DELE鍵填充選區。
4】按住SHIFT+ALT鍵,拖放橢圓選框工具,建立中心點圓並描邊。
5】視圖—顯示—智能參考線,微調顏色名稱和度數名稱位置(我是演示大家有空可以通過CTRL+T自由變換工具進行文字旋轉,以符合人的閱讀習慣,現在文字是倒立)
五步驟的重點在於多次變形的技巧和12顏色RGB值的確認,請勿本末倒置,理清製作思路了,我們正式開始今天的分享,分兩塊進行製作(圖形製作和顏色填充),希望能對您今後的學習有所幫助。
圖形製作
1、新建文件CTRL+N,文檔尺寸22*22cmRGB格式8通道;視圖—顯示—智能參考線,繪製中心參考線和上下左右邊界線(5cm)。
2、製作顏色箭頭和相應的12等分度數:
1】單擊工具箱自定形狀工具,選擇合適的矢量圖形(如下)縮放至合適的位置;右鍵單擊柵格化圖層;關鍵來了:單擊激活圖層CTRL+T調用自由變換工具,在工具選項欄角度填入30°,必須記得移動圖形中心點到畫布中心線交點位置並回車確認!
自由變換工具並旋轉角度30°,回車確認
一定要注意:移動中心點到畫布中心並旋轉30°以後的結果,如下圖所示。,
30°旋轉以後的結果
需要說明:不建議使用矢量圖形,本命令原本也是針對圖像的,若矢量圖未柵格化也就是沒有轉換成普通圖層,使用下面的再次變形命令,電腦並不新建並複製圖層,只是在原圖層複製矢量圖形。
2】再次變形並複製:CTRL+ALT+SHIFT+T命令,連續11次每次間隔30°,帶原始圖像共12份圓形閉環,如圖示:
3】製作度數,單擊文字工具,我們理解垂直朝上箭頭的指向為0°進行標識,文字工具橫排文字選框到0°標識右上位置,CTRL+T調整文字大小24(通常手機可辨識字體大小為24,太小看不見);同上操作調整文字中心點到畫布中心線交點位置,角度30°並回車確認。
再次變形並複製:CTRL+ALT+SHIFT+T命令,連續11次每次間隔30°,帶原始度數文字共12份圓形閉環,如圖示:
這裡需要說明兩點:
紅色框部分不要,選擇是以外框為標準的
好了12色相的基本圖形我們就製作完了,下面開始第二部分顏色的填充。
顏色填充(可能有點長,但希望您有耐心讀完,我儘量解釋清楚)
顏色填充分為三部分:
1、PS三基色RGB:紅、綠、藍;分布在0°、120°、-120°(240°)又叫對比色,但對比色不僅僅是這三種顏色,相差120°的顏色都是互為對比色。
2、三間色:構成CMYK模式的主要顏色,因為K黑色是混合色,分別是青色、洋紅、黃色;分布在180°、-60°、60°,我們叫做互補色(同紅、綠、藍互補),但凡相差180°的顏色都為互補色,因此不安理解:
理解了以上的邏輯關係,在PS是拾色器中為大家提供提供四種顏色模式:HSLRGBLabCMYK,對於三基色和三間色而言,我們可以通過填充數值,精確填充,需要理解的是RGB屬於加色絕對值(0-255)而CMYK屬於減色百分(100-0%)相對值,區別在於RGB模式255值為白、0值為黑色;CMYK0%為白色、100%為黑色。
小知識:
在數字電路中0和1代表兩種對立脈衝現象,因此0和1均為狀態值,而不是啥也沒有而且不可以不填寫,因此PS中無論RGB模式還是CMYK模式0值必須寫,不能為空。
因此0-255代表256個數值,中間值為127(跨數實際是128=0-127),對於計算機的超大規模集成數字電路中只有0和1二進位,對於8位二進位而言正好可以表示256個數值,你可以理解2的8次方,也可以理解2的4次方*2的4次方=16*16=256,是否有點繞,繞也是這個意思,說這麼多是無論色相、色階、黑白度和曲線都是0-255,您需要多少知道它的來歷,是因為8為二進位,那麼問題就來了RGB配合可以表現1600萬(256*256*256)多種不同顏色,哎,死了去了。
好了說正事吧,知道了概念,實際操作就簡單多了,對於三基色和三間色而言,可以在RGB和CMYK模式中直接填寫數字求得。
以下填充方法都相同:
我這是偷懶以後為了設計方面可以建組,圖層下方新建組命令(也可以使用SHIFT鍵,選取同一屬性的圖層,拖動到相應的組中,關閉眼睛可以減少圖層操作)
三間色:青180°、洋紅-60°、黃60°
有人說了,K呢咋沒人管呢,K值可以理解明暗度100—0,K為0值時候不影響顏色變化,當K值逐漸增大,直到100%的時候,所選取的顏色變為最暗黑色,具體不作圖了,大家可以試試。
3、接下來我們說6種第三色,何為第三色呢?就是三基色和三間色兩兩中間的顏色,三基色分布為120°,三間色分布為120的中間也就是60°,第三色又在兩兩的中間那就是30°,好了六個顏色出來了,從30°開始順時針旋轉分別是:
橙色30°(紅黃之間)
黃綠色90°(黃綠之間)
水綠色150° (綠青之間)
天藍色-150° (青藍之間)
紫色-90° (藍洋紅之間)
水紅色-30°(洋紅和紅色之間)
那我們應當如何確認他們的RGB顏色呢,因為無論RGB或者CMYK模式已經沒有純色可以填寫,也就是以上的顏色是混合色,直選其中一中顏色值已經無法表達,需要同時標註兩種顏色才可以求解。
基礎理論:
依照這樣的理解,我們來分析橙色是如何來的?
橙色=紅色+黃色
而在RGB中我們如何表示黃色呢?因為黃色=紅色+綠色(RGB模式,黃色R255 G255 B0),遞進的邏輯應該是:橙色=紅色+紅色+綠色(2*紅色+綠色)
正如我們日常油漆工配漆,但這樣配出來是兩份,我們只要一份除以2,結果就出來了。橙色=紅色+一半的綠色,一半也就是50%,全值是255,半值就是127,因此橙色的RGB值為R255 G127(黃色減弱50%) B0,因此一下顏色的RGB值分別為:
為了使顏色看起來清楚,在背景圖層上方新建黑色填充圖層,接下來再次使用自由變換工具製作12顏色文字標識。
做了這麼多,最終用它幹嗎?來我們做個最簡單的的CTRL+U,調用色相和飽和度命令
綠色背景更換成藍色,如何做呢?綠色到藍色120°或者到紅色呢?逆時針也即是-120°,看看結果如何?
注意色相飽和度調整範圍是-180°—180°。
好了,不知道表述大家是否能夠明白,沒辦法學識有限,請您見諒!
今天就分享到這裡,下次繼續圖像變形和透視貼圖。
本文由樂佳設計原創,請多關注或者留言。