當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

來源:不詳 作者:佚名 學(xué)習(xí):707人次
Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版介紹完文字的選項后我們再來學(xué)習(xí)文字的排版,之前我們輸入文字的方式可以稱為行式文本,特點(diǎn)就是單行輸入,換行的話需要手動回車,如果不手動換行,文字將一直以單行排列下去,甚至超出圖像邊界。

在大多數(shù)排版中,較多的文字都是以區(qū)域的形式排版的,如下圖,一段《追夢人》的歌詞排列在一個方塊背景中。為了讓文字與背景配合,我們需要在每一句的結(jié)尾回車換行。這樣如果更改了背景的布局方式,文字就不能適應(yīng)了,如下右圖。此時必須重新按照背景來分行。如果字符數(shù)量很多,這樣的操作就會顯得很繁瑣。


Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

在設(shè)計中頻繁地改動布局是常有的事,如此更改文字段落自然效率低下。針對這種情況,我們可以使用框式文本來解決。

就如同使用矩形選框工具一樣,用文本工具在圖像中拖拉出一個輸入框,然后輸入文字。這樣文字在輸入框的邊緣將自動換行,如下左圖。這樣排版的文字也稱為文字塊。

對輸入框周圍的幾個控制點(diǎn)進(jìn)行拖拉(將鼠標(biāo)置于控制點(diǎn)上約1秒鐘變?yōu)殡p向箭頭)可以改變輸入框的大小。如果輸入框過小而無法全部顯示文字時,右下角的控制點(diǎn)將出現(xiàn)一個加號,表示有部分文字未能顯示。如下中圖紅色箭頭所指處。在輸入框各控制點(diǎn)外部拖拉鼠標(biāo)可旋轉(zhuǎn)輸入框,文字也相應(yīng)發(fā)生旋轉(zhuǎn),如下右圖。

輸入框在完成文字輸入后是不可見的,只有在編輯文字時才會再次出現(xiàn)。

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

在上面所說的調(diào)整文字輸入框的時候,只會更改文字顯示區(qū)域而不會影響文字的大小。如果在調(diào)整的時候按住〖CTRL〗就可類似自由變換〖CTRL_T〗那樣對文字的大小和形態(tài)加以修改。按住〖CTRL〗后拖拉下方的控制點(diǎn)可產(chǎn)生壓扁效果。對其他控制點(diǎn)如此操作可以產(chǎn)生傾斜的效果。如下圖。大家可以自己試試看。

自由變換命令也可以令文字塊產(chǎn)生相同的效果。但不能使用透視和扭曲選項。要制作那樣的效果需要轉(zhuǎn)換文字為路徑,這將在本課后面小節(jié)介紹。

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

掌握了框式文本后,就可以很容易地改變整個文字塊的段落了,如下2圖。但大家必須明白,從左圖到右圖,是進(jìn)行了兩處改動的,除了改變了文字塊的段落以外,還改變了作為文字塊背景的那個圓角矩形的大小。

那可以同時改變兩者嗎?不行。如果將兩個圖層鏈接后使用自由變換〖CTRL_T〗,雖然矩形可以改變大小,但文字將產(chǎn)生類似上圖的壓擠效果,而我們想要的是讓文字塊依照改變后的矩形來安排段落。這主要是因為兩個圖層之間沒有相應(yīng)的從屬關(guān)系,希望在以后版本的Photoshop中能夠加以改進(jìn)。

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

注意上左圖中的歌詞,在第4行的開頭是一個逗號,這在中文習(xí)慣的排版中是不允許出現(xiàn)的。中文對于行首和行尾可以使用的標(biāo)點(diǎn)是有限制的,稱作避頭尾。以下就常用標(biāo)點(diǎn)的限制作一個說明:

行首不允許:逗號、句號、感嘆號、問號、分號、冒號、省略號、后引號、后書名號、后括號。

行尾不允許:前引號、前書名號、前括號。

在輸入過程中刻意去遵照這些規(guī)定是很難的。我們可以通過段落調(diào)板【窗口_段落】令已輸入的文字遵照避頭尾法則。如下左圖是段落調(diào)板,右圖是應(yīng)用了避頭尾法則前后的對比,注意紅色箭頭所指處的變化。

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

在段落調(diào)板中我們還可以對文字段落做更多更細(xì)致的調(diào)整。在其中我們可以看到原先在公共欄見過的3種對齊方式(居左對齊、居中對齊、居右對齊),還有4中新的對齊方式(末行居左、末行居中、末行居右、全部對齊),注意這4種對齊方式只針對由框式文本輸入的段落文字才有效。

在使用過程中,大家可能會覺得兩種居左的效果差不多。其實不然,雖然都是居左,但它們有不同的參照物。如下左圖和中圖,居左對齊

以文字寬度為參照物。而末行居左

以文本輸入框的寬度作為參照物,這樣就保證了文字充滿整個輸入框。其余兩種居中和兩種居右的區(qū)別也在于此。最后一個比較獨(dú)特的是全部對齊,它令文字中每一行都充滿輸入框。這樣可以令字?jǐn)?shù)不同的多行文字左右邊界相齊(無論字號大小),如下右圖。

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

位于對齊方式下方的5個選項是針對段落的微調(diào),為了讓效果更明顯,我們輸入3段文字(輸入中按下回車即分段)來做示范。左縮進(jìn)和右縮進(jìn)的作用是將文字段落的行首和行末離開輸入框一定距離,如下左圖是將第二段文字左右各縮進(jìn)20像素的效果。為什么看上去右邊縮進(jìn)的更多呢?假設(shè)容納一行字需要10毫米的寬度,那么當(dāng)行末的寬度只剩下9毫米時,本來該排列在這里的漢字就會被排到下一行的行首去?纯瓷献髨D,圖中的文字行末也并不是完全對齊輸入框右邊緣的,這是因為行末的漢字與輸入框的間距已不足以再容納一個漢字。

那么如果我們范例中的文字大小為12像素,并且原本行末是緊貼著輸入框右緣的。當(dāng)右縮進(jìn)20像素后,相當(dāng)于右端被減去了20像素寬度,這樣就有兩個漢字被遷移,而這兩個漢字原本是占據(jù)著24像素的寬度的。因此在視覺上看起來行末就好像多出了4像素。而在行首則不會出現(xiàn)這個情況,因為漢字是居左排列的。

如果文字是按照右對齊方式排列的,就要將以上的思路左右顛倒一下了。

需要注意的是,在給某一段落設(shè)置縮進(jìn)的時候,并不需要完全選擇段落中的文字(下左圖選中文字是為了讓大家看得更清楚),只需要進(jìn)入文字編輯狀態(tài)并將輸入光標(biāo)停留在這個段落中就可以設(shè)置了。如果沒有進(jìn)入文字編輯狀態(tài)(未出現(xiàn)文本輸入框和輸入光標(biāo)),設(shè)置將對全部段落有效。

首行縮進(jìn)是將每段第一行第一個字向內(nèi)移動,比如中文的書寫規(guī)則是每段行首縮進(jìn)兩個漢字,那就可以設(shè)置行首縮進(jìn)為字號的兩倍(默認(rèn)間距前提下)。段落前添加空格和段落后添加空格的作用是增加段落之間的距離,而默認(rèn)情況下段落之間是彼此緊貼著的。如下中圖(關(guān)閉了避頭尾)是將首行縮進(jìn)設(shè)為24像素、段落后添加10像素的效果。

這5個選項(、、、、)的數(shù)值通常情況下是正數(shù),但也可以通過輸入負(fù)數(shù)來形成反效果。如下右圖是將首行縮進(jìn)設(shè)為-24像素后,縮進(jìn)變?yōu)榱送怀龅男Ч?/P>

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

Photoshop基礎(chǔ)學(xué)習(xí):區(qū)域文字的排版

橫排文字蒙版和直排文字蒙版并不產(chǎn)生文字本身,而只是產(chǎn)生與文字形狀相同的選區(qū)。不能修改排版。其實通過普通的文字層也可以產(chǎn)生選區(qū)〖CTRL_單擊圖層縮略圖〗,因此使用的機(jī)會并不多。這里就不再多加介紹了。

另外,可以通過【圖層_文字_轉(zhuǎn)換為段落文本】命令將行式



學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
天際2007-08-21 12:34
不錯,很不錯,謝謝樓主的分享。!

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!