帶你讀《Photoshop+Dreamweaver淘寶天貓網店美工與廣告設計一本通 : 實戰版》之二：商品圖像的快速調整

點選檢視第零章 點選檢視第二章

第1章 商品圖像的快速調整

在進行網店的裝修設計之前，首先需要掌握一些商品圖像的快速處理技法，如調整圖像的大小和分辨率、設定适合網店顯示的構圖、旋轉與縮放圖像等，這些操作均可以使用Photoshop中的菜單指令或工具來實作。

步驟 01 啟動Photoshop，執行“檔案>打開”指令，在打開的對話框中選中需要打開的素材，單擊“打開”按鈕。

步驟 02 即可在Photoshop中打開所選素材圖像，選中01.jpg素材圖像，按下快捷鍵Ctrl+C，複制女包圖像。

步驟 03 切換到處理好的02.psd背景圖像，按下快捷鍵Ctrl+V，将複制的女包圖像粘貼到畫面中，調整其大小和位置。

步驟 04 選擇“圖層1”圖層，将圖層的混合模式更改為“變暗”，混合圖像，将女包圖像拼合到新背景中。

步驟 05 執行“檔案>存儲為”菜單指令，打開“另存為”對話框，在對話框中指定檔案的存儲位置，輸入檔案名，設定後單擊“儲存”按鈕，存儲圖像。

步驟 01 打開03.jpg素材圖像，可以看出這是為商品制作的詳情展示圖。

步驟 02 執行“圖像>圖像大小”菜單指令，打開“圖像大小”對話框，在對話框中檢視原圖像的大小。

步驟 03 網店裝修中的圖像的分辨率隻需設定為72dpi，是以在“分辨率”右側的文本框中輸入數值72。

步驟 04 根據網店圖像的尺寸要求，在“寬度”文本框中輸入數值990，輸入後根據長寬比自動調整高度，單擊“确定”按鈕。

步驟 05 此時在圖像視窗中可看到在相同的縮放比例下，圖像變小了很多。

步驟 01 執行“檔案>腳本>圖像處理器”菜單指令，打開“圖像處理器”對話框。

步驟 02 單擊“選擇要處理的圖像”選項組中的“選擇檔案夾”按鈕，在打開的對話框中單擊選擇要處理的素材檔案夾。

步驟 03 單擊“選擇位置以存儲處理的圖像”選項組中的“選擇檔案夾”按鈕，在打開的對話框中選擇存儲圖像的檔案夾。

步驟 04 取消勾選“存儲為PSD”複選框，在“存儲為JPEG”下方輸入W值為750像素，單擊“運作”按鈕。

步驟 05 開始檔案的批量調整，完成後打開存儲處理後圖像的檔案夾，選中檔案可以看到調整後的檔案類型和檔案大小等屬性。

步驟 01 打開06.jpg素材圖像，使用“矩形選框工具”在圖像中建立選區，執行“編輯>拷貝”菜單指令，拷貝圖像，打開05.psd素材圖像，執行“編輯>粘貼”菜單指令，粘貼圖像。

步驟 02 在“圖層”面闆中可以看到粘貼的圖像被存儲到新的“圖層1”圖層中，執行“編輯>自由變換”菜單指令，打開自由變換編輯框，将滑鼠指針移到圖像轉角位置，按住Shift鍵向内側拖動，縮小圖像。

步驟 03 打開07.jpg素材圖像，使用“矩形選框工具”在圖像上建立選區，按下快捷鍵Ctrl+C，拷貝圖像，打開05.psd素材圖像，按下快捷鍵Ctrl+V，粘貼選區内的圖像。

步驟 04 按下快捷鍵Ctrl+T，打開自由變換編輯框，将滑鼠指針移到編輯框右下角位置，當指針變為雙向箭頭時，按住Shift鍵并拖動，等比例縮放編輯框中的人物圖像。

步驟 05 将縮放後的圖像移到合适的位置，再切換到07.jpg圖像視窗，使用“矩形選框工具”在畫面中建立選區，按下快捷鍵Ctrl+C，複制選區内的圖像。

步驟 06 切換到05.psd圖像視窗，按下快捷鍵Ctrl+V，粘貼圖像。使用相同的方法複制并粘貼圖像，得到“圖層3”和“圖層4”圖層，在圖像視窗中檢視複制的圖像效果。

步驟 07 同時選中“圖層”面闆中的“圖層3”和“圖層4”兩個圖層，按下快捷鍵Ctrl+T，打開自由變換編輯框，調整編輯框中的圖像，将圖像縮放至合适大小。

步驟 01 打開08.jpg素材圖像，按下快捷鍵Ctrl+J，複制圖像，生成“圖層1”圖層。

步驟 02 執行“圖像>圖像旋轉>逆時針90度”菜單指令，按逆時針方向将圖像旋轉90度，在圖像視窗中檢視旋轉後的效果。

步驟 01 打開09.jpg素材圖像，按下快捷鍵Ctrl+J，複制圖像，生成“圖層1”圖層，單擊“背景”圖層前的“訓示圖層可見性”圖示，隐藏“背景”圖層。

步驟 02 選擇“套索工具”，在選項欄中設定“羽化”值為4像素，在畫面中單擊并拖動，選擇需要旋轉的圖像區域。

步驟 03 執行“編輯>變換>水準翻轉”菜單指令，水準翻轉選區中的圖像，在圖像視窗檢視圖像效果。

步驟 04 執行“編輯>變換>旋轉”菜單指令，顯示旋轉編輯框，将滑鼠指針移到編輯框轉角位置，單擊并拖動，旋轉圖像。

步驟 05 旋轉至合适的角度後，按下Enter鍵，應用旋轉，然後按下快捷鍵Ctrl+D，取消選區，再建立“圖層2”圖層。

步驟 06 選擇“畫筆工具”，在選項欄中設定畫筆的“不透明度”和“流量”，将畫筆顔色設定為與背景相近的顔色，在畫面中塗抹，填充因旋轉圖像而産生的透明區域。

步驟 01 打開10.jpg素材圖像，按住“吸管工具”按鈕不放，在展開的面闆中單擊選擇“标尺工具”，沿照片中的書籍裝訂線單擊并拖動，繪制一條水準參考線。

步驟 02 執行“圖像>圖像旋轉>任意角度”菜單指令，打開“旋轉畫布”對話框，可以看到拉直圖像所需的正确角度已顯示在該對話框中，直接單擊“确定”按鈕。

步驟 03 随後軟體會根據指定的角度旋轉圖像。選擇“裁剪工具”，在畫面中單擊并拖動，繪制合适大小的裁剪框，再按下Enter鍵确認裁剪圖像。

步驟 01 打開11.jpg素材圖像，選擇工具箱中的“裁剪工具”，在畫面中單擊，顯示裁剪框。

步驟 02 在選項欄單擊“設定裁剪工具的疊加選項”按鈕，在展開的清單中選擇“黃金比例”選項，顯示黃金比例裁剪參考線。

步驟 03 将滑鼠指針移到裁剪框邊緣位置，單擊并拖動滑鼠，調整裁剪框，将要展示的戒指置于畫面的黃金分割點位置。

步驟 04 單擊“裁剪工具”選項欄中的“送出目前裁剪操作”按鈕，裁剪圖像，檢視裁剪後的畫面構圖效果。

步驟 05 按下快捷鍵Ctrl+J，複制圖像，生成“圖層1”圖層，設定混合模式為“濾色”，輸入“不透明度”為80%。

步驟 06 添加圖層蒙版，選擇“漸變工具”，在選項欄中設定選項，從戒指位置向外側拖動，建立漸變。