1.4 課堂案例：制作“照片墻”圖像

熟悉Photoshop CS6工作界面后，米拉發現比起自己之前學習的版本，Photoshop CS6增加了一些新功能。為了通過面試，米拉決定先學習Photoshop CS6的基本操作，練習制作“照片墻”圖像，為面試做準備，最終效果如圖1-23所示。下面具體講解制作方法。

1.4.1 新建圖像文件

要制作圖像，必須先新建圖像文件。新建圖像文件的具體操作如下。

（1）選擇“文件”/“新建”菜單命令或按“Ctrl+N”組合鍵，打開“新建”對話框。

（2）在對話框的“名稱”文本框中輸入“照片墻”，在“寬度”和“高度”文本框中分別輸入“650”和“400”，在其后的下拉列表框中選擇“像素”選項，設置圖像文件的尺寸。

（3）在“分辨率”文本框中輸入“72”，在其后的下拉列表框中選擇“像素/英寸”選項，設置圖像分辨率的大小。

（4）在“顏色模式”下拉列表框中選擇“RGB顏色”選項，設置圖像的顏色模式，在其后的下拉列表框中選擇“8位”選項；在“背景內容”下拉列表框中選擇“白色”選項，設置圖像的背景顏色，如圖1-24所示。

（5）單擊按鈕，新建一個圖像文件，如圖1-25所示。

1.4.2 設置標尺、網格和參考線

Photoshop CS6提供了多個輔助處理圖像的工具，它們大多位于“視圖”菜單中。這些工具對圖像不起任何編輯作用，僅用于測量或定位圖像，使圖像處理操作更精確，從而提高工作效率。下面進行具體講解。

1. 設置標尺

標尺一般用于輔助確定圖像的位置，當不需要使用標尺時，可以將標尺隱藏。設置標尺的具體操作如下。

（1）選擇“視圖”/“標尺”菜單命令或按“Ctrl+R”組合鍵，顯示標尺，如圖1-26所示。

（2）在標尺上單擊鼠標右鍵，在彈出的快捷菜單中選擇“像素”命令，將標尺單位設置為像素，如圖1-27所示。

（3）再次選擇“視圖”/“標尺”菜單命令，或按“Ctrl+R”組合鍵隱藏標尺。

2. 設置網格

網格主要用于輔助設計圖像，使操作更加精確。下面設置網格，具體操作如下。

（1）選擇“視圖”/“顯示”/“網格”菜單命令或按“Ctrl+’”組合鍵，在圖像窗口中顯示網格，如圖1-28所示。

（2）按“Ctrl+K”組合鍵，打開“首選項”對話框，在左側選擇“參考線、網格和切片”選項，在右側的“網格”選項組中設置網格的“顏色”“樣式”“網格線間隔”“子網格”等參數，如圖1-29所示。

3. 設置參考線

參考線是浮動在圖像上的直線，只用于給設計者提供參考位置，不會被打印出來。設置參考線的具體操作如下。

（1）選擇“視圖”/“新建參考線”菜單命令，打開“新建參考線”對話框。在“取向”選項組中選中單選項，設置參考線方向，在“位置”文本框中輸入“1像素”，設置參考線位置，單擊按鈕，如圖1-30所示，新建一條垂直參考線，效果如圖1-31所示。

（2）將鼠標指針移動到水平標尺上，向下拖動水平標尺至100像素處釋放鼠標左鍵，新建水平參考線，如圖1-32所示。

（3）選擇“視圖”/“顯示”/“參考線”菜單命令，隱藏參考線，效果如圖1-33所示。

1.4.3 打開文件和置入圖像

處理圖像時需要先打開相應的文件，或將所需的圖像通過置入的方式置入圖像窗口中，具體操作如下。

（1）選擇“文件”/“打開”菜單命令或按“Ctrl+O”組合鍵，打開“打開”對話框。

（2）在對話框的“查找范圍”下拉列表框中選擇圖像文件的路徑，在中間的列表框中按住“Ctrl”鍵不放，選擇“1.jpg”“2.jpg”圖像文件，單擊按鈕，打開這兩個圖像文件，如圖1-34所示。

（3）返回工作界面，可看到打開的“1.jpg”“2.jpg”圖像文件的顯示效果。切換到“照片墻”圖像窗口，選擇“文件”/“置入”菜單命令，打開“置入”對話框，在對話框的“查找范圍”下拉列表框中選擇圖像文件的路徑，在中間的列表框中選擇“照片墻背景.jpg”圖像文件，單擊按鈕，將圖像置入“照片墻”圖像窗口中，如圖1-35所示。

（4）返回工作界面，可看到置入的圖像調整圖像大小，如圖1-36所示。

（5）在工具箱中選擇移動工具，彈出“要置入文件嗎？”提示框，單擊按鈕，完成圖像的置入，如圖1-37所示。

1.4.4 編輯圖像

在制作圖像的過程中，有時需要對圖像進行基本的編輯，讓圖像的大小、位置符合要求。下面編輯“1.jpg”“2.jpg”圖像文件，包括裁剪、移動、變換等，具體操作如下。

（1）切換到“1.jpg”圖像窗口，在工具箱中選擇裁剪工具，單擊圖像，此時圖像上出現黑色的網格線和多個控制點。將鼠標指針移動到圖像的下方，選擇中間的控制點，當其呈形狀時，拖動鼠標指針裁剪圖像，被裁剪的區域清晰度和對比度都降低，如圖1-38所示。

（2）切換到“2.jpg”圖像窗口，在工具箱中選擇裁剪工具，在工具屬性欄的“不受約束”下拉列表框中選擇“大小和分辨率”選項。打開“裁剪圖像大小和分辨率”對話框，在“寬度”“高度”“分辨率”文本框中分別輸入“100”“55”“72”，單擊按鈕，如圖1-39所示。

（3）此時需裁剪的圖像四周出現裁剪框，按住鼠標左鍵不放，拖動裁剪框中的圖像調整裁剪區域，完成后選擇移動工具。彈出“要裁剪圖像嗎？”提示框，單擊按鈕，完成裁剪操作。

（4）切換到“1.jpg”圖像窗口，在“圖層”面板中雙擊“背景”圖層，在打開的對話框中單擊按鈕，將其轉換為普通圖層。在工具箱中選擇移動工具，將鼠標指針移到“1.jpg”圖像上，將其拖動到“照片墻”圖像窗口中，如圖1-40所示。

（5）切換到“照片墻”圖像窗口，當鼠標指針變為形狀后釋放鼠標左鍵，“1.jpg”圖像文件中的圖像移動到“照片墻”圖像窗口中的效果如圖1-41所示。

（6）選擇“編輯”/“自由變換”菜單命令或按“Ctrl+T”組合鍵，顯示定界框、中心點和控制點（定界框是一種圍繞在圖像、形狀和文本四周的矩形邊框，定界框上的小矩形即控制點，中心點則是定界框的中點），拖動控制點可改變圖像的大小。將鼠標指針移動到圖像右下角的控制點上，按住“Shift”鍵不放并拖動圖像，直到圖像與背景圖像中的相框契合，如圖1-42所示，完成后按“Enter”鍵確認變換。

（7）切換到“2.jpg”圖像窗口，將“背景”圖層轉換為普通圖層，并將圖像拖動到“照片墻”圖像窗口中，調整其大小，完成后的效果如圖1-43所示。

1.4.5 設置繪圖顏色

Photoshop CS6中的繪圖顏色一般是通過前景色和背景色來實現的。下面講解設置前景色和背景色，以及填充前景色和背景色的方法。

1. 設置前景色和背景色

前景色是指當前繪圖工具的顏色，背景色是指圖像的底色，即畫布本身的顏色。用戶可以通過拾色器、吸管工具和“色板”面板對二者進行設置。

·通過拾色器設置。單擊工具箱中的“設置前景色”圖標，打開“拾色器（前景色）”對話框，在對話框右側的RGB顏色文本框中輸入色值，或直接在色彩區域中選擇需要的顏色，設置前景色，如圖1-44所示。設置背景色的方法與此類似。

·通過吸管工具設置。打開任意一幅圖像，選擇工具箱中的吸管工具，在其工具屬性欄的“取樣大小”下拉列表框中選擇顏色取樣方式，然后將鼠標指針移動到圖像所需顏色上并單擊，如圖1-45所示，吸取的顏色會成為新的前景色。按住“Ctrl”鍵不放并在圖像上單擊，即可將吸取的顏色作為新的背景色。

·通過“色板”面板設置。選擇“窗口”/“色板”菜單命令，打開“色板”面板，如圖1-46所示。將鼠標指針移至色塊上，當鼠標指針變為形狀時，單擊色塊可設置前景色，按住“Ctrl”鍵不放并單擊所需的色塊可將其設為背景色。另外，將鼠標指針移至圖像中，按“F8”鍵打開“信息”面板，“信息”面板中將顯示鼠標指針所在位置像素點的色彩信息，如圖1-47所示。

2. 填充前景色和背景色

填充前景色和背景色的方法很簡單，選擇“編輯”/“填充”菜單命令，打開“填充”對話框，在“使用”下拉列表框中選擇“前景色”選項，然后單擊按鈕即可。或選擇“背景色”選項，然后單擊按鈕即可進行填充，如圖1-48所示。也可以按“Ctrl+Delete”組合鍵以背景色填充圖像，按“Alt+Delete”組合鍵以前景色填充圖像。

1.4.6 填充圖層

在Photoshop CS6中新建一個圖像文件后，系統會自動生成一個圖層，用戶可以通過各種工具對圖層進行相應操作。圖層是圖像的載體，沒有圖層，就沒有圖像。一個圖像通常是由若干個圖層組成的，用戶可以在不影響其他圖層的情況下，單獨對某個圖層中的圖像進行編輯、添加圖層樣式和更改圖層的順序與屬性等操作，從而改變圖像的合成效果，具體操作如下。

（1）在“照片墻”圖像窗口的“圖層”面板中單擊“創建新圖層”按鈕，新建一個圖層，如圖1-49所示。

（2）選擇矩形選框工具，拖動鼠標指針繪制矩形選區，如圖1-50所示。

（3）單擊工具箱中的前景色圖標，打開“拾色器（前景色）”對話框。在該對話框右側的“R”“G”“B”文本框中分別輸入色值“255”“186”“179”，單擊按鈕，如圖1-51所示。

（4）按“Alt+Delete”組合鍵為矩形選區填充前景色，填充完成后按“Ctrl+D”組合鍵取消選區。按照該方法，依次新建其他圖層，繪制矩形選區，并為其填充顏色，填充效果如圖1-52所示。

1.4.7 撤銷與恢復操作

在編輯圖像時常會出現操作失誤的情況，使用Photoshop CS6的還原圖像功能可輕松將圖像還原為操作失誤前的狀態，即進行撤銷與恢復操作。

1. 使用快捷鍵（組合鍵）或菜單命令進行撤銷與恢復操作

編輯圖像時，若發現有操作不當或操作失誤的情況應立即撤銷相應操作，然后重新編輯。可以通過下面幾種方法進行撤銷或恢復操作。

·按一次“Ctrl+Z”組合鍵可以撤銷最近一次進行的操作，再次按“Ctrl+Z”組合鍵可以恢復被撤銷的操作。每按一次“Ctrl+Alt+Z”組合鍵可以向前撤銷一步操作；每按一次“Ctrl+Shift+Z”組合鍵可以向后恢復一步操作。

·選擇“編輯”/“還原”菜單命令可以撤銷最近一次進行的操作，撤銷后選擇“編輯”/“重做”菜單命令可恢復該步操作。每選擇一次“編輯”/“后退一步”菜單命令可以向前撤銷一步操作，每選擇一次“編輯”/“前進一步”菜單命令可以向后恢復一步操作。

2. 使用“歷史記錄”面板還原圖像

如果在Photoshop CS6中對圖像進行了誤操作，還可以使用“歷史記錄”面板來恢復圖像在某個階段操作時的效果。用戶只需要單擊“歷史記錄”面板中的某個操作步驟，即可回到該步驟的狀態，具體操作如下。

（1）在面板組中單擊“歷史記錄”按鈕，打開“歷史記錄”面板，在其中可以看到之前對圖像進行的操作，如圖1-53所示。

（2）在其中單擊“矩形選框”記錄，可以將圖像恢復到繪制矩形選框時的狀態，這之后所做的填充顏色等操作將被撤銷，且相應的操作記錄都將變成灰色，如圖1-54所示。撤銷操作后，若沒有進行新的操作，被撤銷的操作還可恢復。

（3）在“歷史記錄”面板中單擊“取消選擇”記錄，選擇“文件”/“存儲為”菜單命令，打開“存儲為”對話框。在“保存在”下拉列表框中設置圖像文件的存儲路徑，在“文件名”文本框中輸入其文件名，在“格式”下拉列表框中設置圖像文件的存儲類型，單擊按鈕保存圖像文件，如圖1-55所示。