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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

行首不允許:逗號(hào)、句號(hào)、感嘆號(hào)、問(wèn)號(hào)、分號(hào)、冒號(hào)、省略號(hào)、后引號(hào)、后書(shū)名號(hào)、后括號(hào)。

行尾不允許:前引號(hào)、前書(shū)名號(hào)、前括號(hào)。

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

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

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

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

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

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

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

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

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

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

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

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

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

這5個(gè)選項(xiàng)(、、)的數(shù)值通常情況下是正數(shù),但也可以通過(guò)輸入負(fù)數(shù)來(lái)形成反效果。如下右圖是將首行縮進(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ū)。不能修改排版。其實(shí)通過(guò)普通的文字層也可以產(chǎn)生選區(qū)〖CTRL_單擊圖層縮略圖〗,因此使用的機(jī)會(huì)并不多。這里就不再多加介紹了。

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



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

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

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

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