- 網店美工實操:淘寶天貓店鋪設計與裝修(第2版)
- 馮德華等編著
- 1697字
- 2022-05-06 13:16:39
3.1.1 裁剪與傾斜校正
裁剪與傾斜校正通常是指將不符合大小或角度有一些傾斜的圖片,進行正確的裁剪和擺正,此時就應該掌握Photoshop軟件的相關知識。
裁剪
Photoshop 軟件中的裁剪功能可以將圖片按任意大小進行裁剪,也可以按固定數值進行裁剪,網店需要的圖片通常都是有尺寸要求的,如圖 3-2所示。

圖3-2 圖片寬度為520像素、高度為280像素
技巧:在Photoshop中進行固定尺寸裁剪時,只要選擇(裁剪工具),在屬性欄中選擇“寬×高×分辨率”,并設置“寬度”“高度”“分辨率”,在圖片中裁剪即可,如圖3-3所示。

圖3-3 固定尺寸裁剪
網店需要的圖片尺寸直接取決于淘寶網的要求,在不同的區域圖片的大小是不同的,下面就詳細說明各個區域的圖片尺寸。
·店標:文件格式為GIF、JPG、JPEG、PNG,文件大小在80KB以內,建議尺寸為80像素×80像素。
·店招:寬度為950像素,高度建議不超過120像素。
·全屏通欄廣告:寬度為1920像素,高度盡量根據首屏的高度進行設置,建議在500~600像素之間。
·標準通欄廣告:寬度為950像素,高度盡量根據首屏的高度進行設置,建議在500~600像素之間。
·輪播圖:不同區域的輪播圖寬度不同,高度必須在100~600像素之間,寬度可以是1920像素、950像素、750像素和190像素。
·自定義內容區:如果分成左、右兩部分,寬度為190像素和750像素,高度根據廣告內容自行設置。
·寶貝圖片:必須是1∶1的正方形,寬度和高度可以在300~500像素之間。
·寶貝詳情頁:寬度750像素,高度可以根據內容自行設置。
在手機淘寶店鋪中要了解的各個圖片尺寸規格如下。
·店招規格:642像素×254像素;格式為JPG、JPEG、PNG。
·新客老客規格:建議選擇608像素×336像素尺寸的圖片;格式為JPG、PNG。
·圖文類中單列圖片模塊:建議選擇608像素×(200~960)像素尺寸的圖片;格式為JPG、PNG。
·圖文類中雙列圖片模塊:建議選擇296像素×160像素尺寸的圖片;格式為JPG、PNG。
·圖文類中多圖模塊:建議選擇248像素×146像素尺寸的圖片;格式為JPG、PNG。
·圖文類中焦點圖模塊:建議選擇608像素×304像素尺寸的圖片;格式為JPG、PNG。
·圖文類中左文右圖模塊:建議選擇608像素×160像素尺寸的圖片;格式為JPG、PNG。
·活動頭圖片模塊:建議選擇640像素×304像素尺寸的圖片;格式為JPG、PNG。
傾斜校正
對于圖片的傾斜校正,就是通過 Photoshop 快速將圖片內容按正確位置進行旋轉,并進行二次裁剪,也就是對寶貝圖片進行二次構圖,具體操作步驟如下。

1.執行菜單命令“文件/打開”或按 Ctrl+O 組合鍵,打開本書配套資源中的“素材文件/第3章/傾斜照片”素材,如圖3-4所示。
2.選擇(裁剪工具)①后,在屬性欄中單擊“拉直”按鈕②,如圖3-5所示。

圖3-4 傾斜照片

圖3-5 選擇并設置工具
3.使用(裁剪工具)在圖片中本應為水平的方向上拖動鼠標,從起點③拖動到終點④,這里可以以海平面作為水平參考,如圖3-6所示。
4.按回車鍵完成對傾斜圖片的校正,如圖3-7所示。

圖3-6 拖動水平線

圖3-7 校正后的圖片
技巧:通過選擇(標尺工具)創建標尺線后,單擊“拉直”按鈕,可以將傾斜的照片校正過來,再使用
(裁剪工具)對其進行裁剪即可。

在拍攝時,由于角度、距離或相機等因素,常常會使圖片中被拍攝的人物或景物產生透視效果,讓人看起來非常不舒服,這時我們只要使用(透視裁切工具)對圖片進行幾步操作就能將其修復,如圖3-8所示。

圖3-8 校正透視
橫幅變直幅
當我們使用數碼相機拍攝時,由于相機沒有自動轉正功能,有時會使輸入電腦中的圖片由直幅變為橫幅,如果將其直接上傳到網店中看起來會很不舒服,從而導致商品的成交率大大下降。此時,利用Photoshop快速將橫幅圖片轉換成直幅圖片即可,轉換方法如下。

1.啟動Photoshop,打開本書配套資源中的“素材/第3章/橫幅圖片”,如圖3-9所示。

圖3-9 素材
2.執行菜單命令“圖像/圖像旋轉”,在子菜單中便可以通過相應命令對其進行更改,如圖3-10所示。

圖3-10 直幅效果

在 Photoshop 中使用“變換”命令對圖片進行旋轉時,圖片的最后顯示高度只能是原圖橫躺時的高度,超出的范圍將不會被顯示,如圖3-11所示。

圖3-11 通過變換旋轉的直幅效果

校正圖片時,應該注意以下幾點:
第一,保持圖片的清晰度,不要將圖片拉伸或扭曲。
第二,寶貝圖片要居中,大小要合適,不能為了突出細節而造成主體過大,這樣會使買家看著不舒服,分不清主次,不能快速了解商品。
第三,寶貝圖片背景不能太亂,要與主體風格相配合。