ps教程:文字路徑曲線排版

教程頻道 - Photoshop 來源:設(shè)計(jì)在線 作者:selin 2012-06-15

文字按照路徑進(jìn)行旋轉(zhuǎn)排版,給版面增加了躍動(dòng)的感覺,這個(gè)技巧在矢量軟件,比如cdr或者IIL里很方便,但是在PS以前的版本里這么做有些煩瑣,如今新的PS版本,做文字路徑也可很方便做出各種圍繞路徑的文字排版效果的樣式出來。

有了路徑工具以后,文字排版就顯得更加靈活。我們可以把文字做成任何想要的圖案。如教程中的,我們可以把文字放入閉合的路徑里面做成實(shí)體圖形,也可以按照一條條曲線路徑排版做成可愛的文字曲線。難度較大一點(diǎn)的就是通過路徑組合做成創(chuàng)意的文字圖案。相信學(xué)習(xí)了本教程以后,你就可以發(fā)揮創(chuàng)意做成更多創(chuàng)意圖形。

最終效果

1、新建一個(gè)400×300的圖像(可自設(shè)尺寸),然后選擇自定形狀工具。

注意繪圖方式應(yīng)為第一種(形狀圖層),如下圖紅色箭頭處。然后在形狀列表中選擇一個(gè)心形(如不在列表中,可恢復(fù)默認(rèn)形狀),如下圖綠色箭頭處。樣式選擇為無樣式。另外可以選取一個(gè)的顏色。

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

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



 

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

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




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

我們可以對(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)在大家先記住路徑是可以修改的就可以了。

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




6、現(xiàn)在將已經(jīng)完成的文字層隱藏起來。并單擊色彩填充層的矢量蒙版,使其路徑處于顯示狀態(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í)就可以在路徑上看本來處于重疊的文字起點(diǎn)標(biāo)志和終點(diǎn)標(biāo)志。




7、如果兩者之間的距離不足以完全顯示文字,終點(diǎn)標(biāo)記將變?yōu),表示有部分文字未顯示。正如同在前面我們所學(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ì)而言并無嚴(yán)格標(biāo)準(zhǔn))。




 

  8、路徑走向文字的一個(gè)特點(diǎn)就是它都是以路徑作為基線的,如上右圖,無論是內(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ù)值后,在路徑的曲線上可能造成文字間距不一。此外,也可以通過回車換行來達(dá)到目的。

 

 



9、現(xiàn)在大家可自己嘗試在原有的心形路徑上排列多個(gè)文字圖層,并將顏色、字號(hào)、字體、豎向偏移等選項(xiàng)各自調(diào)整,形成錯(cuò)落有致的效果,如下左圖。



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


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無相關(guān)推薦