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)作指的是從空白開(kāi)始,利用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ù)拋開(kāi),我們將來(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ù)制。然后將除背景層外的所有圖層隱藏,確保沒(méi)有選擇帶矢量蒙版的圖層(可以選擇背景圖層,或不選擇任何圖層),〖CTRL_V〗將路徑粘帖,此時(shí)畫面及圖層和路徑調(diào)板如下中圖。
如果選擇了帶矢量蒙版的圖層,即使該圖層處于隱藏狀態(tài),但路徑還是會(huì)顯示在路徑調(diào)板中。如果發(fā)生這種情況也沒(méi)有關(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)度相等,夾角為水平?砂醋HIFT鍵鎖定角度。但鎖定有時(shí)也會(huì)導(dǎo)致很難達(dá)到既定的角度和長(zhǎng)度,此時(shí)可以先拖動(dòng)到附近,然后再次按住SHIFT鍵進(jìn)行調(diào)整。
即使方向線沒(méi)有達(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è)半圓拉開(kāi)距離就可以完成,因?yàn)楝F(xiàn)在的要求相當(dāng)于是在正圓中減去一塊區(qū)域,這樣整體來(lái)看還是一個(gè)正圓。而如果移動(dòng)半圓,相當(dāng)于把正圓拉高成了橢圓,將會(huì)出現(xiàn)如下右圖的效果。大家想一下該如何制作。
-
s1302可以利用前面制作出來(lái)的弧形半圓,將其從封閉路徑變?yōu)殚_(kāi)放路徑,方法是選擇(使用直接選擇工具)箭頭處的錨點(diǎn),按下鍵盤上的DELETE鍵將其刪除。注意不能使用刪除錨點(diǎn)工具,因?yàn)槭褂闷鋭h除錨點(diǎn)后路徑還是封閉型的。
接著使用路徑選擇工具將這條開(kāi)放路徑移動(dòng)復(fù)制出一條。最后使用鋼筆工具連接兩條開(kāi)放路徑位于左方兩個(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ò)程。只是在視覺(jué)上會(huì)有影響,不過(guò)如果熟練了也沒(méi)有太大區(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)擊右鍵選擇。此外大家也可以嘗試使用字符“~”。
--
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 新手教程
- ps基礎(chǔ)教程
- PS新手教程
- ps新手入門
- ps入門基礎(chǔ)
學(xué)習(xí) · 提示
相關(guān)教程