任務1 雕塑字制作

1.1 知識準備——初識Photoshop CC 2015

Photoshop是Adobe公司旗下最著名的圖像處理軟件之一。它的第一個版本Photoshop1.0.7于1990年2月正式發布。經過20多年的發展，Photoshop已經升級至CC版本。本書以Photoshop CC 2015（Adobe Creative Cloud 2015）中文版為平臺，介紹常用的圖像處理方法。

Adobe Photoshop CC 2015是Adobe產品史上最大的一次升級，可以通過更直觀的用戶體驗、更大的編輯自由度來提高用戶的操作效率。因此，它是平面設計、Web設計等行業從業人員的理想選擇。

1.1.1 Photoshop CC 2015入門及主要新增功能

要嘗試Photoshop CC 2015強大的圖像處理功能，首先要啟動該軟件進入其工作環境。

1．啟動Photoshop CC 2015

在確保計算機已安裝了Photoshop CC 2015的前提下，常用的啟動方法有用鼠標雙擊桌面上的Photoshop CC 2015快捷圖標、從Windows開始菜單上啟動以及直接打開Photoshop文件等。以下主要講解前兩種啟動方法。

（1）方法1

用鼠標雙擊桌面上的Photoshop CC 2015快捷圖標，即可啟動該軟件，如圖1-1所示。

（2）方法2

從Windows“開始”菜單上啟動。用鼠標單擊桌面左下角的按鈕，在彈出的“開始”菜單中選取“程序”→“Adobe Photoshop CC 2015”命令，即可啟動該軟件，如圖1-2所示。

2．Photoshop CC 2015界面介紹

啟動Photoshop CC 2015后，即可進入圖1-3所示的工作界面。從圖中可見，其工作界面主要由菜單欄、選項欄、工作區、工具箱、調整面板和狀態欄等組成。

3．Photoshop CC 2015主要新增功能

Photoshop CC 2015的界面與功能的結合更加趨于完美，各種命令與功能得到了充分擴展，最大限度地為用戶的操作提供了簡捷、有效的途徑。Photoshop CC 2015還增加了多畫板支持、新設計空間以及Adobe圖庫等重要的新功能。

（1）多畫板支持

Photoshop CC 2015的重要功能更新就是對多畫板的支持。以往的版本因為不支持多畫板，即使設計師使用雙顯示器，也只能在一個畫板中作圖。從現在開始，多畫板支持能大大方便使用Photoshop的專業設計師的需求。具體操作方法將在本書相關任務中進行介紹。

（2）新設計空間

Photoshop CC 2015的設計空間是完全為網頁和UI設計而打造的專屬功能。當用戶開啟“PS設計空間”模式后，Photoshop界面中與UI/Web設計無關的功能會被隱藏（比如3D工具等），用戶可以在UI設計專屬的操作界面中更方便和專注地完成專項設計，從而提高工作效率。

（3）Adobe圖庫

圖庫是獨立設計師、大型設計機構非常重要的素材必備。現在，Adobe收購了圖庫素材供應商Fotolia，Adobe也有了多達4千萬圖片的庫存。這個龐大的素材庫借Photoshop CC 2015的推出，作為在線服務而盛裝出場。

用戶設計網頁和APP的時候，可以直接調用和處理Adobe圖庫中低分辨率帶水印的圖片。在確定設計方案之后，可以再以內購的方式購買高清無碼版本的圖片素材。

1.1.2 熟悉工具箱

Photoshop CC 2015的工具箱包含常用工具，如選框工具、移動工具等。工具箱中每一個按鈕都代表一個工具或者選項，使用鼠標單擊要選取的工具，按鈕呈高亮按下狀態，即表示已經選中了該工具或者選項。圖1-4a列出了Photoshop CC 2015工具箱中主要工具的圖標和名稱。其中，各工具的作用將在應用過程中進行相應的介紹。

如果工具按鈕右下方有一個三角符號，則表示該工具還有彈出式的工具，持續選中工具則會出現一個工具組。圖1-4b所示為持續選中形狀工具時彈出的該工具組。

1.1.3 Photoshop CC 2015的基本操作

新建、打開和存儲圖像文件如下所述。

1）要在Photoshop CC 2015中創建一個新的圖像文件，可按以下步驟操作。

①選擇“文件”→“新建”命令，彈出“新建”對話框，如圖1-5所示。

②在“名稱”中輸入新建圖像的名稱，也可以等到編輯完成后，保存文件時再進行命名。

③“寬度”和“高度”是指圖像的大小尺寸，打開下拉菜單，可以看到其單位有：像素、英寸、厘米、毫米、點、派卡、列等，如圖1-6所示。

④“分辨率”是指計算機的屏幕所能呈現的圖像的最高品質，一般PC屏幕的分辨率為72像素/英寸。

⑤顏色模式”可以設置圖像的色彩模式，有位圖、灰度、RGB顏色、CMYK顏色和Lab顏色等。

⑥“背景內容”用來控制文件的背景顏色，可以將背景顏色設為白色、背景色或者透明。

⑦“圖像大小”顯示文件所占磁盤空間，單擊“確定”按鈕，即完成新建圖像。

2）要在Photoshop CC 2015中打開一個原來已有的圖像文件，操作步驟如下。

①選擇“文件”→“打開”命令，或用鼠標雙擊操作窗口，即彈出“打開”對話框，如圖1-7所示。

②“文件類型”默認情況下為“所有格式”，可從下拉菜單中選擇需要的某種文件格式，則該目錄中只會出現相應格式的文件。

③在目錄空白處，單擊鼠標右鍵，可選擇不同查看方式：縮略圖、平鋪、圖標、列表和詳細信息等。

④用鼠標單擊要打開的文件，可在對話框下方預覽圖片及大小，若同時打開多個文件，可按住＜Ctrl＞鍵，然后用鼠標進行選取，若要選取多個連續的文件，可以按住＜Shift＞鍵，再用鼠標進行選取，使用＜Ctrl+A＞組合鍵可選中所有文件。

⑤單擊“確定”按鈕，即可將所選圖像打開。

3）保存圖像文件。

圖像編輯完成后，要保存圖像，操作步驟如下。

①未被保存過的新建圖像或將當前圖像保存為其他格式。執行“文件”→“存儲為”命令，或直接按＜Ctrl+Shift+S＞組合鍵，調出圖1-8所示的對話框。輸入要保存的文件名，通過下拉菜單選擇文件格式及保存路徑，單擊“保存”按鈕即可。

Photoshop CC 2015支持將文件保存為多種文件格式，如我們最常用到的BMP、GIF和JPEG等。不同的格式，會有不同的存儲選項，無法使用的部分會顯示為灰色。

②如果是之前已經保存過的圖像，可執行“文件”→“保存”命令保存進行修改后的設計，也可使用組合鍵＜Ctrl+S＞進行保存，圖片將會覆蓋原來存儲的文件。

③關閉Photoshop CC 2015時，若圖像的編輯操作尚未保存，系統會提示是否保存對當前文件的修改，如圖1-9所示。選擇“是”，按以上方法進行保存。

1.1.4 選區及其主要編輯方法

在使用Photoshop CC 2015設計和處理圖像的過程中，我們會用到某些需要調整的特定區域，這就是選區。選區有規則形狀和任意形狀之分，圖1-10所示為規則形狀選區，而圖1-11所示為不規則形狀的文字選區。

Photoshop CC 2015有多種創建選區的途徑和編輯選區的功能，以下先介紹專門用于創建選區的選區工具和幾個常用的編輯選區的命令。

1．選區工具

Photoshop CC 2015提供了3種選區工具：選框工具、套索工具、魔棒工具，用來在圖像中創建選區。

（1）選框工具

圖1-12所示為選框工具。選框工具用來產生規則的選擇區域，包括矩形選框工具、橢圓選框工具、單行選框工具和單列選框工具。圖1-13所示的一組圖片，為分別用不同選框工具創建的選區。

（2）套索工具

圖1-14所示為套索工具，包括自由套索工具、多邊形套索工具和磁性套索工具。自由套索工具用來產生任意形狀的選擇區域。多邊形套索工具可產生直線型的多邊形選區。磁性套索工具可自動跟蹤圖像中物體的邊緣形成選擇區域。圖1-15所示的一組圖片，為分別用不同套索工具創建的選區。

（3）魔棒工具

魔棒工具名稱的由來是因為它具有魔術般的奇妙作用，如圖1-16所示。魔棒工具包括魔棒工具和快速選擇工具。在Photoshop CC 2015中使用魔棒工具創建選區的原理與選框工具和套索工具不同。魔棒工具是根據在圖像窗口中單擊處的顏色范圍來創建選區的，圖1-17中間的選區就是用魔棒工具單擊產生的。

快速選擇工具是智能的，它比魔棒工具更加直觀和準確。用戶只需在要選取的整個區域中涂畫或連續用鼠標單擊，快速選擇工具會自動調整所涂畫的選區大小，并尋找到邊緣使其與選區分離。圖1-18中間的選區就是用快速選擇工具單擊產生的。

2．編輯選區的常用命令

在Photoshop CC 2015中，可以對選區進行如顯示、隱藏、刪除和反選等操作。這些看似簡單的命令在實際工作中卻是最常用的，靈活運用并熟練掌握這些命令的使用方法及操作技巧，可以大大提高工作效率和選區的編輯質量。具體命令快捷鍵及功能如表1-1所示。

在編輯圖像時靈活利用“反選”命令，可以使創建復雜選區的工作變得相當簡單。例如，在圖1-19中，要編輯和修飾圖像中的人物，無論使用哪種選區工具都很難創建精確的選區。但是從該圖中可以看出，圖像人物以外的背景色彩比較單調，利用魔棒工具可以很輕松地將背景中的顏色全部選中，如圖1-20所示。然后按下組合鍵＜Shift+Ctrl+I＞，執行“反選”命令，即可得到圖1-21所示的人物選區。

1.1.5 文字工具及文字編輯

Photoshop CC 2015工具箱中提供了4種文字工具：橫排文字工具、直排文字工具、橫排文字蒙版工具和直排文字蒙版工具，如圖1-22所示。選取文字工具，工具選項中會顯示出相應的文字工具屬性欄，如圖1-23所示。

使用文字工具輸入文字時，可以在文字工具屬性欄中設置好文字的字體、字號、顏色和形狀等。

1．創建文字

（1）橫排文字輸入

用鼠標單擊文字工具，選擇橫排文字工具，在圖像中用鼠標單擊，出現輸入光標后即可輸入文字，如圖1-24所示。

完成文字輸入后，用鼠標單擊其他工具，退出文字編輯狀態，確認文字輸入；按＜Esc＞鍵即可取消當前文字輸入。

Photoshop CC 2015將文字以獨立圖層形式存放，輸入文字后，會自動建立一個文字圖層，圖層名稱就是文字內容。文字圖層具有與普通圖層一樣的性質，如圖層混合模式、圖層樣式、不透明度等。

（2）直排文字輸入

用鼠標單擊文字工具，選擇直排文字工具，便可輸入直排文字，如圖1-25所示。

（3）創建橫排文字選區

用鼠標單擊文字工具，選擇橫排文字蒙版工具，在圖像中用鼠標單擊，Photoshop CC 2015將產生一個紅色的蒙版區域和輸入光標，此時可輸入文字，并可通過單擊或拖拉的方式移動文字，如圖1-26所示。

用戶在輸入文字后，用鼠標單擊其他工具，退出文字蒙版編輯狀態，在圖像編輯窗口中生成以文字形狀創建的橫排文字選區，如圖1-27所示。

（4）創建直排文字選區

用鼠標單擊文字工具，選擇直排文字蒙版工具，在圖像中用鼠標單擊，在Photoshop CC 2015產生的紅色的蒙版區域中輸入的文字，將以直排形式出現，如圖1-28所示。

用鼠標單擊其他工具，退出文字蒙版編輯狀態，在圖像編輯窗口中生成以文字形狀創建的直排文字選區，如圖1-29所示。

2．文字圖層的柵格化

用文字工具在圖像中輸入橫排文字或者直排文字時，都會自動生成一個新的文字圖層，可以隨時利用文字工具編輯文字圖層中的文字。但是，要對文字進行填充或施加濾鏡效果，還應先將文字圖層轉換成普通圖層，這就是文字圖層的柵格化。具體方法是：在文字圖層上用鼠標右鍵單擊，選擇“柵格化文字”即可，如圖1-30所示。

3．文字編輯

文字的運用是圖像設計中的一個重要內容。Photoshop CC 2015提供了字符、段落設置與變形等豐富的文字編輯功能，正確運用這些功能對標題文字進行修飾，可以起到畫龍點睛的效果。

（1）設置字符

用鼠標單擊文字工具屬性欄上的，調出“字符/段落”面板，如圖1-31所示。在“字符/段落”面板中，可以對文字的字符和段落屬性進行設置，包括設置文字的字體、字號、顏色、字間距和行間距等屬性。

選中要設置的字符，單擊，可以設置字符間的字間距；單擊，可以設置字符水平縮放比例；單擊，可以設置垂直縮放比例；單擊，可以設置字符的行間距；而單擊，則可以設置字符顏色。

（2）設置段落

單擊圖1-31中所示的“段落”選項卡，即切換到圖1-32所示的“段落”面板，可以對文本的段落進行設置。其中可以設置文本的對齊方式。和分別設置左、右縮進，設置首行縮進。和分別表示段前、段后增加空格。

1.1.6 斜面濾鏡（BEVELBOSS）

Eye Candy 4000是AlienSkin公司出口的一組極為強大的經典Photoshop外掛濾鏡。其功能千變萬化，擁有極為豐富的特效，如反相、水跡、鉻合金、閃耀、發光、星星和斜視等多個特效濾鏡。

常用的Eye Candy 4000就包含在其中。而BEVEL BOSS濾鏡又是Eye Candy 4000內置濾鏡之一，可以譯為“斜面”濾鏡。它可生成各種樣式的斜面或雕刻外形，可使任何形狀的選區產生浮雕凸起效果，這種效果既可以在選區內部，也可以在選區外部。例如，用BEV-EL BOSS濾鏡將圖1-33所示的素材圖片中的平面鏡框處理成浮雕凸起效果，具體步驟如下。

1）用魔棒工具選中圖中的透明區域，然后按下＜Shift+Ctrl+I＞組合鍵，執行反選命令，把鏡框變成選區，如圖1-34所示。

2）執行“濾鏡”→“Eye Candy 4000”→“斜面”命令，如圖1-35所示。隨即彈出“斜面”對話框，設置相關參數和預覽效果如圖1-36所示。

3）單擊“確定”按鈕，退出“斜面”濾鏡的操作界面，按＜Ctrl+D＞組合鍵，取消選區，即得到圖1-37所示的浮雕鏡框效果。

1.1.7 常用圖層樣式

為了使設計者在圖像處理過程中收到更加理想的效果，Photoshop CC 2015提供了豐富的圖層樣式功能，如投影、發光和斜面浮雕等。其中，斜面和浮雕（Bevel and Emboss）是最復雜的成員之一，它包括內斜面、外斜面、浮雕、枕形浮雕和描邊浮雕，雖然每一項中包含的設置選項都相同，但是制作出來的效果卻大相徑庭。這里先介紹“斜面和浮雕”的一般用法。

打開素材圖像文件，如圖1-38所示，在圖層面板上選取六邊形圖層為當前圖層，然后用鼠標單擊該面板下方的“添加圖層樣式”按鈕，具體方法如圖1-39所示。

在調出的菜單中用鼠標單擊“斜面和浮雕”，如圖1-40所示。隨即彈出“圖層樣式”對話框。設置圖1-41所示的參數，六邊形顯示出浮雕效果，如圖1-42所示。

“斜面和浮雕”樣式