PS基礎教程第五講(良心分享)—利用變換工具自己製作12色環

2020-12-21 樂佳設計

大家好,我是樂佳設計:

非常抱歉,打了三天魚,篩網去了。自己覺得都不好意思,幾天沒有更新!今天同大家分享圖像的自由變換並利用此工具動手製作12色環,我之所以沒有選擇利用自由變換和變形工具,製作特別炫的跳水呀、飛翔之類的變形,而選擇色環是因為我覺得圖像的顏色調整,才是PS的核心,文章有點長,請您有耐心。

顏色應該謂之圖像的靈魂和主線,無論那種教程避不開的都是顏色,圖像顏色、圖層顏色、選區顏色、通道和路徑顏色;以及圖像、圖層和通道的混合模式;色相和飽和度調整、明度調整和黑白模式、最後說道的顏色匹配、可選顏色等等這一切,都離不開顏色,那麼今天利用自由變換工具,帶大家做一做最基本的12色環,既練習了圖像工具也對萬千變化的顏色有所了解。好了,下面開始我們今天的內容:

本期內容
利用變換工具製作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份圓形閉環,如圖示:

11次再次變換後結果

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%為黑色。

CMYK
RGB

小知識:

在數字電路中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鍵,選取同一屬性的圖層,拖動到相應的組中,關閉眼睛可以減少圖層操作)

紅色:R255G0B0
RGB模式:藍色R0G0B255;綠色ROG255B0

三間色:青180°、洋紅-60°、黃60°

CMYK模式:黃色C0M0Y100K0
CMYK模式:青色C100M0Y0K0
CMYK模式:洋紅色C0M100Y0K0

有人說了,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值分別為:

橙色30°:R255 G127 B0(黃色衰減)
翠綠色150°(水綠):R0 G255 B127
天藍-150°(亮藍色):R0 G127 B255
水紅色-30°:R255 G0 B127

為了使顏色看起來清楚,在背景圖層上方新建黑色填充圖層,接下來再次使用自由變換工具製作12顏色文字標識。

文字旋轉
12色名稱

做了這麼多,最終用它幹嗎?來我們做個最簡單的的CTRL+U,調用色相和飽和度命令

CTRL+U色相飽和度面板

綠色背景更換成藍色,如何做呢?綠色到藍色120°或者到紅色呢?逆時針也即是-120°,看看結果如何?

色相調整120°,綠色變成藍色
色相調整-120°,綠色變成紅色

注意色相飽和度調整範圍是-180°—180°。

好了,不知道表述大家是否能夠明白,沒辦法學識有限,請您見諒!

今天就分享到這裡,下次繼續圖像變形和透視貼圖。

本文由樂佳設計原創,請多關注或者留言。

相關焦點

  • ps基礎教程:ps的工具使用
    ;(用工具箱裡的裁切工具裁切大小)3、 利用矩形選框裁切;(用工具箱裡的矩形選框工具選大小,然後用移動工具裁切移動)4、 利用自由變換。也可把通道看作由原色組成的圖像,因此可利用單種原色通道進行變形、色彩調整、拷貝粘貼等工作。將通道和蒙板結合起來使用,可以大大的簡化對相同選區的重複操作,利用蒙板可將各種形式建立的選區存起來,以後再方便調用,而用通道,我們可以方便的使用濾鏡,製造出無法使用選取工具和路徑工具製作的各種特效圖像。
  • 6000元集頂級UI基礎教程:PS基礎+AI基礎+新版PS2018、AI2018工具
    再次提醒一下,同學們領到資源後一定要第一時間保存到自己網盤。這期資源是做著收藏多年的,包括900多集的視頻教程和最新的軟體工具。原上市企業內部資料。想要成為優秀的設計師其實很簡單。當然視頻教程最重質量:這套分享資源全部來源於業內公認的頂尖設計師所錄,無論是基礎操作的細節,和愛是整體設計教學的設計思路,都有可以讓你在觀看的時候,無形就學會了這項技能。
  • ps作圖小技巧篇之神奇畫筆工具,輕鬆製作神奇筆刷
    1.打開ps,填充畫筆為黑色(黑色主要是為了等一下突出畫筆),如下圖;2.使用鋼筆工具,在畫布上畫一條彎曲的路徑,如下圖;3.右鍵點擊路徑,選擇 描邊路徑,確定,如下圖;最終效果:神奇的畫筆就製作完成了,高逼格畫筆工具,歡迎的喜歡的朋友點讚+關注,小編會不定期的更新作品,有對ps感興趣的朋友一樣可以關注小編哦,小編在這裡一般講的都是ps基礎教程,簡單通俗易懂,有不懂的可以在下方留言評論!小編看到就會一一回復的哦!
  • PS基礎教程-用最簡單的方法用PS製作立體字效果
    今天給大家分享一個《PS製作立體字教程》,簡單、易學,不需要用到3D工具,什麼版本都適用,零基礎也能輕鬆上手哦。下面就開始操作了,跟著練習的小夥伴請跟上腳步。第一步:背景的製作這裡就過了,直接打上字,並且要粗體的;
  • PS教程:如何利用PS濾鏡製作炫酷背景?30秒讓你快速掌握
    一般我們的照片背景都是一些很簡單的顏色,今天呢,就給大家分享一個PS濾鏡製作炫酷背景,讓我們的背景不再單調。運用PHOTOSHOP軟體,可以很簡單的製作出來,下面和小編一起來看看具體步驟吧。複製一層-自由變換-水平翻轉-圖層上設置:濾色,得到以下效果:10.合併圖層-執行濾鏡-扭曲-旋轉扭曲.11.選中圖層-複製-自由變換-水平翻轉-垂直翻轉-圖層上選擇-疊加模式,得到以下效果.
  • ps經典操作技巧分享,如何製作一張3D圖片
    我們在實際工作中,當我們需要處理圖片的時候,特別是處理比較複雜的圖片的時候,我們通常會使用功能強大的ps軟體,通過這段時間的學習,我們知道了ps具有很多實用的圖片處理工具,我們不僅可以處理簡單的圖片美化問題,我們還是利用ps處理更加高級的圖片問題,今天我們要分享的ps操作技巧是比較炫酷的
  • ps軟體裡面怎麼製作表格框
    ps設計的時候需要製作表格,經常用到,這裡我們自己總結一個好辦法可以分享給大家來學習借鑑使用,網上也有一些教程零零散散如下圖這樣的ps 表格怎麼形成的呢ps軟體打開PDF表格還是個透明的表格,可能不很清楚,這樣你可以control+J複製多層,或者按照這個表格排班樣式,自己在製作表格添加字體就簡單多了這個是在word做好的表格,然後另存為PDF格式PDF格式打開是這個樣子的,白底黑格的表格
  • PS 製作文字立體效果,純乾貨分享,新手看過來
    效果圖接下來帶大家一起看看,具體製作方法。第二步:在畫布上輸入需要製作效果的文字。調整位置到合適的位置,調整大小。第三步:對文字進行變形操作,快捷鍵CTRL+T。變換成梯形的樣子。具體調整大小位置。(這裡需要仔細點,不能變形太嚴重)第四步:複製文字圖層,命名圖層頂部和底部。將底部圖層拉頂部文字層下面並對其進行變形操作。
  • 如何用ps製作銀色金屬字體
    ps的字體製作功能很強大,這裡呢主要講一下銀色金屬字的做法,這類字體在一些金屬題材的設計中有廣泛的應用,那麼如何用ps製作銀色金屬字呢,接下來看教程!工具/原料ps任意版本電腦一臺方法/步驟首先,打開ps,新建,這裡用的是像素是1280X720,解析度是300,當然大家可以隨意的,然後確定,這樣背景圖層就建好了,背景顏色默認是白色
  • 基礎篇之Ps自由變換
    自由變換 自由變換的控制項框來控制變換效果。 自由變換是獨立進行操作的模式。 變換中的移動和移動工具的操作基本一樣。 選項欄上可以調節X,Y值,來精確控制對象移動。
  • 色環電阻材料是什麼
    打開APP 色環電阻材料是什麼 發表於 2018-03-09 09:07:23
  • 如何5分鐘用Photoshop軟體製作淘寶美工優惠券?
    今日分享:操作軟體: PS(CC2017)案例難度: 初級關鍵詞:Adobe Photoshop軟體基礎操作 ps淘寶美工 優惠券設計 ps設計 圖層蒙版 ps鋼筆工具 店鋪裝修學習要點:1.Photoshop軟體鋼筆工具怎麼用以及使用技巧2.ps-形狀工具、PS自由變換快捷鍵、PS自由變換怎麼使用填充前景色(Alt+Delete)填充背景色(Ctrl
  • 如何利用PS快速對圖像變形、旋轉呢?初學者需要掌握的技巧
    PS中的自由變換是大家比較常用的工具,本文詳細介紹自由變換常用的知識點和小技巧,讓你對自由變換有更加深刻的認識。歡迎關注圖文視頻學習之旅,一起來PS學習之旅哈。1工具/原料Adobe Photoshop 軟體2.本文涉及思維導圖3知識點
  • 11視頻製作工具分享《手機拍校園 拍出電影範》 教程
    11.微電影、微課等視頻製作工具分享 製作工具這三個是我們做微課所需要的。電腦版IMOVIE和手機版的IMOVIE製作好的視頻可以直接導入蘋果電腦上,可以繼續製作。另外專業的一些製作軟體,比如PR,主要用於剪輯,AE主要用於特效的製作。老師們在選擇軟體的時候,可以先給自己一個定位。如果要比較快的來製作出一個作品來,也是用手機拍攝的話,建議手機軟體一定要熟悉一個。如果說專業來做微課,或者說要把這個微課拿出去評比的話,那可以選擇cs9。
  • 五環電阻色環表口訣_5環電阻讀數法
    五環電阻色環表口訣   口訣:一中(1棕)的紅兒(紅2)跑三城(3橙),走四方(4黃),五路(5綠)車的司機楊六郎(6藍),只吃(紫7)灰巴(灰八)喝白酒(白9),直到黑夜零點(黑零)。
  • 使用ps如何製作新年賀卡
    ps是功能強大的平面設計軟體,我們使用ps可以製作新年賀卡,下面就來看看使用ps是如何製作新年賀卡的。方法/步驟在桌面上雙擊ps的快捷圖標,將ps這款軟體打開,進入到ps的操作界面。打開ps之後,按下Ctrl+O鍵,在彈出的對話框內選擇圖片素材,然後使用移動工具鍵公雞圖形拖放到背景圖層之內,並調節其大小和位置。
  • ps怎麼是做螺旋光環效果?
    ps怎麼是做螺旋光環效果?光線效果現在已經非常流行,它是一種為照片或插圖添加明亮絢麗細節效果有效的方法。下面分享利用PS製作一個絢麗的螺旋光線條紋,可以在你的設計中用不同方式來添加動感的效果,需要的朋友可以參考下這一節教大家利用濾鏡中的鏡頭光暈製作出光環效果,很漂亮哦!
  • Ps如何快速製作一張海報,只需要這幾步
    學好ps必備的基礎知識)三、Ctrl+R調出標尺工具,使用新建參考線快捷鍵:Alt+V+E(或者在視圖中找到新建參考線的選項)可以新建水平,垂直兩個方向參考線,在下面輸入具體的數值,比較方便,但是這個單位是cm,所以我們輸入的時候注意轉化下數值。把mm換成cm再輸入數值。
  • 用PS製作3D地球儀!
    看到我們學校地理課上的地球儀了嗎,想不想自己也擁有一個?好的,現在教你用PS自己製作一個專屬於你的世界地球儀!首先你要到網站上下載一幅世界地圖,選擇瀏覽器輸入世界地圖選擇一張喜歡的下載下來!(製作軸承蓋子)新建圖層,選擇橢圓選框工具,繪製一個比軸承半徑大點的橢圓用漸變工具由中心拉一條由內內到外的漸變,ctrl+d取消螞蟻線,ctrl+j複製一層並把複製的帽子拖到軸承的令一端!把這兩個圖層放於軸承上面!
  • PS怎麼快速製作簡單好看的圖案標誌
    下面介紹使用PS怎麼快速製作簡單好看的圖案標誌。第一步,點擊使用多邊形套索工具。第二步,設置參考線,在參考線左邊用多邊形套索工具繪製圖案,用白色填充。第三步,畫出自己滿意的圖案為止。第四步,滑鼠右鍵,點擊複製圖層。