當前位置:首頁>ps入門教程>ps基礎教程>新手教程>教程內容

12-9 實戰(zhàn)路徑運算

來源:網(wǎng)絡 作者:趙鵬 學習:19420人次

現(xiàn)在我們來學習路徑的另外一個很重要的操作,那就是運算。與選區(qū)運算一樣,路經(jīng)也具備添加、減去、交叉等功能。這其實應該在學習路徑繪制的時候就接觸,但當時單一的路徑不容易體現(xiàn)出運算的效果,現(xiàn)在通過形狀圖層來學習就很直觀了。因為形狀圖層會在圖像中產(chǎn)生一個色塊,這樣就很容易觀察到路徑運算的效果。
在頂部公共欄紅色箭頭處選擇形狀圖層12-9 實戰(zhàn)路徑運算方式,橙色箭頭處即為各種運算方式。綠色箭頭處的按鈕如果按下,可以在樣式列表中為形狀圖層指定圖層樣式。把需要用到的圖層樣式存儲到列表中,這時就可以直接使用。當然也可以通過樣式調板使用。最后是填充的顏色。

12-9 實戰(zhàn)路徑運算

路徑的運算方式分別為:
新形狀圖層12-9 實戰(zhàn)路徑運算:此方式下使用形狀工具所繪制的形狀將作為新的顏色填充圖層。
添加形狀區(qū)域12-9 實戰(zhàn)路徑運算:所繪制的形狀將與原有的形狀區(qū)域共同產(chǎn)生填充顏色效果。
從形狀區(qū)域減去12-9 實戰(zhàn)路徑運算:從原有的形狀中減去填充色區(qū)域。如果沒有重疊則沒有減去效果。
交叉形狀區(qū)域12-9 實戰(zhàn)路徑運算:在多個形狀區(qū)域的重疊部分填充顏色。
反交叉形狀區(qū)域12-9 實戰(zhàn)路徑運算:在多個形狀區(qū)域的重疊部分以外填充顏色。如果沒有重疊則等同于添加。

1250需要注意的是,有兩種情況會導致填充色無效。一是在減去12-9 實戰(zhàn)路徑運算和反交叉12-9 實戰(zhàn)路徑運算方式下,如果兩個形狀完全相同且位置一致,則填充色無效。二是在交叉12-9 實戰(zhàn)路徑運算方式下,如果多個形狀沒有重疊則填充色無效。在實際使用中應避免發(fā)生這些情況。

1251現(xiàn)在新建一個400×300的圖像,使用矩形工具12-9 實戰(zhàn)路徑運算〖U/SHIFT_U〗,如下左圖,在頂部公共欄點擊紅色箭頭處,開啟形狀的幾何選項。這個選項依據(jù)形狀工具的不同,其內容也不同。將矩形尺寸設為固定的200×20像素,這個數(shù)值是相對整個圖像的尺寸而言的,大家可以自己設定。然后在圖像中畫出一個矩形。由于后面要對路徑進行操作,因此現(xiàn)在先填充一個較淺的灰色,這樣就比較容易看清楚路徑的線條。
需要注意的是,要確認目前的樣式為無樣式。否則矩形繪制出來就帶著圖層樣式效果。

12-9 實戰(zhàn)路徑運算

現(xiàn)在要為這個矩形添加一個箭頭,我們使用多邊形工具12-9 實戰(zhàn)路徑運算〖U/SHIFT_U〗來完成,多邊形的選項如下左圖,其中半徑我們并沒有指定,大家也可以設置為30像素這樣的數(shù)值。
現(xiàn)在要確認之前的矩形路徑在圖像中處于顯示狀態(tài)(如果填充顏色太深可能路徑就不明顯),即圖層調板應如下中圖所示,在矢量蒙版周圍有選擇框。如果同時開啟了路徑調板,則應如下右圖所示。

12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算

接著確認頂部公共欄中的運算方式為添加12-9 實戰(zhàn)路徑運算,可通過快捷鍵〖+〗來快速切換。然后在圖像中繪制一個三角形,位置任意。然后使用路徑選擇工具12-9 實戰(zhàn)路徑運算〖A/SHIFT_A〗,按住ALT鍵(這樣就啟動了移動復制功能)將三角形拖動到矩形的左側。然后〖CTRL_T〗啟動自由變換,將其水平翻轉。過程大致如下圖。
也可以通過〖CTRL_C〗和〖CTRL_V〗的方式對路徑進行復制,但由于粘貼后的路徑位置與復制時候相同,所以最好在復制之后移動一下原路徑,再進行粘貼。

12-9 實戰(zhàn)路徑運算

1252細心的讀者會發(fā)現(xiàn),使用路徑選擇工具的時候,公共欄出現(xiàn)了對齊選項。那么就可以在選擇多個路徑后利用它們來完成排列,如分布12-9 實戰(zhàn)路徑運算和居中12-9 實戰(zhàn)路徑運算。如下圖。注意在對齊的時候要全部選擇所需的路徑。另外,與普通圖層的對齊相同,分布排列類型的選項需要選擇至少3個路徑才有效。
完成后可按下回車鍵,這樣路徑就不再顯示,可以看到最終的效果。此外也可以點擊圖層調板中的矢量蒙版縮略圖,或點擊公共欄的12-9 實戰(zhàn)路徑運算按鈕。

12-9 實戰(zhàn)路徑運算

現(xiàn)在我們將三角形再復制一個出來,通過變換將其縮小到65%(可在使用變換時的公共欄中填入)左右,再將其移動到原先的三角形之內,然后在公共欄指定為減去方式(可通過〖-〗來切換),制作出挖空效果。過程大致如下圖。

12-9 實戰(zhàn)路徑運算

通過以上各步驟,我們知道只有處在同一路徑組中的各路徑之間才可以進行運算。而要讓多個路徑處于同一路徑組,從第二個路徑開始,就必須通過除了新形狀圖層12-9 實戰(zhàn)路徑運算以外的方式去繪制。此外大家所要掌握的知識是:
1:用路徑選擇工具12-9 實戰(zhàn)路徑運算去移動、復制、對齊路徑。不要再犯使用移動工具12-9 實戰(zhàn)路徑運算的錯誤。此外也可以通過鍵盤方向鍵輕移。
2:復制出來的路徑,具有和原路徑相同的運算方式。比如之前所復制出來的三角形。
3:路徑運算方式可以更改。比如之前從添加方式改為減去方式的小三角形。

尤其是最后一點,可在后期更改運算方式的功能帶來很大的方便,我們不必像以前的選區(qū)運算那樣,運算之前必須胸有成竹,因為選區(qū)運算的結果不可改變只能撤銷。而路徑運算即便操作錯誤(如把該添加的做成了減去)也不用撤銷。再加上可通過路徑選擇工具或鍵盤移動路徑,可以很容易地調整運算結果,比如減去太多了可以改少些。而選區(qū)運算只能推倒重來。

現(xiàn)在我們制作的效果應如下左圖,F(xiàn)在需要做出如下右圖的挖空效果。大家先想象一下該如何實現(xiàn)。在繼續(xù)看后面的講解。

12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算

我們來看一下該如何制作這個效果,從簡單的層次上考慮,就是制作出下左圖紅色區(qū)域的形狀,然后將其改為減去方式即可。而制作這個紅色區(qū)域主要的問題在于其左端,那是一個與三角形邊緣相符的曲線。

12-9 實戰(zhàn)路徑運算

那現(xiàn)在我們就來制作這個紅色區(qū)域,首先將左端的三角形和矩形一起選擇,然后移動復制到其他的地方,移動的時候最好是同時按住SHIFT鍵,垂直復制到原路徑的上方或下方,這樣制作完之后再垂直移動回去,就免去了一步對齊。
接著適當減少矩形的高度和寬度,以留出空隙?梢允褂弥苯舆x擇工具12-9 實戰(zhàn)路徑運算〖A/SHIFT_A〗,選擇水平和垂直方向的片斷,將其向內移動。也可以通過自由變換完成(應使用路徑選擇工具12-9 實戰(zhàn)路徑運算選擇矩形)。然后用路徑選擇工具12-9 實戰(zhàn)路徑運算選擇三角形,按下〖-〗將其改為減去方式。
1253此時如果只作為個體來看,已經(jīng)是完成了制作。但如果將這兩個形狀移動回去的話,三角形的減去方式也會對其他路徑產(chǎn)生效果。所以現(xiàn)在用路徑選擇工具12-9 實戰(zhàn)路徑運算選擇兩者,然后點擊公共欄的“組合”按鈕,這樣兩個路徑就合并為了一個,這其實是最關鍵的一步,F(xiàn)在將這個路徑移動回原先的路徑中并設為減去方式,大功告成。

12-9 實戰(zhàn)路徑運算

現(xiàn)在來看一下有關路徑組合的內容,先畫出一個大圓,然后以添加方式畫一個小圓,將兩者重疊一部分。這樣組合之后,可以看到路徑合并為了一個,如下左圖。從實際操作來看,要用錨點控制完成這個8字型的路徑是比較困難的,而通過這種組合的方式卻可以輕易做到。所以這種方法也可以用來創(chuàng)建一些較復雜的路徑。如果小圓是減去方式,在組合之后合并為了一個月牙形,如下中圖。但如果小圓是添加方式,又與大圓相離,如下右圖。則組合后也還是兩條路徑。所以并不是所有情況下都會合并。
多條路徑組合之后,就失去了獨立性,不能通過路徑選擇工具12-9 實戰(zhàn)路徑運算進行單獨的移動,如下中圖的月牙形。因此若非必須(某些運算或對齊用途),應避免使用組合功能。在組合之前應確認所選擇的幾個路徑是否正確,如果沒有選擇任何路徑,則組合對整個路徑組都有效。

12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算

對于這個箭頭的制作,也許大家覺得沒有必要這么麻煩,使用多個圖層也能完成,同樣是矢量,同樣可以排列對齊,也同樣可以通過蒙版來制作挖空。那為什么要費這么大的勁通過路徑來制作呢?首先是用這個例子來練習路徑的操作,這些方法、思路和技巧也適用于Illustrator及其他矢量繪圖軟件。也是在徽標設計等方面常被用到的。再者,這樣制作出來的成品可以作為自定形狀存儲起來,方便以后的調用。
1254使路徑處于顯示狀態(tài),然后【編輯_定義自定形狀】,如下左圖。之后就可以在形狀列表中找到,如下右圖。如果將形狀列表存儲為外部文件,則還可以提供給他人使用。如果我們是采取圖層的方式制作的,盡管也都是矢量,但由于無法同時顯示所有的路徑,因此也就無法定義為自定形狀了。
需要注意的是:自定形狀中的路徑不再具備獨立性,相當于和使用了組合功能后一樣。

12-9 實戰(zhàn)路徑運算-12-9 實戰(zhàn)路徑運算

最后介紹一種可能出現(xiàn)誤操作的情況。如下左圖,我們先繪制了方形,接著繪制了減去方式的圓形。這樣形成了“圓減去方”的效果。如果想要變?yōu)?ldquo;方減去圓”,大家可能想到的方法是:選擇圓改為添加方式,接著選擇方改為減去方式。但最后的效果卻會如下中圖般。
如果〖CTRL_C〗復制方型路徑并將其〖DELETE〗刪除(或直接〖CTRL_X〗剪切路徑),然后再〖CTRL_V〗粘貼,此時改變運算方式就可以得到如下右圖的效果了。

12-9 實戰(zhàn)路徑運算

這是因為在一個路徑組中,第一個被繪制出來的路徑稱為基礎路徑,默認其為添加方式。如果將其改為減去方式,會造成反相的效果。因此不應試圖用其對其他路徑執(zhí)行減去運算。如果基礎路徑被刪除,則其他路徑按照繪制的順序“繼位”成為基礎路徑。因此我們后來采用剪切的方式讓方形“退位”,再粘貼進來執(zhí)行運算,就可以既保留路徑形狀又達到運算的目的。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
追電少年2020-06-12 11:56
意思就是長條減去三角形,組合成一個一頭有弧度的長條,然后用之前的雙箭頭來減去這個帶弧度的長條
從前從前h2019-10-23 10:24
我的作業(yè):難受 + 和- 用不了 換cc2017版本了 懂老師的意思
簫竹女2019-05-11 07:49
我的作業(yè): 自己總結的,和教程有出入不知道對不對 明天再看看
簫竹女2019-05-11 03:00
我的作業(yè):理解 不熟練,還要理解
逗你玩6662019-02-19 09:54
給力給力給力給力
2019-02-18 09:55
實戰(zhàn)路徑運算我的作業(yè):
狐狐網(wǎng)友2018-08-17 11:19
12-9實戰(zhàn)路徑運算我的作業(yè):
狐狐網(wǎng)友2018-08-17 10:47
學習打卡
泡堂號2018-03-21 03:39
給力
太化那小子真壞2017-12-22 08:59
我的作業(yè): 第二遍練習,比較輕松
太化那小子真壞2017-12-21 09:04
我的作業(yè): 總結一下吧,版本不太一樣,我用的是CS6,這個版本形狀公共欄里可以調整多個圖層的上下順序,所以圓減方與方減圓只需要調整上下順序即可操作完成,再者,形狀圖層剛建立的時候是不會作為純色調整層的蒙版的,這是兩個不同的地方,
FRT常果2017-09-15 09:33
我的作業(yè):
Emma2017-06-30 03:22
不對 是方減去園 結果不一樣 和前面那種并沒有什么區(qū)別
Emma2017-06-30 03:21
最后園減去方結果和老師說的不一樣啊
從今開始2017-05-31 03:33
簽到~

關注大神微博加入>>

網(wǎng)友求助,請回答!