Photoshop基礎(chǔ)學(xué)習(xí):路徑文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):路徑文字的排版除了以上的排列方式之外，文字還可以依照路徑來(lái)排列，在開放路徑上可形成類似行式文本的效果，如下左圖中呈波浪形排列的3個(gè)網(wǎng)址文字。還可以將文字排列在封閉的路徑內(nèi)，這樣可以形成類似框式文本的效果，如下左圖的數(shù)個(gè)U　字母和T字母。它們各自所依靠的路徑如下右圖所示，很容易看出前者是一條開放形，而后者是兩個(gè)(不是一個(gè))封閉形。

嚴(yán)格來(lái)說(shuō)，要在掌握了繪制路徑的方法后，再來(lái)學(xué)習(xí)有關(guān)路徑文字的內(nèi)容。所幸的是Photoshop提供了很多現(xiàn)成的矢量圖形，在這里我們就先利用它們來(lái)學(xué)習(xí)。只不過(guò)這些矢量圖形都是封閉圖形，類似下右圖那樣的波浪線開放路徑目前我們是無(wú)法制作的。

新建一個(gè)400×300的圖像(可自設(shè)尺寸)，然后選擇自定形狀工具，注意繪圖方式應(yīng)為第一種(形狀圖層)，如下圖紅色箭頭處。然后在形狀列表中選擇一個(gè)心形(如不在列表中，可恢復(fù)默認(rèn)形狀)，如下圖綠色箭頭處。樣式選擇為無(wú)樣式。另外可以選取一個(gè)的顏色。

然后在圖像中畫出一個(gè)心形(繪制過(guò)程中可以按住SHIFT鍵保持長(zhǎng)寬比)，這樣其實(shí)就是建立了一個(gè)帶矢量蒙版的色彩填充層。如下左圖，圖層調(diào)板中顯示的正是一個(gè)色彩填充層。雙擊縮略圖可以更改填充的顏色，而圖層縮略圖右方有一個(gè)蒙版縮略圖(下左圖藍(lán)色箭頭處)，這就是矢量蒙版縮略圖，特點(diǎn)是以灰色來(lái)表示被隱藏的區(qū)域。有關(guān)矢量蒙版的知識(shí)我們將在以后學(xué)習(xí)。

在進(jìn)行下一步之前，要保證路徑蒙版中的路徑處于顯示狀態(tài)，方法是點(diǎn)擊路徑蒙版縮略圖。會(huì)看到圖像中的心形出現(xiàn)了一個(gè)外框，而圖層調(diào)板中路徑蒙版縮略圖周圍出現(xiàn)了一個(gè)細(xì)線框，如下右圖。

現(xiàn)在選擇文本文字工具，并使其停留在這個(gè)心形路徑之上，依據(jù)停留位置的不同，鼠標(biāo)的光標(biāo)會(huì)有不同的變化。當(dāng)停留在路徑線條之上時(shí)顯示為，當(dāng)停留在圖形之內(nèi)將顯示為。請(qǐng)注意這兩者的區(qū)別，前者表示沿著路徑走向排列文字，后者則表示在封閉區(qū)域內(nèi)排版文字，作用是完全不同的。

現(xiàn)在我們先將文字工具停留在心形之內(nèi)(光標(biāo)為)，然后單擊，出現(xiàn)文字輸入光標(biāo)，輸入一些文字。如“LOVE”(注意每個(gè)字母之后都有一個(gè)空格，原因稍后再述)。選擇一個(gè)英文字體(如Tohoma)，選擇小一些的字號(hào)(如6px)，并復(fù)制粘貼幾次，使其充滿整個(gè)圖形(超出也沒(méi)有關(guān)系)，效果如下左圖。此時(shí)看到文字在圖形內(nèi)的排列并不對(duì)稱，接下來(lái)在段落調(diào)板中設(shè)置居中，并適當(dāng)設(shè)置左縮進(jìn)和右縮進(jìn)的數(shù)值(如5px)，這樣看上去就較為舒適了。一般來(lái)說(shuō)在封閉圖形內(nèi)排版文字，都要進(jìn)行這些設(shè)定以達(dá)到較好的視覺效果。如下右圖。

　　現(xiàn)在隱藏(甚至可以刪除)心形色彩填充層，我們看到在文字外圍仍然保留有一條封閉路徑，與原先心形路徑相同。如下左圖。由此可以明白，雖然這個(gè)文字層的排版路徑是籍由另外一個(gè)圖層中的矢量路徑而來(lái)，但在完成后，其也“克隆”了一條相同的路徑并“留用”。

　　我們可以對(duì)這條“克隆并留用”的路徑進(jìn)行修改，從而改變文字的排版布局。方法是使用直接選擇工具〖A/SHIFT_A〗，在文字層(不是早先的填充層，此時(shí)應(yīng)隱藏填充層)的路徑上點(diǎn)擊一下，就會(huì)看到路徑上顯示出許多小方塊。如下中圖。用直接選擇工具往左上方略為移動(dòng)藍(lán)色箭頭處的方塊，就可以看到效果。有關(guān)路徑的知識(shí)我們將在以后學(xué)習(xí)，到時(shí)候我們可以進(jìn)行更多更復(fù)雜的修改，現(xiàn)在大家先記住路徑是可以修改的就可以了。

　　前面我們提到過(guò)要在每個(gè)英文字母后面加上空格，是為了在行末換行時(shí)可以讓單個(gè)字母移到下一行，而如果使用一整個(gè)英文單詞LOVE，則在行末換行時(shí)，因?yàn)橐３滞暾�，整個(gè)單詞將被移到下一行，這樣的效果看上去就比較生硬(也有人會(huì)喜歡這種效果)，如下右圖。大家以后在實(shí)際應(yīng)用中可以參考這種加空格的方法，如果覺得空格拉大了字母間距，可以通過(guò)在字符調(diào)板中設(shè)置間距為負(fù)值來(lái)彌補(bǔ)。

　　注意，不要誤認(rèn)為要將文字在路徑上排版，就一定要用形狀工具建立一個(gè)帶矢量蒙版的色彩填充層，實(shí)際上只要當(dāng)前圖像中有路徑處于顯示狀態(tài)就可以，只是目前我們還沒(méi)有掌握路徑的相關(guān)知識(shí)，因此才使用形狀工具的形狀圖層方式來(lái)產(chǎn)生現(xiàn)成的路徑。其實(shí)采用第二種繪圖方式(路徑)也可以達(dá)到效果，只是這種方式所產(chǎn)生的路徑不填充顏色，也不存在于圖層調(diào)板中，對(duì)于我們目前所掌握的知識(shí)而言，可能會(huì)造成困惑。

　　并且，在今后我們學(xué)習(xí)了路徑的相關(guān)知識(shí)后，雖然可以不必再借助這種方式，但還是建議大家沿用此法。因?yàn)榻⒁粋�(gè)色彩填充層，可以提供一個(gè)較好的視覺參照。也可以在圖層調(diào)板中通過(guò)點(diǎn)擊矢量蒙版來(lái)顯示路徑。而單純的路徑必須通過(guò)路徑調(diào)板才能調(diào)用，較為麻煩。

　　現(xiàn)在將已經(jīng)完成的文字層隱藏起來(lái)。并單擊色彩填充層的矢量蒙版，使其路徑處于顯示狀態(tài)，即使填充層本身處于隱藏狀態(tài)也有效。如下左圖。將文字工具停留在路徑的線條上，注意光標(biāo)指示應(yīng)為，在如下左圖1處的大致地方單擊，即會(huì)出現(xiàn)文字輸入光標(biāo)。將字號(hào)改為12px，段落對(duì)齊方式為居左，然后輸入“She once was a true love of mine”， 這樣就可以形成沿路徑走向排列的文字效果，類似下右圖。注意在文字的起點(diǎn)處有一個(gè)小圓圈標(biāo)記。

　　對(duì)于已經(jīng)完成的路徑走向文字，還可以更改其位于路徑上的位置。方法是使用路徑選擇工具〖A/SHIFT_A〗，注意它與直接選擇工具有些類似，但前者是黑色箭頭，后者是白色的箭頭，要注意區(qū)別。將路徑選擇工具移動(dòng)到剛才的小圓圈標(biāo)記左右，根據(jù)位置不同就會(huì)出現(xiàn)光標(biāo)和光標(biāo)，它們分別表示文字的起點(diǎn)和終點(diǎn)，因此我們稱之為起點(diǎn)光標(biāo)和終點(diǎn)光標(biāo)�，F(xiàn)在分別將文字的起點(diǎn)和終點(diǎn)移動(dòng)到大致如下左圖的位置上，紅色箭頭處為起點(diǎn)，綠色箭頭處為終點(diǎn)。此時(shí)就　　　　可以在路徑上看本來(lái)處于重疊的文字起點(diǎn)標(biāo)志和終點(diǎn)標(biāo)志。

　　如果兩者之間的距離不足以完全顯示文字，終點(diǎn)標(biāo)記將變?yōu)?img src="http://cimg2.163.com/catchpic/E/E0/E0483F01E9DBE5E70FDA6E6D5D0899B7.jpg" border=0 onload="return imgzoom(this,700);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>，表示有部分文字未顯示。正如同在前面我們所學(xué)習(xí)的框式文本中，當(dāng)文字未完全顯示時(shí)所出現(xiàn)的標(biāo)記一樣，如下中圖。

　　　如果將起點(diǎn)或終點(diǎn)標(biāo)記向路徑的另外一側(cè)拖動(dòng)，將改變文字的顯示位置，同時(shí)起點(diǎn)與終點(diǎn)將對(duì)換。如下右圖，將起點(diǎn)往右下方拖動(dòng)，文字從路徑內(nèi)側(cè)移動(dòng)到了路徑外側(cè)(內(nèi)側(cè)外側(cè)只是相對(duì)而言并無(wú)嚴(yán)格標(biāo)準(zhǔn))。

　　路徑走向文字的一個(gè)特點(diǎn)就是它都是以路徑作為基線的，如上右圖，無(wú)論是內(nèi)側(cè)還是外側(cè)，文字的底端始終都以路徑為準(zhǔn)，那假設(shè)我們需要將文字排列在一個(gè)比現(xiàn)有的心形路徑更大(或更小)一些的心形路徑上，那是否就要先繪制一個(gè)更大(或更小)的心形路徑呢？不必如此，只需要在字符調(diào)板中更改豎向偏移的數(shù)值，就可以達(dá)到效果，如下左圖所示，就是將現(xiàn)有的路徑走向文字圖層復(fù)制了兩個(gè)，然后依次更改豎向偏移的數(shù)值為15px和-15px，所形成的效果。 需要注意的是更改該項(xiàng)數(shù)值后，在路徑的曲線上可能造成文字間距不一。此外，也可以通過(guò)回車換行來(lái)達(dá)到目的。

　　現(xiàn)在大家可自己嘗試在原有的心形路徑上排列多個(gè)文字圖層，并將顏色、字號(hào)、字體、豎向偏移等選項(xiàng)各自調(diào)整，形成錯(cuò)落有致的效果，如下左圖。另外也可以隱藏色彩填充層并更改相應(yīng)文字的顏色形成如下右圖的效果。大家可以把這個(gè)效果打印出來(lái)送給你們的GF或BF，但我不保證這個(gè)圖案就能討得對(duì)方的青睞。因?yàn)楹芸赡芩?他)的另外一個(gè)追求者也是本教程的讀者。:-)

另外，如果你是一位帥哥，準(zhǔn)備用這幅圖像來(lái)送給女友，一定要把“She once was a true love of mine”這句話改掉。因?yàn)檫@句英文翻譯過(guò)來(lái)是：“她是我最真的舊愛”。如果你原樣送出，等待你的不會(huì)是陽(yáng)光般的笑臉，而將是冰雹般的拳頭。

　　一般來(lái)說(shuō)，想要在Photoshop中繪制虛線和點(diǎn)線是比較麻煩的，但我們可以通過(guò)路徑走向文字來(lái)實(shí)現(xiàn)。分別以若干字符“-”和字符“.”沿路徑走向排列，即可形成虛線和點(diǎn)線。還可以綜合使用其他字符，如下右圖。而虛線的形態(tài)可以通過(guò)字符調(diào)板來(lái)控制，字號(hào)控制虛線的大小，字符間距控制虛線間隙的大小。

　　現(xiàn)在總結(jié)一下有關(guān)文字與路徑的關(guān)系：

　　1：進(jìn)行路徑文字排版前，必須要有一條路徑(可稱為基礎(chǔ)路徑)處于顯示狀態(tài)�？梢酝ㄟ^(guò)手動(dòng)繪制路徑，或利用現(xiàn)有圖層中的矢量部分(如某圖層的矢量蒙版)。

　　2：形成路徑文字后，其自身已“克隆并留用”了基礎(chǔ)路徑信息，與之前的基礎(chǔ)路徑并沒(méi)有關(guān)聯(lián)。修改或刪除基礎(chǔ)路徑都不會(huì)對(duì)其造成影響。

　　可以將文字轉(zhuǎn)換為矢量路徑或帶矢量蒙版的色彩填充層，從而得到在本小節(jié)開頭所看到的UT形封閉路徑。方法是選擇相應(yīng)的文字圖層，然后【圖層_文字_轉(zhuǎn)換為形狀】，這樣就得到了與原先文字顏色相同的填充層，如下左圖。