電商圖片處理基礎-課件 ch01電商圖片處理基礎應用

項目一電商圖片處理基礎應用電商圖片處理基礎01圖像尺寸和方向PARTONE1.圖像大小修改圖像尺寸與修改圖像分辨率的區(qū)別前者是圖像的尺寸被改變，圖像的文件大小被改變，但圖像分辨率不會被改變；后者是圖像的尺寸、文件大小及分辨率都會被改變。圖像大小指的是圖像的尺寸、文件大小和分辨率。圖像尺寸包括圖像的寬度和高度。文件大小即圖像所占內(nèi)存的大小。圖像分辨率是指在圖像存儲的信息中，每英寸圖像內(nèi)有多少個像素點。1.圖像大小實際操作調(diào)整圖像尺寸，可以打開Photoshop，執(zhí)行“圖像”→“圖像大小”命令，打開“圖像大小”對話框，如圖所示，在“寬度”和“高度”文本框中輸入相應數(shù)值，即可對圖像大小進行調(diào)整。2.畫布大小

畫布是指繪制和編輯圖像的工作區(qū)域，畫布大小可以顯示和修改圖像編輯區(qū)域的尺寸大小和新建畫布的尺寸大小，調(diào)整畫布大小可以在圖像四邊增加空白區(qū)域，或者裁剪多余的圖像邊緣。調(diào)整畫布大小的操作步驟步驟一：單擊“文件”菜單，選擇“打開”選項，打開素材。單擊“圖像”菜單，選擇“畫布大小”選項，打開“畫布大小”對話框，如圖所示。在“新建大小”區(qū)域內(nèi)的“寬度”和“高度”文本框中輸入數(shù)值，對畫布大小進行調(diào)整。2.畫布大小

畫布是指繪制和編輯圖像的工作區(qū)域，畫布大小可以顯示和修改圖像編輯區(qū)域的尺寸大小和新建畫布的尺寸大小，調(diào)整畫布大小可以在圖像四邊增加空白區(qū)域，或者裁剪多余的圖像邊緣。調(diào)整畫布大小的操作步驟步驟二：在“畫布大小”對話框中，“相對”復選框是指新的大小尺寸是選擇相對尺寸還是絕對尺寸?！岸ㄎ弧笔怯脕碓O置當前圖像在新畫布上的位置。單擊“定位”九宮格中的向下箭頭，在“畫布擴展顏色”下拉列表中選擇“白色”選項，單擊“確定”按鈕，效果如圖所示。3.裁剪工具裁剪工具是更改圖像尺寸，或者裁切多余部分，將圖像中不需要的地方刪掉，裁剪后圖像尺寸將變小。使用裁剪工具可以自由控制裁剪的大小和位置，在裁剪的同時還可以對圖像進行旋轉、變形、改變圖像分辨率等。步驟一單擊工具箱中的“裁剪工具”，在原本畫面上選中想要裁剪的區(qū)域。將鼠標指針移至裁剪框邊緣或是四角處，可以對裁剪框進行調(diào)整，如圖所示。3.裁剪工具裁剪工具是更改圖像尺寸，或者裁切多余部分，將圖像中不需要的地方刪掉，裁剪后圖像尺寸將變小。使用裁剪工具可以自由控制裁剪的大小和位置，在裁剪的同時還可以對圖像進行旋轉、變形、改變圖像分辨率等。步驟二若要旋轉裁剪框，可以移動鼠標指針到裁剪框的四角處，沿想要旋轉的方向拖動即可，如圖所示。4.透視裁剪工具透視裁剪工具可以糾正圖像由于相機拍攝角度問題造成的畸變，對裁剪范圍進行透視變形和扭曲操作。步驟一

打開素材，如圖所示，通過觀察發(fā)現(xiàn)拍攝者在拍攝時因為角度問題，左右兩邊的高樓產(chǎn)生變形，需要通過透視裁剪工具糾正。步驟二

單擊“透視裁剪工具”，選中整個圖像，觀察到圖像呈正方形格子組合，將左下角的線條往左邊拉出去，使其和左邊的大樓平行，同理操作右邊的線條，使其和右邊的大樓平行，如圖所示，單擊“提交當前裁剪操作”按鈕，效果如圖所示。4.透視裁剪工具步驟三

可以看出拉直的圖片中出現(xiàn)空白，單擊“多邊形套索工具”，將兩處空白區(qū)域選中并右擊，在彈出的菜單中選擇“填充”選項，在彈出的“填充”對話框中，選擇“內(nèi)容”下拉列表的“內(nèi)容識別”選項，如圖所示，單擊“確定”按鈕，得到效果如圖所示。02圖像變換與變形PARTTWO1.自由變換編輯圖層時，常使用的效果是自由變換，通過自由變換可以實現(xiàn)對圖層形態(tài)的改變。單擊“編輯”菜單，選擇“自由變換”選項，或者使用快捷鍵“Ctrl+T”。圖層的周圍出現(xiàn)定界框，可以拖動定界框的控制點完成圖層的自由變換。（1）縮放（放大、縮?。┐蜷_素材，執(zhí)行“編輯”→“自由變換”→“縮放”命令，拖動定界框四角處的控制點，可以進行放大或縮小操作，如圖所示。1.自由變換（2）轉打開素材，執(zhí)行“編輯”→“自由變換”命令，將鼠標指針移至定界框的任意控制點上，當鼠標指針變成可旋轉的弧形雙箭頭后，可以對圖像進行旋轉，如圖1-25所示。（3）斜切打開素材，執(zhí)行“編輯”→“自由變換”命令，在空白處右擊，在彈出的菜單中選擇“斜切”選項，如圖所示，拖動控制點，效果如圖所示。1.自由變換（4）扭曲打開素材，執(zhí)行“編輯”→“自由變換”命令，在空白處右擊，在彈出的菜單中選擇“扭曲”選項，拖動控制點左右扭曲，效果如圖所示，拖動控制點上下扭曲，效果如圖所示。1.自由變換（5）透視打開素材，執(zhí)行“編輯”→“自由變換”命令，在空白處右擊，在彈出的菜單中選擇“透視”選項，拖動某一個控制點就可以產(chǎn)生透視效果，如圖所示。1.自由變換（6）變形打開素材，執(zhí)行“編輯”→“自由變換”命令，在空白處右擊，在彈出的菜單中選擇“變形”選項，拖動網(wǎng)格線或控制點就能進行變形操作，如圖所示。2.內(nèi)容識別縮放當需要調(diào)整圖像的長寬比例，讓背景發(fā)生變化，而前景對象大小不改變時，如果直接用裁剪工具，會裁剪掉許多需要的元素；若直接拉伸圖像會使圖像變形，整體看起來不協(xié)調(diào)。這個時候內(nèi)容識別縮放就派上用場，其在改變圖像的長寬之比時，不但可以保存圖像的各種元素，而且圖像看起來較為協(xié)調(diào)。2.內(nèi)容識別縮放步驟一

打開素材，原圖如圖所示，觀察到畫面上方有較多留白。步驟二

執(zhí)行“編輯”→“內(nèi)容識別縮放”命令，將圖像進行縱向的縮放，效果如圖所示。3.操控變形操控變形是圖像處理中的一個變形用法，可以對圖像進行更豐富的變形操作，將圖像或圖像中的元素進行變形和重新定位。3.操控變形步驟一

打開素材，選中圖層，執(zhí)行“編輯”→“操控變形”命令，在小狗尾巴的位置打上6個圖釘，如圖所示。圖釘是用來約束和移動對象的，單擊即可打上圖釘，其他都是約束點，約束點是約束圖像使之固定的點。步驟二

拖動圖釘進行變形操作，完成后效果如圖所示。4.自動對齊圖層自動對齊圖層命令可以根據(jù)不同圖層中的相似內(nèi)容（如角和邊）自動對齊?？梢灾付ㄆ渲幸粋€圖層作為參考圖層，也可以讓Photoshop自動選擇參考圖層，將其他圖層與參考圖層對齊。5.自動混合圖層自動混合圖層的作用用一種混合方法將多個圖層上的圖像進行視覺上的無縫拼合，使拼合后的圖像獲得無縫、平滑、柔和的過渡效果。步驟一：打開需要的荷花素材，如圖所示。步驟二：執(zhí)行“文件”→“置入嵌入對象”命令，在彈出的“置入嵌入的對象”對話框中，選擇需要的祥云素材，如圖所示，單擊“置入”按鈕，選中該圖層并右擊，在彈出的菜單中選擇“柵格化圖層”選項。5.自動混合圖層步驟三：選中兩個圖層，執(zhí)行“編輯”→“自動混合圖層”命令，在彈出的“自動混合圖層”對話框中選擇“堆疊圖像”選項，如圖所示，單擊“確定”按鈕，最終效果如圖所示。03圖像變換與變形PARTTHREE1.標尺工具

編輯圖層時，常使用的效果是自由變換，通過自由變換可以實現(xiàn)對圖層形態(tài)的改變。單擊“編輯”菜單，選擇“自由變換”選項，或者使用快捷鍵“Ctrl+T”。圖層的周圍出現(xiàn)定界框，可以拖動定界框的控制點完成圖層的自由變換。（1）縮放（放大、縮?。┐蜷_素材，執(zhí)行“編輯”→“自由變換”→“縮放”命令，拖動定界框四角處的控制點，可以進行放大或縮小操作，如圖1-24所示。點擊添加標題請?zhí)鎿Q文字內(nèi)容，點擊添加相關內(nèi)容文字，修改文字內(nèi)容，也可以直接復制你的內(nèi)容到此。養(yǎng)成良好的編程習慣，遵循以下步驟。11.標尺工具

標尺工具可用于查看圖像的距離，并且可以在屬性欄中測量兩點間的距離，還可以查看圖像坐標的位置、大小、角度等信息。使用標尺工具的詳細操作步驟如下。步驟：單擊“視圖”菜單，選擇“標尺”選項，也可以用快捷鍵“Ctrl+R”調(diào)出標尺，標尺的默認單位是厘米。拖動參考線的同時按住“Shift”鍵可以鎖定到最小的刻度。工具箱中的標尺工具如圖所示。2.參考線參考線用于將圖像精確對齊，或者查找圖像及畫布的中心點等。在制作電商圖片時，設計師經(jīng)常需要調(diào)動不同的參考線用于構圖。步驟一

單擊“視圖”菜單，選擇“新建參考線”選項，在彈出的“新建參考線”對話框中，選擇“水平”或“垂直”選項，如圖所示。如果要鎖定參考線可以執(zhí)行“視圖”→“鎖定參考線”命令，或者使用快捷鍵“Ctrl+Alt++”。步驟二

執(zhí)行“視圖”→“清除參考線”命令，就可以清除參考線，或者把參考線拖到畫布以外區(qū)域。顯示或隱藏參考線可以使用快捷鍵“Ctrl+；”，拖動參考線時，按下“Alt”鍵就能在垂直和水平參考線之間切換，如圖所示。3.縮放工具參考線用于將圖像精確對齊，或者查找圖像及畫布的中心點等。在制作電商圖片時，設計師經(jīng)常需要調(diào)動不同的參考線用于構圖。縮放工具可以放大或縮小圖像，便于觀察?？s放工具在工具箱中顯示為“放大鏡”圖標，默認為放大工具，按住“Alt”鍵時