13-1 利用路徑運(yùn)算進(jìn)行制作

在學(xué)習(xí)路徑的時(shí)候，也許有一個(gè)問(wèn)題一直縈繞在大家心中，那就是路徑究竟該如何去使用？錨點(diǎn)懂得了，方向線也懂得了，但究竟這些東西能組合出什么來(lái)呢？其實(shí)，大家現(xiàn)在已經(jīng)站在了一條通往創(chuàng)作大道的路口。
以前我們所學(xué)的基本都是針對(duì)現(xiàn)成圖像的操作，比如調(diào)整顏色或?qū)讉�(gè)圖層合成，雖然也有布局上的思考，但終究都是利用現(xiàn)成圖像去做的。但是在創(chuàng)作這個(gè)層次上，我們還未有涉足。這里的創(chuàng)作指的是從空白開始，利用Photoshop自身的工具來(lái)制作所需要的圖像，而不是倚賴從素材庫(kù)中去挑選。資深的設(shè)計(jì)師是很少使用素材圖片的，一來(lái)因?yàn)橛行┎恍�，二�?lái)也是因?yàn)樗夭膱D片未必能表達(dá)他心中的構(gòu)思，比如要設(shè)計(jì)一個(gè)徽標(biāo)，還是需要自己動(dòng)手去繪制�，F(xiàn)在，請(qǐng)將素材庫(kù)拋開，我們將來(lái)到一個(gè)非常簡(jiǎn)單卻又創(chuàng)意無(wú)限的世界。相信大家在這里得到的樂(lè)趣要多于從前。

現(xiàn)在我們來(lái)制作一個(gè)徽標(biāo)，最終效果如下圖。很明顯的，這就是將一個(gè)圓分割為兩個(gè)部分，只是分割線是一條曲線。但注意上下兩個(gè)部分的顏色不同，這就意味著兩者要分別位于不同的圖層中，才能指定不同的填充色。我們已經(jīng)學(xué)習(xí)了所有路徑的知識(shí)，已經(jīng)不存在技術(shù)問(wèn)題，現(xiàn)在需要的是技巧和思路。
看到這一行文字時(shí)，請(qǐng)立即停止閱讀，先行思考如何制作并動(dòng)手嘗試，再看后面的講解。如果思考有難度，往下一些可得到進(jìn)一步的提示。

如果思路不清晰，那么就把問(wèn)題看成，如何把一個(gè)圓以弧線分割為半圓，如下圖所示。解決了這個(gè)問(wèn)題也可以在一定程度上完成制作。再想想？

實(shí)例：制作弧形半圓
現(xiàn)在我們來(lái)講解如何制作。首先以形狀圖層方式繪制出圓，在圖層調(diào)板中復(fù)制該層并將隱藏原圖層。如下左圖。這樣做是為了備份，大家應(yīng)該養(yǎng)成這樣的習(xí)慣，并且在制作過(guò)程中應(yīng)隨時(shí)按〖CTRL_S〗存盤以避免數(shù)據(jù)丟失。
接下來(lái)將矢量蒙版中的路徑顯示出來(lái)，用路徑選擇工具〖A/SHIFT_A〗將其選擇，〖CTRL_C〗復(fù)制。然后將除背景層外的所有圖層隱藏，確保沒有選擇帶矢量蒙版的圖層(可以選擇背景圖層，或不選擇任何圖層)，〖CTRL_V〗將路徑粘帖，此時(shí)畫面及圖層和路徑調(diào)板如下中圖。
如果選擇了帶矢量蒙版的圖層，即使該圖層處于隱藏狀態(tài)，但路徑還是會(huì)顯示在路徑調(diào)板中。如果發(fā)生這種情況也沒有關(guān)系，只要確認(rèn)在路徑調(diào)板中所選擇的為“工作路徑”即可，因?yàn)樗褪莿偛耪程麃?lái)的路徑。如下右圖。

-

現(xiàn)在對(duì)工作路徑予以修改，如下圖所示。首先減去下方的錨點(diǎn)，然后使用轉(zhuǎn)換點(diǎn)選擇工具調(diào)整箭頭處的兩個(gè)手柄。
s1301在修改的過(guò)程中注意觀察信息調(diào)板〖F8〗中的角度A和長(zhǎng)度D數(shù)值，確保兩條方向線的長(zhǎng)度相等，夾角為水平。可按住SHIFT鍵鎖定角度。但鎖定有時(shí)也會(huì)導(dǎo)致很難達(dá)到既定的角度和長(zhǎng)度，此時(shí)可以先拖動(dòng)到附近，然后再次按住SHIFT鍵進(jìn)行調(diào)整。
即使方向線沒有達(dá)到這里的要求，對(duì)本例來(lái)說(shuō)影響也不大。但這樣做能確保分割的弧度規(guī)整，在以后總會(huì)遇到有這個(gè)需求的時(shí)候。

通過(guò)以上步驟我們就得到了弧形分割的半圓，接下來(lái)就是將其選擇(應(yīng)使用路徑選擇工具)并復(fù)制，然后顯示原先隱藏的圖層中位于上方的圖層，點(diǎn)擊它的矢量蒙版，在出現(xiàn)路徑之后粘帖半圓路徑，并將半圓路徑改為減去方式，效果如下左圖，圖層調(diào)板如下中圖。
此時(shí)，盡管位于下方的圖層其實(shí)還是一個(gè)圓，但從畫面效果上來(lái)看已經(jīng)完成了制作。如果要更專業(yè)些，可以繼續(xù)利用半圓路徑對(duì)下方圖層的矢量蒙版進(jìn)行運(yùn)算(運(yùn)算方式應(yīng)為交叉)。那么圖層調(diào)板應(yīng)如下右圖。

--

現(xiàn)在更改要求，作出如下左圖的效果。注意這不是簡(jiǎn)單的將兩個(gè)半圓拉開距離就可以完成，因?yàn)楝F(xiàn)在的要求相當(dāng)于是在正圓中減去一塊區(qū)域，這樣整體來(lái)看還是一個(gè)正圓。而如果移動(dòng)半圓，相當(dāng)于把正圓拉高成了橢圓，將會(huì)出現(xiàn)如下右圖的效果。大家想一下該如何制作。

-

s1302可以利用前面制作出來(lái)的弧形半圓，將其從封閉路徑變?yōu)殚_放路徑，方法是選擇(使用直接選擇工具)箭頭處的錨點(diǎn)，按下鍵盤上的DELETE鍵將其刪除。注意不能使用刪除錨點(diǎn)工具，因?yàn)槭褂闷鋭h除錨點(diǎn)后路徑還是封閉型的。
接著使用路徑選擇工具將這條開放路徑移動(dòng)復(fù)制出一條。最后使用鋼筆工具連接兩條開放路徑位于左方兩個(gè)錨點(diǎn)，以及位于右方的兩個(gè)錨點(diǎn)。對(duì)于連接后產(chǎn)生的細(xì)直片斷不必理會(huì)。這樣就得到了所需要的S形封閉路徑。過(guò)程如下圖。

將這個(gè)路徑復(fù)制粘帖到大圓圖層的矢量蒙版中，用路徑選擇工具選取兩者，按按鈕對(duì)齊。然后選擇S形封閉路徑，按下〖-〗將其改為減去方式。此時(shí)的畫面效果就已經(jīng)形成了兩個(gè)分離的半圓。如下圖。
由于兩個(gè)半圓的顏色不同，就需要將它們分別放入不同的圖層中。但現(xiàn)在的路徑只是由運(yùn)算方式呈現(xiàn)出分離的效果，實(shí)際上還是一個(gè)整圓。那么現(xiàn)在將矢量蒙版進(jìn)行組合，得到兩個(gè)彼此分離的封閉路徑。
按照正常的思路，接下來(lái)只要選擇其中一個(gè)半圓的封閉路徑，將其作為另外一個(gè)填充層的矢量蒙版即可。大家自己動(dòng)手接著往下做吧。

s1303是不是發(fā)現(xiàn)了問(wèn)題？路徑選擇工具無(wú)法單獨(dú)選擇其中一個(gè)半圓，這是因?yàn)槲覀冎八f(shuō)過(guò)的，組合后的路徑失去了獨(dú)立性，即使它們之間并未相連。此時(shí)只能通過(guò)直接選擇工具來(lái)選擇。方法是選擇封閉路徑的所有錨點(diǎn)。如下圖中箭頭處。
然后〖CTRL_X〗剪切路徑，這次不是復(fù)制了。接著〖CTRL_V〗粘帖到圖像中，路徑將保持顯示狀態(tài)，此時(shí)建立一個(gè)色彩填充層并指定為其他的顏色即大功告成。

之前的制作過(guò)程中，多處使用了路徑的復(fù)制粘帖功能，其實(shí)也可以不通過(guò)這種方式，而直接在矢量蒙版中完成復(fù)制、移動(dòng)、修改、移回、運(yùn)算這一系列過(guò)程。只是在視覺上會(huì)有影響，不過(guò)如果熟練了也沒有太大區(qū)別。
如果采用復(fù)制粘帖的方式，應(yīng)注意在完成運(yùn)算步驟之前不要移動(dòng)路徑，否則還要多出對(duì)齊的操作，況且對(duì)齊本身功能也有限，只有簡(jiǎn)單的幾種，未必能達(dá)到我們希望的效果。

此外，對(duì)于上面這個(gè)效果，大家還可以參考以下的做法，這個(gè)方法采用了另類的方法來(lái)產(chǎn)生S型封閉路徑。也許能為大家以后的制作中提供一種思路。
使用文字工具，在圖像中輸入一個(gè)減號(hào)字符“-”，在字符調(diào)板中設(shè)定合適的字號(hào)，如下左圖，注意將紅色箭頭處的寬度設(shè)大一些。然后使用變形文字功能，設(shè)置如下中圖，這樣就得到了S形的文字。如下右圖。然后通過(guò)【圖層_文字_轉(zhuǎn)換為形狀】或【圖層_文字_創(chuàng)建工作路徑】，就可以得到矢量的S路徑。
這個(gè)方法是利用了文字本身的矢量信息，即使在變形之后也還是保持的特點(diǎn)來(lái)實(shí)現(xiàn)的。文字本身的復(fù)雜性再加上變形的多種可能性，可以綜合營(yíng)造出很獨(dú)特的效果。要將文字層轉(zhuǎn)為路徑或形狀圖層，也可以在圖層調(diào)板中文字圖層上點(diǎn)擊右鍵選擇。此外大家也可以嘗試使用字符“~”。

--