1.1 Photoshop的基礎操作

在系統學習淘寶美工的工作內容前，先了解Photoshop2021的工作環境，只有熟悉軟件的特點及工作方式，才能更有效地使用軟件。

1.1.1 Photoshop工作界面組件

Adobe對Photoshop2021的工作界面進行了合理的劃分，包含菜單欄、工具選項欄、選項卡、工具箱、文檔窗口、操作面板和狀態欄。靈活的操作面板，美觀簡潔的視覺體驗，使軟件更具專業特色，如圖1-1所示。

1.1.2 新建文檔

打開Photoshop，要新建一個文件，可執行“文件>新建”命令或按快捷鍵Ctrl+N。打開“新建文檔”對話框，設置文件名稱、尺寸、分辨率和顏色模式等，如圖1-2所示。

1.1.3 打開與置入文件

執行“文件>打開”命令，彈出“打開”對話框，如圖1-3所示。選擇需要的圖像，單擊“打開”按鈕。

有兩種置入方式，一種是“置入嵌入對象”，另一種是“置入鏈接的智能對象”，兩者各有特點。

1. 置入嵌入對象

1　打開或新建一個文件后，執行“文件>置入嵌入對象”命令，打開“置入嵌入的對象”對話框，如圖1-4所示。

2　選擇需要置入的圖像，單擊“置入”按鈕，即可在文件中置入圖像，如圖1-5所示。此時置入的圖像會自動轉換為智能對象，使用智能對象可以靈活地在Photoshop中以非破壞性方式編輯圖像，在圖像中雙擊或按Enter鍵確認變換。

3　通過“置入嵌入對象”方式置入的圖像，如果對置入的源圖進行改變，保存圖像以后，嵌入的圖像保持之前置入時的效果不變，如圖1-6所示。

2. 置入鏈接的智能對象

1　打開或新建一個文件后，執行“文件>置入鏈接的智能對象”命令，打開“置入鏈接的對象”對話框，如圖1-7所示。

2　選擇需要置入的圖像，單擊“置入”按鈕，即可在文件中置入圖像，如圖1-8所示。此時置入的圖像自動轉換為鏈接智能對象，在圖像中雙擊或按Enter鍵確認變換。

3　“置入鏈接的智能對象”與“置入嵌入對象”的區別在于，前者當對置入的源圖進行改變時，鏈接的圖像也隨之改變，如圖1-9所示。

1.1.4 存儲文件

編輯好圖像以后，需要對圖像文件進行存儲，執行“文件>存儲”命令或按快捷鍵Ctrl+S，即可保存當前文件。當該文件是第一次執行“存儲”命令時，系統會自動打開圖1-10所示的“保存在您的計算機上或保存到云文檔”對話框，此時需要指定文件存儲的位置，通常情況下保存到計算機上。單擊“保存在您的計算機上”按鈕，打開“另存為”對話框，如圖1-11所示，在對話框中選擇存儲路徑，單擊“保存”按鈕，系統將以指定路徑對圖像進行存儲。

1.1.5 修改圖像尺寸與畫布大小

在編輯圖像的過程中，可以拖曳圖像對應的選項卡，將圖像以浮動窗口的形式顯示，如圖1-12所示。

修改圖像尺寸和修改畫布大小，兩者有所區別，下面將詳細講解。

1. 修改圖像尺寸

修改圖像的尺寸主要是改變圖像的實際尺寸，如果將較小的圖像尺寸改為較大的尺寸，放大到100％顯示時圖像會變得模糊不清。

執行“圖像>圖像大小”命令或按快捷鍵Alt+Ctrl+I，或者直接在圖像窗口選項卡上單擊鼠標右鍵，在彈出的快捷菜單中選擇“圖像大小”命令，打開“圖像大小”對話框，如圖1-13所示。在該對話框中設置參數可以更改圖像的尺寸。

“圖像大小”對話框中有下列幾個設置選項。

? 圖像大小：主要顯示當前圖像文件的大小。

? 尺寸：顯示當前圖像的尺寸。單擊尺寸下拉按鈕，可以選擇圖像的尺寸單位，其中包含百分比、像素、英寸、厘米、毫米、點和派卡。

? 調整為：在“調整為”下拉列表中，可以直接選擇預設的尺寸。如果選擇下拉列表中的“自動分辨率”選項，會彈出“自動分辨率”對話框，如圖1-14所示，對其參數進行設置，單擊“確定”按鈕，返回“圖像大小”對話框，系統將自動修改分辨率，圖像的像素尺寸得到改變。“自動分辨率”對話框中的“掛網”參數可設置打印所需的掛網頻率和打印質量，而“品質”選項可按照需要選擇不同的質量等級。

? 寬度和高度：用來設置圖像的寬度和高度尺寸。“寬度”和“高度”的左側有一個鏈接圖標，表示此時寬度和高度被約束，任意調整其中一個參數，另一個也會隨之改變，因此無論如何改變寬度與高度的參數，圖像的長寬比例保持不變。單擊鏈接圖標，可以取消約束，此時更改其中一個參數，另一個參數將不會隨之改變，因此改變后的圖像會變形。

? 分辨率：可以設置圖像的分辨率參數，當直接調整分辨率時，圖像大小也會隨之改變。

? 重新采樣：取消勾選“重新采樣”復選框，此時寬度、高度和分辨率會被約束，任意調整其中一個參數，另外兩個參數會隨之改變。如圖像要求分辨率達到300像素/英寸，此時可以運用此方法直接更改分辨率，更改分辨率后的圖像質量不會受損。

2. 修改畫布大小

修改畫布大小是指修改當前圖像所在畫布的大小。放大畫布不會改變原圖的尺寸；縮小畫布，會以指定的位置裁切圖像的邊緣。執行“圖像>畫布大小”命令或按快捷鍵Alt+Ctrl+C，或直接在圖像窗口選項卡上單擊鼠標右鍵，在彈出的快捷菜單中選擇“畫布大小”命令，打開“畫布大小”對話框，如圖1-15所示。在該對話框中設置參數可以更改畫布的尺寸。

“畫布大小”對話框中有下列幾個設置選項。

? 當前大小：顯示當前畫布的實際大小。

? 新建大小：用于調整畫布的寬度和高度，默認為當前大小。

? 相對：若勾選該復選框，則“新建大小”中的“寬度”和“高度”表示在原畫布的基礎上增加或減少的尺寸，正值為增大，負值為減小。

? 定位：表示增加或減少畫布尺寸時圖像中心的位置，增加或減少的部分會由中心向外進行擴展或向內收縮。

? 畫布擴展顏色：在其下拉列表中選擇擴展畫布的顏色。默認為背景色。單擊后面的色塊，打開“拾色器”對話框，可調整為任意色。

1　打開一個圖像文件，執行“圖像>畫布大小”命令，打開“畫布大小”對話框，可以觀察當前畫布大小，寬度為600像素，高度為900像素，勾選“相對”復選框，分別將“寬度”和“高度”擴展100像素，單擊“確定”按鈕，該圖像會以默認定位向4個方向進行擴展，如圖1-16所示。

2　設置好擴展參數后，單擊“定位”右上角的方向按鈕，然后單擊“確定”按鈕，畫布將以右上為中心點向其他方向擴展，如圖1-17所示。

3　如果需要收縮畫布，可以在“畫布大小”對話框中設置“寬度”和“高度”為負數。但收縮畫布后圖像會被剪切，此時單擊“確定”按鈕，將彈出警告對話框，單擊“繼續”按鈕，畫布完成收縮剪切，如圖1-18所示。

1.1.6 拷貝與自由變換

在使用Photoshop軟件編輯圖像的過程中，經常會用到拷貝圖像或對圖像進行縮放、旋轉、扭曲、斜切、透視和變形等多種操作。拷貝與自由變換合并使用，可以完成等比例拷貝圖像及等比例旋轉拷貝圖像等操作，能提高編輯圖像的工作效率。

1. 拷貝圖像

在Photoshop中拷貝圖像的方法有很多種，不同的拷貝方法有各自的特點。

? 圖像文件拷貝：這種方法主要針對拷貝圖像整體文件。執行“圖像>復制”命令，或直接在圖像窗口選項卡上單擊鼠標右鍵，在彈出的快捷菜單中選擇“復制”命令，打開“復制圖像”對話框。此時可以在“為”文本框中輸入名稱，如圖1-19所示，單擊“確定”按鈕，完成復制圖像操作。

? 圖像圖層拷貝：這種方法主要針對圖像的圖層進行拷貝。執行“編輯>拷貝”命令或按快捷鍵Ctrl+C，然后執行“編輯>粘貼”命令或按快捷鍵Ctrl+V，可以完成拷貝圖像操作，如圖1-20所示。

執行“圖層>新建>通過拷貝的圖層”命令或按快捷鍵Ctrl+J，可直接完成拷貝圖像操作，如圖1-21所示。這種方法運用比較廣泛，也屬于圖像圖層拷貝，優勢在于方便快捷。

? 在圖像文件之間拷貝：此方法與“置入文件”相似，但置入的圖像屬于普通圖層，與智能對象有所區別。在打開的兩個圖像文件中，選擇“移動工具”，拖曳圖像到另一個圖像文件中，可以完成拷貝圖像操作，如圖1-22所示。

2. 自由變換

Photoshop中的自由變換命令有旋轉、縮放、斜切、扭曲、透視和變形等，在編輯圖像的時候經常會用到。

? 旋轉圖像：執行“編輯>自由變換”命令或按快捷鍵Ctrl+T，在圖像中打開“自由變換”調節框，此時在調節框邊緣外側，當鼠標指針變為旋轉狀態時，按住鼠標左鍵拖曳可以完成旋轉圖像操作，如圖1-23所示。如果需要進行限定性的旋轉，可以在調節框中單擊鼠標右鍵，在彈出的快捷菜單中選擇所需命令，同時還可以在選項欄中設置“旋轉”度數，對圖像進行限定旋轉。完成旋轉圖像操作以后，在調節框中雙擊或者按Enter鍵確認。

? 縮放圖像：在圖像中按快捷鍵Ctrl+T，打開“自由變換”調節框，將鼠標指針移動到調節框的控制點上，鼠標指針變為縮放狀態，此時按住鼠標左鍵拖曳，可以縮放圖像，如圖1-24所示。如果需要從四周向中心縮放圖像，可以按住Alt鍵拖曳控制點。

? 斜切圖像：在圖像中按快捷鍵Ctrl+T，打開“自由變換”調節框，在調節框中單擊鼠標右鍵，在彈出的快捷菜單中選擇“斜切”命令，拖曳控制點，可以對圖像進行斜切操作，如圖1-25所示。

其他操作同理，讀者可自行嘗試變換效果。

3. 等比例拷貝圖像

等比例拷貝圖像主要是將拷貝圖像圖層與自由變換合并使用，可以將其運用在等比例移動拷貝圖像操作上，也可以運用到其他變換拷貝圖像操作上。

? 移動拷貝圖像：按快捷鍵Ctrl+Alt+T，打開“自由變換”調節框，當移動調節框中的圖像時，會自動拷貝圖像圖層，如圖1-26所示，按Enter鍵確認移動拷貝圖像。按快捷鍵Ctrl+Alt+Shift+T，重復前一次的移動拷貝圖像操作，可以完成等比例拷貝圖像操作，如圖1-27所示。

? 等比例移動縮小拷貝圖像：按快捷鍵Ctrl+Alt+T，打開“自由變換”調節框，移動并縮小調節框中的圖像，完成移動縮小拷貝操作，如圖1-28所示，按Enter鍵確認。按快捷鍵Ctrl+Alt+Shift+T，重復前一次的移動縮小拷貝圖像操作，等比例移動縮小拷貝圖像的效果如圖1-29所示。

? 等比例旋轉拷貝圖像：按快捷鍵Ctrl+Alt+T，打開“自由變換”調節框，按住Alt鍵，并在文檔窗口中單擊，確定旋轉拷貝圖像的中心點位置，在調節框邊緣外側，當鼠標指針變為旋轉狀態時拖曳，會圍繞中心點位置旋轉拷貝圖像，如圖1-30所示，按Enter鍵確認旋轉拷貝圖像。按快捷鍵Ctrl+Alt+Shift+T，重復前一次的旋轉拷貝圖像操作，等比例旋轉拷貝圖像的效果如圖1-31所示。

1.1.7 還原/恢復/歷史記錄

還原、恢復文件是指在編輯圖像的過程中，將編輯過的文件復原到某種狀態。編輯圖像時，每進行一步操作，都會記錄在“歷史記錄”面板中。

1. 還原操作

還原是指將圖像文件還原到上一步的操作。如果需要還原到上一步操作，可以執行“編輯>還原”命令或按快捷鍵Ctrl+Z。執行還原操作后，“編輯”菜單中的“重做”命令會從灰色變為可執行狀態，執行該命令或按快捷鍵Ctrl+Shift+Z可重新執行被還原的操作。

當需要還原幾個步驟時，可以連續按快捷鍵Ctrl+Z。連續按快捷鍵Ctrl+Shift+Z，可依次重新執行被還原的操作。

2. 恢復操作

恢復是指將圖像文件恢復到最后一次存儲時的狀態。如果用戶對當前操作的效果不滿意，希望放棄當前的操作并恢復到最后一次存儲時的狀態，可以執行“文件>恢復”命令，或按F12鍵。

3. 歷史記錄

在菜單欄中單擊“窗口”菜單，勾選“歷史記錄”，或者直接在操作面板中單擊“歷史畫筆”按鈕，可以打開“歷史記錄”面板。使用“歷史記錄”面板，可以實現更為直觀的還原恢復操作。“歷史記錄”面板會在執行操作的時候自動記錄每一步操作。

默認情況下，“歷史記錄”面板會羅列出最近50個操作步驟，更早的就被自動刪除了，以釋放內存。執行“編輯>首選項>性能”命令，打開“首選項”對話框，如圖1-32所示，在“歷史記錄狀態”文本框中輸入新的參數，即可改變歷史記錄步數。

1.1.8 標尺與參考線

標尺與參考線屬于輔助工具，在設計店鋪頁面的過程中，如要了解板塊和圖像的具體尺寸或需要知道當前位置的具體數值，經常會用到標尺與參考線。參考線主要用于板塊的準確劃分，圖像的整齊排列，以及最后圖像切片的準確分割。

1. 標尺

按快捷鍵Ctrl+R，文檔窗口會出現標尺，如圖1-33所示；再次按快捷鍵Ctrl+R，則會隱藏標尺。

執行“編輯>首選項>單位與標尺”命令，打開“首選項”對話框，在對話框中可以設置標尺的數值單位，或者在標尺上單擊鼠標右鍵，在彈出的快捷菜單中選擇需要的數值單位。

2. 參考線

參考線以浮動的狀態顯示在圖像上方，并且在輸出和打印圖像時，參考線不會顯示。

直接拖曳標尺可快速建立參考線。如果需要水平參考線，可以從窗口上方的標尺上向圖像中拖曳；如果需要垂直參考線，可以從左邊的標尺上向圖像中拖曳，如圖1-34所示。如果要移動參考線，選擇“移動工具”，將鼠標指針放在參考線上，當鼠標指針變成可調節狀態時，拖曳參考線可自由移動。如果需要刪除參考線，可將參考線拖曳到畫布之外。

執行“視圖>新建參考線”命令，打開“新建參考線”對話框，在該對話框中選擇“水平”或“垂直”選項，在“位置”文本框中設置準確的參考線位置，如圖1-35所示，可以創建位置準確的參考線。

默認的參考線顏色為青色，在某些圖像中看不清楚時，可以修改顏色。執行“編輯>首選項>參考線、網格和切片”命令，打開“首選項”對話框，如圖1-36所示。在“參考線”設置欄的“顏色”下拉列表中選擇預設的顏色，也可單擊右側的色塊打開“拾色器（參考線顏色）”對話框，設置任意顏色，在“樣式”下拉列表中可以選擇參考線的樣式。