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

10-4 路徑文字排版

來源:網絡 作者:趙鵬 學習:27863人次

除了以上的排列方式之外,文字還可以依照路徑來排列,在開放路徑上可形成類似行式文本的效果,如下左圖中呈波浪形排列的3個網址文字。還可以將文字排列在封閉的路徑內,這樣可以形成類似框式文本的效果,如下左圖的數(shù)個U字母和T字母。它們各自所依靠的路徑如下右圖所示,很容易看出前者是一條開放形,而后者是兩個(不是一個)封閉形。
嚴格來說,要在掌握了繪制路徑的方法后,再來學習有關路徑文字的內容。所幸的是Photoshop提供了很多現(xiàn)成的矢量圖形,在這里我們就先利用它們來學習。只不過這些矢量圖形都是封閉圖形,類似下右圖那樣的波浪線開放路徑目前我們是無法制作的。

10-4 路徑文字排版-10-4 路徑文字排版

新建一個400×300的圖像(可自設尺寸),然后選擇自定形狀工具10-4 路徑文字排版,注意繪圖方式應為第一種(形狀圖層),如下圖紅色箭頭處。然后在形狀列表中選擇一個心形(如不在列表中,可恢復默認形狀),如下圖綠色箭頭處。樣式選擇為無樣式。另外可以選取一個的顏色。

10-4 路徑文字排版

然后在圖像中畫出一個心形(繪制過程中可以按住SHIFT鍵保持長寬比),這樣其實就是建立了一個帶矢量蒙版的色彩填充層。如下左圖,圖層調板中顯示的正是一個色彩填充層。雙擊縮略圖可以更改填充的顏色,而圖層縮略圖右方有一個蒙版縮略圖(下左圖藍色箭頭處),這就是矢量蒙版縮略圖,特點是以灰色來表示被隱藏的區(qū)域。有關矢量蒙版的知識我們將在以后學習。
1025在進行下一步之前,要保證路徑蒙版中的路徑處于顯示狀態(tài),方法是點擊路徑蒙版縮略圖。會看到圖像中的心形出現(xiàn)了一個外框,而圖層調板中路徑蒙版縮略圖周圍出現(xiàn)了一個細線框,如下右圖。

10-4 路徑文字排版-10-4 路徑文字排版

現(xiàn)在選擇文本文字工具10-4 路徑文字排版,并使其停留在這個心形路徑之上,依據(jù)停留位置的不同,鼠標的光標會有不同的變化。當停留在路徑線條之上時顯示為10-4 路徑文字排版,當停留在圖形之內將顯示為10-4 路徑文字排版。請注意這兩者的區(qū)別,前者表示沿著路徑走向排列文字,后者則表示在封閉區(qū)域內排版文字,作用是完全不同的。
1026現(xiàn)在我們先將文字工具停留在心形之內(光標為10-4 路徑文字排版),然后單擊,出現(xiàn)文字輸入光標,輸入一些文字。如“LOVE”(注意每個字母之后都有一個空格,原因稍后再述)。選擇一個英文字體(如Tohoma),選擇小一些的字號(如6px),并復制粘貼幾次,使其充滿整個圖形(超出也沒有關系),效果如下左圖。此時看到文字在圖形內的排列并不對稱,接下來在段落調板中設置居中,并適當設置左縮進和右縮進的數(shù)值(如5px),這樣看上去就較為舒適了。一般來說在封閉圖形內排版文字,都要進行這些設定以達到較好的視覺效果。如下右圖。

10-4 路徑文字排版-10-4 路徑文字排版

現(xiàn)在隱藏(甚至可以刪除)心形色彩填充層,我們看到在文字外圍仍然保留有一條封閉路徑,與原先心形路徑相同。如下左圖。由此可以明白,雖然這個文字層的排版路徑是籍由另外一個圖層中的矢量路徑而來,但在完成后,其也“克隆”了一條相同的路徑并“留用”。
1027我們可以對這條“克隆并留用”的路徑進行修改,從而改變文字的排版布局。方法是使用直接選擇工具10-4 路徑文字排版〖A/SHIFT_A〗,在文字層(不是早先的填充層,此時應隱藏填充層)的路徑上點擊一下,就會看到路徑上顯示出許多小方塊。如下中圖。用直接選擇工具10-4 路徑文字排版往左上方略為移動藍色箭頭處的方塊,就可以看到效果。有關路徑的知識我們將在以后學習,到時候我們可以進行更多更復雜的修改,現(xiàn)在大家先記住路徑是可以修改的就可以了。
1028前面我們提到過要在每個英文字母后面加上空格,是為了在行末換行時可以讓單個字母移到下一行,而如果使用一整個英文單詞LOVE,則在行末換行時,因為要保持完整性,整個單詞將被移到下一行,這樣的效果看上去就比較生硬(也有人會喜歡這種效果),如下右圖。大家以后在實際應用中可以參考這種加空格的方法,如果覺得空格拉大了字母間距,可以通過在字符調板中設置間距為負值來彌補。

10-4 路徑文字排版-10-4 路徑文字排版-10-4 路徑文字排版

注意,不要誤認為要將文字在路徑上排版,就一定要用形狀工具建立一個帶矢量蒙版的色彩填充層,實際上只要當前圖像中有路徑處于顯示狀態(tài)就可以,只是目前我們還沒有掌握路徑的相關知識,因此才使用形狀工具的形狀圖層方式來產生現(xiàn)成的路徑。其實采用第二種繪圖方式(路徑)也可以達到效果,只是這種方式所產生的路徑不填充顏色,也不存在于圖層調板中,對于我們目前所掌握的知識而言,可能會造成困惑。
并且,在今后我們學習了路徑的相關知識后,雖然可以不必再借助這種方式,但還是建議大家沿用此法。因為建立一個色彩填充層,可以提供一個較好的視覺參照。也可以在圖層調板中通過點擊矢量蒙版來顯示路徑。而單純的路徑必須通過路徑調板才能調用,較為麻煩。

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

10-4 路徑文字排版-10-4 路徑文字排版

1030對于已經完成的路徑走向文字,還可以更改其位于路徑上的位置。方法是使用路徑選擇工具10-4 路徑文字排版〖A/SHIFT_A〗,注意它與直接選擇工具10-4 路徑文字排版有些類似,但前者是黑色箭頭,后者是白色的箭頭,要注意區(qū)別。將路徑選擇工具10-4 路徑文字排版移動到剛才的小圓圈標記左右,根據(jù)位置不同就會出現(xiàn)10-4 路徑文字排版光標和10-4 路徑文字排版光標,它們分別表示文字的起點和終點,因此我們稱之為起點光標10-4 路徑文字排版和終點光標10-4 路徑文字排版。現(xiàn)在分別將文字的起點和終點移動到大致如下左圖的位置上,紅色箭頭處為起點,綠色箭頭處為終點。此時就可以在路徑上看本來處于重疊的文字起點標志10-4 路徑文字排版和終點標志10-4 路徑文字排版。
如果兩者之間的距離不足以完全顯示文字,終點標記將變?yōu)?img src="http://pic.16xx8.com/allimg/141215/0231034W3-58.jpg" width="7" height="7" alt="10-4 路徑文字排版" title="10-4 路徑文字排版_ps教程自學網(theoat.com.cn)"/>,表示有部分文字未顯示。正如同在前面我們所學習的框式文本中,當文字未完全顯示時所出現(xiàn)的標記一樣,如下中圖。
如果將起點或終點標記向路徑的另外一側拖動,將改變文字的顯示位置,同時起點與終點將對換。如下右圖,將起點往右下方拖動,文字從路徑內側移動到了路徑外側(內側外側只是相對而言并無嚴格標準)。

10-4 路徑文字排版-10-4 路徑文字排版-10-4 路徑文字排版

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

10-4 路徑文字排版

現(xiàn)在大家可自己嘗試在原有的心形路徑上排列多個文字圖層,并將顏色、字號、字體、豎向偏移等選項各自調整,形成錯落有致的效果,如下左圖。另外也可以隱藏色彩填充層并更改相應文字的顏色形成如下右圖的效果。大家可以把這個效果打印出來送給你們的GF或BF,但我不保證這個圖案就能討得對方的青睞。因為很可能她(他)的另外一個追求者也是本教程的讀者。:-)
另外,如果你是一位帥哥,準備用這幅圖像來送給女友,一定要把“She once was a true love of mine”這句話改掉。因為這句英文翻譯過來是:“她是我最真的舊愛”。如果你原樣送出,等待你的不會是陽光般的笑臉,而將是冰雹般的拳頭。10-4 路徑文字排版

10-4 路徑文字排版

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

-10-4 路徑文字排版

現(xiàn)在總結一下有關文字與路徑的關系:
1:進行路徑文字排版前,必須要有一條路徑(可稱為基礎路徑)處于顯示狀態(tài)?梢酝ㄟ^手動繪制路徑,或利用現(xiàn)有圖層中的矢量部分(如某圖層的矢量蒙版)。
2:形成路徑文字后,其自身已“克隆并留用”了基礎路徑信息,與之前的基礎路徑并沒有關聯(lián)。修改或刪除基礎路徑都不會對其造成影響。

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

10-4 路徑文字排版

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
煩惱且呆萌2023-06-07 09:51
我的作業(yè) 新版本的基礎功能都在,就是操作有點不太一樣了

Yvonne_89112020-06-24 05:48
在路徑上移動位置感覺還是得多練練

一起學PS2020-05-13 10:50
我的作業(yè):

時光不染2019-10-09 04:56
我的作業(yè):
自學PS20192019-09-01 06:06
我的作業(yè):
虛懷若谷A2019-09-01 09:14
我的作業(yè):
虛懷若谷A2019-09-01 09:13
我的作業(yè):
空城、沒有夢2019-06-26 09:33
創(chuàng)建形狀后沒有路徑蒙版縮略圖,將文字工具停留在心形之內也沒有出現(xiàn)這個光標,是新版本把這功能取消了吧?
新月2019-01-15 08:44
沒有蒙版 文字編輯完后 路徑沒有被復制出來 很難受老師怎么回事啊
2019-01-13 02:50
10-4 路徑文字排版我的作業(yè):
2019-01-03 09:12
這個你現(xiàn)在會了嗎?我也是停在這看不懂 的原帖:是因為版本的不同嗎,第一步就沒搞對,按SHIIF鍵松開就自動成新圖層,沒辦法建立一個帶矢量蒙版圖層澶ч奔 的原帖:選路徑 然后圖層 矢量蒙版, 當前路徑
2019-01-03 09:11
選著自定義形狀工具,然后模式懸著路徑才對,不然繪制心形后沒有蒙版,用路徑繪制,然后圖層,矢量蒙版 當前路徑,才有蒙版,
斑馬尤文atSohu2018-09-16 10:03
我的作業(yè):
斑馬尤文atSohu2018-09-16 10:01
我的作業(yè):我的作業(yè):
愛笑的眼睛1552在搜狐2018-09-14 04:32
是因為版本的不同嗎,第一步就沒搞對,按SHIIF鍵松開就自動成新圖層,沒辦法建立一個帶矢量蒙版圖層澶ч奔 的原帖:這個你現(xiàn)在會了嗎?我也是停在這看不懂

關注大神微博加入>>

網友求助,請回答!