本篇節選自《Adobe Photoshop CS6 中文版經典教程》，Adobe 公司官方出品呦，這節教童鞋們設計出一款風格出眾的雜志封面，教程非常詳細，木有任何基礎的童鞋也能輕易學會，來試一下吧！

新手上路，老司機帶著：

《超贊！設計師完全自學指南》
《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
《交互設計師修煉指南！教你從零開始成為優秀交互設計師》

7.1 關于文字

在Photoshop 中，文字由以數學方式定義的形狀組成，這些形狀描述了某種字體中的字母、數字和符號。很多字體都有多種格式，其中最常見的格式是Type 1（PostScript 字體）、TrueType 和OpenType。有關OpenType 的更詳細信息，請參閱本課后面的"Photoshop 中的OpenType"。

在Photoshop 中將文字加入到圖像中時，字符由像素組成，其分辨率與圖像文件相同—放大字符時將出現鋸齒形邊緣。然而，Photoshop 保留基于矢量的文字的輪廓，并在用戶縮放文字、保存PDF 或EPS 文件或者通過PostScript 打印機打印圖像時使用它們。因此，用戶可以創建邊緣犀利的獨立于分辨率的文字、將效果和樣式應用于文字以及對其形狀和大小進行變換。

 

7.2 概 述

在本課中，讀者將為一本技術雜志制作封面。你將以第6 課制作的封面為基礎，其中包含一位模特、模特投影和桔色背景，你將在封面中添加文字，并設置其樣式，包括對文字進行變形。

• 教程素材打包：微盤下載

首先來查看最終的合成圖像。

1. 啟動Photoshop 并立刻按下Ctrl + Alt + Shift（Windows）或Command + Option + Shift 快捷鍵（Mac OS）以恢復默認首選項（參見前言中的"恢復默認首選項"）。
2. 出現提示對話框時，單擊"是"按鈕確認要刪除Adobe Photoshop 設置文件。
3. 選擇菜單"文件">"在Bridge 中瀏覽"啟動Adobe Bridge。

4. 在Bridge 左上角的收藏夾面板中，單擊文件夾Lessons，然后雙擊內容面板中的文件夾Lesson07，以便能夠看到其內容。
5. 選擇文件07End.psd。向右拖曳縮覽圖滑塊加大縮覽圖，以便清晰地查看該圖像。
你將使用Photoshop 的文字功能來完成該雜志封面的制作。所需的所有文字處理功能Photoshop 都有，無需切換到其他應用程序就能完成這項任務。

6.雙擊文件07Start.psd 在Photoshop 中打開它，如圖7.1 所示。

圖7.1

7. 選擇菜單"文件">"存儲為"，將文件重命名為07Working.psd，并單擊"保存"按鈕。
8. 如果出現"Photoshop 格式選項"對話框，單擊"確定"按鈕。
9. 從選項欄中的工作區切換下拉列表中選擇"排版規則"。

排版規則工作區顯示本課將使用的字符面板、段落面板、段落樣式面板、圖層面板和路徑面板。

7.3 使用文字創建剪貼蒙版

剪貼蒙版是一個或一組對象，它們遮住了其他元素，使得只有這些對象內部的區域才是可見的。實際上，這是對其他元素進行裁剪，使其符合剪貼蒙版的形狀。在Photoshop 中，可以使用形狀或字母來創建剪貼蒙版。在本節中，讀者將把字母用作剪貼蒙版，讓另一個圖層中的圖像能夠透過這些字母顯示出來。

7.3.1 添加參考線以方便放置文字

文件07Working.psd 包含一個Background 圖層，制作的文字將放在它上面。首先放大要處理的區域，并使用標尺參考線來幫助放置文字。

1. 選擇菜單"視圖">"按屏幕大小縮放"，以便能夠看到整個封面。
2. 選擇菜單"視圖">"標尺"，在圖像窗口頂端和左邊顯示參考線標尺。
3. 從左標尺拖曳出一條垂直參考線，并將其放在封面中央（4.25 英寸處），如圖7.2 所示。

圖7.2

7.3.2 添加點文字

現在可以在合成圖像中添加文字了。Photoshop 允許用戶在圖像的任何位置創建橫排或直排文字。用戶可以輸入點文字（一個字母、一個單詞或一行）或段落文字。在本課中，讀者將添加這兩種文字，首先來添加點文字。

1. 在圖層面板中，選擇圖層Background。
2. 選擇橫排文字工具，并在選項欄中做如下設置（如圖7.3 所示）。
在下拉列表"字體系列"中選擇一種無襯線字體，如Myriad Pro，然后從下拉列表"字體樣式"中選擇Semibold。

在下拉列表"字體大小"中輸入144 并按回車鍵。

單擊"居中對齊文本"按鈕。

3. 在字符面板中，將"字距"設置為100。
4. 在前面添加的中央參考線上單擊以設置插入點，并輸入DIGITAL。然后單擊選項欄中的"提交所有當前編輯"按鈕，結果如圖7.3 所示。

圖7.3

注意：輸入文字后，要提交編輯，要么單擊"提交所有當前編輯"按鈕，要么切換到其他工具或圖層，而不能通過按回車鍵來提交，這樣做將換行。

單詞DIGITAL 被加入到封面，并作為一個新文字圖層（DIGITAL）出現在圖層面板中。可以像其他圖層那樣編輯和管理文字圖層，可以添加或修改文本、改變文字的朝向、應用消除鋸齒、應用圖層樣式和變換以及創建蒙版。可以像其他圖層一樣移動和復制文字圖層、調整其排列順序以及編輯其圖層選項。

5. 按住Ctrl （Windows）或Command（Mac OS）鍵并拖曳文字DIGITAL，將其移到封面頂端。
6. 選擇菜單"文件">"存儲"將文件存盤。

7.3.3 創建剪貼蒙版及應用投影效果

默認情況下，添加的文字為黑色。這里需要使用一幅電路板圖像來填充這些字母，因此接下來讀者將使用這些字母來創建一個剪貼蒙版，讓另一個圖層中的圖像透過它們顯示出來。

1. 打開文件夾Lesson07 中的文件circuit_board.tif。可使用Bridge 打開該文件，也可選擇菜單"文件">"打開"。
2. 在Photoshop 中，選擇菜單"窗口">"排列">"雙聯垂直"。文件circuit_board.tif 和07Working.psd 都將出現在屏幕上。單擊文件circuit_board.tif 以確保它處于活動狀態。
3. 選擇移動工具，再按住Shift 鍵并將circuit_board.tif 文件的"背景"圖層拖曳到文件07Working.psd 的中央，如圖7.4 所示。拖曳時按住Shift 鍵可讓circuit_board.tif 圖像位于合成圖像的中央。

圖7.4

在07Working.psd 的圖層面板中將出現一個新圖層（圖層1），該圖層包含電路板圖像，讀者將讓它透過文字顯示出來。然而，在創建剪貼蒙版前，需要縮小電路板圖像，因為它相對于合成圖像太大了。

4. 關閉文件circuit_board.tif，而不保存所做的修改。
5. 在07Working.psd 文件中，選擇圖層"圖層1"，再選擇菜單"編輯">"變換">"縮放"。
6. 抓住定界框角上的一個手柄，按住Shift 鍵并拖曳，將電路板縮小到與文字等寬。按住Shift 鍵拖曳可保持圖像的長寬比不變。調整電路板的位置，使其覆蓋文字，如圖7.5 所示。

圖7.5

7. 按回車鍵讓變換生效。
8. 雙擊圖層名"圖層1"并將其改為Circuit Board。然后，按回車鍵或單擊圖層面板中圖層名的外部使修改生效，如圖7.6 所示。

圖7.6

9. 如果沒有選擇圖層Circuit Board，選擇它，再從圖層面板菜單中選擇"創建剪貼蒙版"， 如圖7.7 所示。

圖7.7

提示：也可這樣創建剪貼蒙版：按住Alt 鍵（Windows）或Option 鍵（Mac OS）， 并在圖層Circuit Board 和DIGITAL 之間單擊。
電路板圖像將透過字母DIGITAL 顯示出來。圖層Circuit Board 的縮覽圖左邊有一個小箭頭， 而文字圖層的名稱帶下畫線，這表明應用了剪貼蒙版。下面添加內陰影效果，賦予字母以立體感。

10.選擇文字圖層DIGITAL 使其處于活動狀態，單擊圖層面板底部的"添加圖層樣式"按鈕，并從下拉列表中選擇"內陰影"。
11. 在"圖層樣式"對話框中，將混合模式設置為"正片疊底"，不透明度設置為48%，距離設置為18，阻塞設置為0， 大小設置為16，再單擊"確定"按鈕， 如圖7.8 所示。

12. 選擇"文件">"存儲"保存所做的工作，此時的圖像如圖7.9 所示。

圖7.9

文字工具使用技巧

● 選擇文字工具后，按住Shift 鍵并在圖像創建口單擊，將創建一個新的文字圖層。 這樣做可避免在另一個文字塊附近單擊時，Photoshop 將自動選擇它。
●在圖層面板中，雙擊任何文字圖層的縮覽圖圖標"T"，將選中該圖層中所有的文字。
●選中任何文本后，在該文本上單擊鼠標右鍵（Windows）或按住Control 鍵并單擊（Mac OS），可打開上下文菜單，然后選擇"拼寫檢查"可檢查拼寫。

7.4 沿路徑放置文字

在Photoshop 中，可創建沿你使用鋼筆或形狀工具創建的路徑排列的文字。文字的方向取決于你在路徑中添加錨點的順序。使用橫排文字工具在路徑上添加文字時，字母將與路徑垂直。如果你調整路徑的位置或形狀，文字也將相應地移動。

下面在一條路徑上創建文字，讓問題看起來像是從模特嘴中出來的。路徑我們已經為你創建好了。

1. 在圖層面板中，選擇圖層Background。
2. 單擊圖層面板組中的"路徑"標簽。
3. 在路徑面板中， 選擇路徑Speech Path，它看起來像是從模特嘴里出來的，如圖7.10 所示。

4. 選擇橫排文字工具。
5. 在字符面板中做如下設置。

● 字體系列為Myriad Pro。
● 字體樣式為Regular。
● 字體大小為16 點。
● 字距為-10。
● 顏色為白色。
● 全大寫。

6. 將鼠標指向路徑，等出現一條斜線后單擊路徑的起點，并輸入文字What's new with Games?，如圖7.11 所示。

圖7.11

7. 選擇單詞GAMES 并將其字體樣式改為Bold，在選項欄中單擊"提交所有當前編輯"按鈕，如圖7.12 所示。

圖7.12

8. 在圖層面板中，選擇圖層What's New with Games，再從圖層面板菜單中選擇"復制圖層"，并將新圖層命名為What's new with MP3s?。
9. 使用文字工具選擇Games，并將其替換為MP3s，再單擊選項欄中的"提交所有當前編輯"按鈕。
10. 選擇菜單"編輯">"自由變換路徑"，將路徑左端旋轉大約30°，再將該路徑移到第一條路徑的上方。然后，單擊選項欄中的"提交變換"按鈕，結果如圖7.13 所示。

圖7.13

11. 重復第8 ～ 10 步，將單詞GAMES 替換為PHONES。將路徑左端旋轉大約-30°，并將該路徑移到第一條路徑的下方，結果如圖7.14 所示。

圖7.14

12. 選擇菜單"文件">"存儲"保存所做的工作。

 

7.5 點文字變形

位于路徑上的文字比直線排列的文字更有趣，但下面將變形文字，讓其更有趣。變形讓用戶能夠扭曲文字，使其變成各種形狀，如圓弧或波浪。用戶選擇的變形樣式是文字圖層的一種屬性 — 用戶可以隨時修改圖層的變形樣式，以修改文字的整體形狀。變形選項讓用戶能夠準確地控制變形效果的方向和透視。

1. 通過滾動或使用抓手工具移動圖像窗口的可見區域，讓模特左邊的文字位于圖像窗口中央。
2. 在圖層面板中，在圖層What's New with Games? 上單擊鼠標右鍵（Windows）或按住Control 鍵并單擊（Mac OS），然后從上下文菜單中選擇"文字變形"，如圖7.15 所示。

圖7.15

3. 在"文字變形"對話框中，從下拉列表"樣式"中選擇"波浪"并選中單選按鈕"水平"。將"彎曲"設置為+33%，"水平扭曲"設置為-23%，"垂直扭曲"設置為+5%，然后單擊"確定"按鈕，如圖7.16 所示。

單詞What's New with Games? 看起來是浮動的，就像波浪。重復第2 ～ 3 步對你在路徑上添加的其他兩段文字進行變形。

4. 將文件存盤。

 

7.6 設計段落文字

到目前為止，讀者在封面上添加的文本都只有幾個單詞或字符，它們是點文字。然而，很多設計方案要求包含整段文字。在Photoshop 中，可以設計整段文字，還可應用段落樣式。你無須切換到排版程序來對段落文字進行復雜的控制。

7.6.1 使用參考線來幫助放置段落

接下來讀者將在封面上添加段落文字。首先在工作區中添加一些參考線以幫助放置段落。

1. 從左邊的垂直標尺上拖出一條參考線，將其放在距離封面右邊緣大約0.25 英寸處。
2. 從頂端的水平標尺上拖出一條參考線，將其放在距離封面頂端大約2 英寸處，如圖7.17 所示。

圖7.17

7.6.2 添加來自注釋中的段落文字

現在可以添加段落文字了。在實際的設計中，文字可能是以字處理文檔或電子郵件正文的方式提供的，設計師可將其復制并粘貼到Photoshop 中；也可能需要設計師自己輸入。對撰稿人來說， 另一種添加少量文字的簡易方式是，使用注釋將其附加到圖像文件中，這里就是這樣做的。

1.雙擊圖像窗口右下角的黃色注釋打開注釋面板，如圖7.18 所示。如果必要， 擴大注釋面板以便能夠看到所有文本。

圖7.18

2. 選擇注釋面板中的所有文本，再按Ctrl + C（Windows）或Command + C 快捷鍵（Mac OS）將其復制到剪貼板，然后關閉注釋面板。
3. 選擇圖層Model，再使用橫排文字工具在雜志封面右邊拖曳出一個文本框。該文本框寬約4 英寸，高約8 英寸，距離封面右邊緣大約0.25 英寸。請將該文本框與前面添加的參考線對齊。

提示：如果你不小心選擇了文字DIGITAL，可在開始拖曳文本框時按住Shift 鍵， 然后松開Shift 鍵并繼續拖曳。按住Shift 鍵可確保Photoshop 新建一個文字圖層。

4. 按Ctrl + V（Windows）或Command + V 快捷鍵（Mac OS）粘貼文本。新文字圖層位于圖層面板頂部，因此文本出現在模特前面。
粘貼的文字很大，因為默認為144 點。下面將文字調整到合適的大小，再設置其樣式。

5. 在粘貼的文字中單擊，并按Ctrl + A（Windows）或Command + A 快捷鍵（Mac OS）選擇所有文字。然后，在字符面板中將字體大小設置為18 點。
6. 選擇前3 行（The Trend Issue），再在字符面板中應用如下設置。

? 字體系列為Myriad Pro（或其他無襯線字體）。

● 字體樣式為Regular。
● 字體大小為70 點。
● 行間距為55 點。
● 顏色為白色。

7. 單擊字符面板組中的"段落"標簽以顯示段落面板。
8. 在仍選擇了The Trend Issue 的情況下，單擊"右端對齊文本"按鈕。
9. 單擊"字符"標簽以顯示字符面板，再選擇單詞Trend，并將字體樣式改為Bold。
10. 單擊選項欄中的"提交所有當前編輯"按鈕，結果如圖7.19 所示。

圖7.19

11. 單擊圖層面板的空白區域，確保沒有選擇任何圖層。

標題的格式就設置好了。

7.6.3 創建段落樣式

下面創建一種段落樣式，以設置其他文本的格式。段落樣式是一系列文字屬性，你只需單擊就可將其應用于整個段落。Photoshop 中的段落樣式類似于排版程序（如Adobe InDesign）和字處理程序中的段落樣式，但它們的工作原理可能存在一些差別。默認情況下，將對你在Photoshop 中創建的所有文本應用段落樣式"基本段落"。

1.單擊段落樣式面板底部的"創建新的段落樣式"按鈕。
2. 雙擊"段落樣式1"以修改其屬性。
3. 在"段落樣式選項"對話框中，指定如下設置（如圖7.20 所示）。

圖7.20

● 樣式名稱：Cover Teasers。
● 字體系列：Myriad Pro。
● 字體樣式：Bold。

● 字體大小：28 點。
● 行距：28 點。
● 顏色：白色。

4. 在"段落樣式選項"對話框左邊的列表中，選擇"縮進和間距"。
5. 從"對齊方式"下拉列表中選擇"右"，再單擊"確定"按鈕。

你創建了一個樣式，可通過應用它來快速設置封面上文章標題的格式。下面為副標題創建一種樣式，其字體應更小些。

6. 再次單擊段落樣式面板底部的"創建新的段落樣式"按鈕。

7. 雙擊"段落樣式1"，再指定如下設置。

● 樣式名稱：Teasers subheads。
● 字體系列：Myriad Pro。
● 字體樣式：Regular。
● 字體大小：22 點。
● 行距：28 點。
● 顏色：白色。

8. 在"段落樣式選項"對話框左邊的列表中，選擇"縮進和間距"。
9. 從"對齊方式"下拉列表中選擇"右"，再單擊"確定"按鈕。

7.6.4 應用段落樣式

應用段落樣式很容易，只需選擇文本，再單擊樣式名。如果文本原來使用的是"基本段落" 樣式，Photoshop 將保留這些覆蓋（override），而只應用樣式中不與這些覆蓋沖突的屬性。在這種情況下，通過清除覆蓋可應用樣式的所有屬性。

1. 選擇文本What's Hot，再在段落樣式面板中選擇Cover Teasers，如圖7.21 所示。

Photoshop 將Cover Teasers 的部分（而非全部）屬性應用于該段落，因為在你應用該樣式時，已經有一些其作用的樣式覆蓋。

圖7.21

2. .單擊段落樣式面板底部的"清除覆蓋"按鈕。
3. 選擇What's Hot 下面一行文本，再在段落樣式面板中選擇Teaser subheads，然后單擊"清除覆蓋"按鈕。
4. 對What's Not 和Coming this year 重復第1 ～ 3 步。

接下來對部分文字進行修改。

5. 選擇Coming this year 及其后面的所有文字，再在字符面板中將文本顏色改為黑色。
6. 最后，單擊"提交所有當前編輯"按鈕讓修改生效，結果如圖7.22 所示。

圖7.22

Photoshop中的OpenType

OpenType是Adobe和Microsoft聯合開發的一種跨平臺字體文件格式，這種格式使得可將同一種字體用于Mac OS和Windows計算機，這樣在不同平臺之間傳輸文件時，無需替換字體或重排文本。Photoshop CS4支持OpenType，后者支持各種擴展字符集和版面設計功能，如傳統的PostScript和TrueType字體不支持的花飾字和自由連字。這反過來提供了更豐富的語言支持和高級文字控制。下面是一些有關OpenType的要點。

OpenType菜單：字符面板菜單中有一個OpenType子菜單，其中顯示了對當前OpenType字體來說可用的所有特性，這包括連字、替代和分數字。呈灰色顯示的特性對當前字體而言不可用；選中的特性被應用于當前字體。

自由連字：要將自由連字用于兩個OpenType字符，如Bickham Script Standard字體的"th"，可在圖像窗口中選中它們，然后從字符面板菜單中選擇"OpenType">"自由連字"。

花飾字：添加花飾字或替代字符的方法相同，選中字母（如 Bickham Script 字體的大寫字母T），然后選擇"OpenType">"花飾字"，將常規大寫字母T改成極其華麗的花飾字T。

創建真正的分數：像通常那樣輸入分數，如1/2，然后選中這些字符，再從字符面板菜單中選擇"OpenType">"分數字"，Photoshop將把它變成真正的分數。

提示：使用Adobe Illustrator 中的字形面板可預覽OpenType 選項：在Photoshop 中復制文本并將其粘貼到一個Illustrator 文檔中。然后選擇"窗口">"文字">"字形"，以打開字形面板。選中要修改的文字，然后在字形面板中從"顯示"下拉列表中選擇"當前所選字體的替代字"。雙擊一種字形將其應用于所選文字，然后復制文字并將其粘貼到Photoshop 文件中。

7.6.5 添加直排文字

該雜志封面的文字處理工作就要完成了，余下的唯一任務是在右上角添加卷號，你將使用直排文字工具添加。

1. 選擇菜單"選擇">"取消選擇圖層"，再選擇隱藏在橫排文字工具后面的直排文字工具。
2. 按住Shift 鍵并從封面右上角的字母L 附近開始拖曳，然后松開Shift 鍵并拖曳出一個垂直的矩形框。

開始拖曳前按住Shift 鍵可確保你創建新文本框， 而不是選擇標題。

3. 輸入VOL 9。
4. 通過拖曳鼠標或三擊選中這些字母，然后在字符面板中做如下設置（如圖7.23 所示）。

圖7.23

? 選擇一種襯線字體，如Myriad Pro。
? 將字體樣式設置為Condensed。
? 字體大小為15 點。
? 字符間距為150。
? 顏色為黑色。

5. 單擊選項欄中的"提交所有當前編輯"按鈕。直排文本將出現在一個名為VOL 9 的圖層中。如果必要，使用移動工具（ ）將其拖曳到右邊。

接下來需要做一些清理工作。

6. 通過單擊選擇注釋，然后單擊鼠標右鍵（Windows）或按住Control 鍵并單擊（Mac OS），再從上下文菜單中選擇"刪除注釋"將注釋刪除， 如圖7.24 所示。單擊按鈕"是"確認要刪除注釋。

7. 隱藏參考線：選擇抓手工具，并按Ctrl + ;（Windows）或Command + ；快捷鍵（Mac OS）隱藏參考線。然后，縮小視圖以方便查看作品。最終圖像如圖7.25 所示。

圖7.25

8. 選擇"文件">"存儲"保存所做的工作。

祝賀你！你在這個雜志封面上添加了所需的文字并設置了樣式。雜志封面制作好了，下面將其拼合，為印刷做好準備。

9. 選擇菜單"文件">"存儲為"，并將文件重命名為07Working_ flattened。如果出現"Photoshop 格式選項"對話框，單擊"確定"按鈕。

通過保留包含圖層的版本，以后可回過頭來對07Working.psd 做進一步編輯。

10. 選擇"圖層">"拼合圖像"。
11. 選擇"文件">"存儲"，然后關閉圖像窗口。

本文由人民郵電出版社獨家授權發布，謝絕轉載。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量69萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：