跨境電商視覺(jué)營(yíng)銷(xiāo)：視覺(jué)圖片處理

視覺(jué)圖片處理2了解Photoshop的基本功能和操作工具認(rèn)識(shí)Photoshop圖層了解怎樣控制圖像的色彩和色調(diào)了解路徑、通道和蒙版的使用知識(shí)目標(biāo)3能夠掌握Photoshop的基本操作及圖層的應(yīng)用能夠使用鋼筆工具摳圖，靈活使用路徑和蒙版能夠綜合運(yùn)用軟件，完成視覺(jué)圖片的處理能夠用多種方式制作跨境電商網(wǎng)站的主圖技能目標(biāo)43-1Photoshop入門(mén)大家熟知的圖片處理軟件有哪些？美圖秀秀輕顏相機(jī)黃油相機(jī)Foodie......認(rèn)識(shí)PhotoshopAdobePhotoshop，簡(jiǎn)稱(chēng)“PS”，是由AdobeSystems開(kāi)發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。/video/BV1BD4y127r7?from=search&seid=2597681153452359797PS的歷史主要顏色模式RGB模式：由紅、綠、藍(lán)三原色組合而成CMYK模式（青、洋紅、黃、黑色）：印刷模式，占內(nèi)存；影響濾鏡使用Bitmap（位圖）模式：黑白雙色，占空間最小Grayscale（灰度）模式：黑白圖像圖像格式1.Photoshop(*.PSD;*.PDD)2.JPEG(*.JPG;*.JPEG;*.JPE)3.GIF(*.GIF)4.PNG(*.PNG;*.PNS)圖像類(lèi)型1.矢量式圖像使用直線和曲線來(lái)描述的圖形，構(gòu)成這些圖形的元素是一些點(diǎn)、線、矩形、多邊形、圓和弧線等，具有編輯后不失真的特點(diǎn)。2.位圖式圖像是由稱(chēng)作像素（圖片元素）的單個(gè)點(diǎn)組成的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。當(dāng)放大位圖時(shí)，可以看見(jiàn)賴(lài)以構(gòu)成整個(gè)圖像的無(wú)數(shù)單個(gè)方塊。位圖與矢量圖的區(qū)別分辨率分辨率是指在單位長(zhǎng)度內(nèi)所含有的點(diǎn)（像素）的多少。常用分辨率設(shè)置：洗印照片，300或以上雜志、名片等印刷物，300海報(bào)高清寫(xiě)真，96-200網(wǎng)絡(luò)圖片、網(wǎng)頁(yè)界面，72大型噴繪，25-50操作界面菜單欄標(biāo)題欄屬性欄工具箱圖像窗口控制面板3-2基本操作和圖層基本操作新建圖像保存圖像打開(kāi)圖像置入圖像縮放工具Ctrl+NCtrl++/-文件→置入Ctrl+OShift+Ctrl+SCtrl+S圖層學(xué)習(xí)Step1圖層面板介紹：圖層鎖定和解鎖圖層類(lèi)別P98-P99隱藏和顯示圖層，用Alt+眼睛隱藏選定圖層以外所有圖層圖層學(xué)習(xí)Step24.創(chuàng)建普通圖層四種方法：（1）右下角創(chuàng)建新圖層（2）Alt鍵+右下角創(chuàng)建新圖層（3）圖層菜單欄新建圖層（4）快捷鍵Ctrl+Shift+N5.修改圖層混合模式和名稱(chēng)6.移動(dòng)圖層（Ctrl+[、Ctrl+Shift+[）7.刪除圖層圖層學(xué)習(xí)Step38.復(fù)制圖層（1）選定原圖層拖動(dòng)至右下角創(chuàng)建新圖層（2）Alt鍵+拖拽原圖層（3）圖層菜單欄復(fù)制圖層（4）快捷鍵Ctrl+J圖層學(xué)習(xí)Step4圖層學(xué)習(xí)Step59.圖層縮覽圖大小編輯：圖層面板選項(xiàng)圖層練習(xí)使用素材：柯南.jpg;足球.jpg以及Photoshop，仿照柯南踢足球.jpg組合圖層，完成一幅完整的圖像。3-3圖像裁剪與大小更改

圖像裁剪與大小更改Step1圖像→畫(huà)布大小Step2圖像→圖像大小圖像尺寸、分辨率會(huì)影響圖像所占內(nèi)存Step3練習(xí)

圖像→裁切1.四六級(jí)報(bào)名照片尺寸260×378像素，請(qǐng)按照該要求幫易烊千璽調(diào)整照片尺寸；2.一寸照片尺寸2.5×3.5cm，請(qǐng)按照該要求幫劉昊然調(diào)整照片尺寸；3.兩寸照片尺寸3.5×5.3cm，請(qǐng)按照該要求幫周也調(diào)整照片尺寸；圖像裁剪與大小更改Ebay速賣(mài)通亞馬遜最小、最大尺寸分別為500×500像素和9000×9000像素，占用空間不超過(guò)5MB像素必須大于800*800，尺寸為正方形（1:1）圖片最長(zhǎng)邊必須至少為1000像素，圖片最短的邊長(zhǎng)不能低于500像素，圖像的橫向和縱向比例是1:1.3請(qǐng)同學(xué)們根據(jù)三個(gè)購(gòu)物網(wǎng)站要求，【分別】對(duì)包.jpg進(jìn)行編輯，將三張圖片重命名為Ebay、速賣(mài)通、亞馬遜，放入由自己名字命名的文件夾內(nèi)提交至伽卡。移動(dòng)工具M(jìn)ovetools3-4將選中圖層的圖像拖拽至另一窗口中將選中圖層的圖像拖拽至另一窗口中并排列于原始位置（按住Shift鍵）多窗口圖像移動(dòng)2829練習(xí)1：將柯南的足球移動(dòng)至原圖的位置30練習(xí)2：當(dāng)新文檔（排球）和原文檔（柯南）尺寸不同時(shí)，按住Shift鍵后拖拽會(huì)發(fā)生什么？拓展：建立選區(qū)之后再進(jìn)行相同操作會(huì)發(fā)生什么？31選中圖層后觀察能移動(dòng)全部圖像還是單個(gè)圖像？→切換圖層或右鍵切換或Ctrl鍵快速切換（Ctrl鍵能快速切換至移動(dòng)工具）（嘗試一下Alt鍵和Shift鍵的作用）→移動(dòng)工具屬性欄自動(dòng)選擇→鼠標(biāo)選框多選可控圖像移動(dòng)工具屬性欄選擇組/圖層→設(shè)置圖層組→顯示變換控件32練習(xí)3：調(diào)整Pokemon的大小和位置，用不同對(duì)齊方式進(jìn)行對(duì)齊放置（1）底對(duì)齊+按左分布（2）頂對(duì)齊+水平居中分布（3）你個(gè)人喜歡的對(duì)齊方式選區(qū)的建立3-534選區(qū)的創(chuàng)建（快捷鍵M）、刪除（點(diǎn)擊選區(qū)外部或Ctrl+D）、恢復(fù)（Ctrl+Shift+D)選框工具屬性欄四種模式嘗試一下：按住Shift鍵拉選區(qū)會(huì)發(fā)生什么？按住Alt鍵，從坐標(biāo)中心點(diǎn)拉選區(qū)會(huì)發(fā)什么？松開(kāi)Alt鍵呢？同時(shí)按住Shift和Alt鍵呢？按住Ctrl鍵呢？35選區(qū)的功能：摳圖分割上色（羽化）......36練習(xí)1：用矩形選框工具分割圖形，例：37練習(xí)2：用矩形選框工具和羽化功能給海綿寶寶上腮紅選區(qū)屬性3-639熟悉選區(qū)屬性欄：消除鋸齒、樣式嘗試一下橢圓、單行、單列選框工具40時(shí)常會(huì)遇到復(fù)雜選區(qū)，如何存儲(chǔ)已經(jīng)完成的選區(qū)？——右鍵存儲(chǔ)/導(dǎo)入選區(qū)Tip：選區(qū)可以在不同窗口之間移動(dòng)，方式和圖層相同。41套索與魔法工具3-742自由套索工具多邊形套索工具（撤回和快速閉合）兩者的區(qū)別有？練習(xí)：用以上兩種套索工具完成圖片天空的變換43磁性套索工具：屬性欄練習(xí)：摳出小黃人選區(qū)44魔棒工具——背景顏色單一色彩范圍選擇——背景顏色單一且與畫(huà)面差別大快速選擇工具三種方式的使用場(chǎng)景分別是什么？45作業(yè)1：用套索工具摳出天空并用sky.jpg替代作業(yè)2：用自己的方式摳出怪獸.jpg的中間兩個(gè)怪獸并替換為背景universe.jpg，見(jiàn)作業(yè)樣圖.jpg兩項(xiàng)作業(yè)獨(dú)立完成，以psd格式進(jìn)行保存，并上傳至課堂派作業(yè)區(qū)。46鋼筆工具、路徑和蒙版3-847鋼筆工具建立路徑用轉(zhuǎn)換點(diǎn)工具、路徑選擇工具和直接選擇工具改變路徑將路徑轉(zhuǎn)換為選區(qū)（Ctrl+Enter）路徑48注意：路徑是矢量圖形！?。。?！

操作中要與像素圖區(qū)分開(kāi)練習(xí)1：用鋼筆工具畫(huà)出一個(gè)蘋(píng)果。練習(xí)2：用鋼筆工具摳出汽車(chē)。51新建蒙版用Shift隱藏和取消隱藏蒙版蒙版練習(xí)3：用鋼筆工具摳出戒指并改變圖片背景色。53摳圖與修邊3-954用調(diào)整邊緣工具摳頭發(fā)圖層菜單欄修邊去邊工具55練習(xí)2：完成人像的摳圖，并添加上任意黑色以外背景尤其注意頭發(fā)的處理56練習(xí)2：用調(diào)整邊緣功能完善上次作業(yè)，并提交至伽卡。57修復(fù)工具3-1058模糊、銳化、涂抹工具（醫(yī)生.jpg）*對(duì)圖片的模糊、銳化和涂抹處理都是不可逆的！減淡、加深、海綿工具59仿制圖章工具（企鵝.jpg）*仿制圖章工具可以跨文檔進(jìn)行60修復(fù)畫(huà)筆工具修復(fù)畫(huà)筆工具和仿制圖章工具的區(qū)別是什么？污點(diǎn)修復(fù)畫(huà)筆工具試試用污點(diǎn)修復(fù)畫(huà)筆工具去掉小女孩的雀斑（小女孩.jpg）修補(bǔ)工具移動(dòng)&擴(kuò)展613-11調(diào)色631.用飽和度、色相、對(duì)比度、亮度調(diào)色Ctrl+U調(diào)節(jié)圖像飽和度、亮度和色相圖像→

模式→

灰度，僅保留K通道觀察圖像亮度根據(jù)你們的觀察，用對(duì)比度、亮度和色相調(diào)色有什么局限性？642.用調(diào)整圖層調(diào)色修改調(diào)色：調(diào)整圖層653.用色階調(diào)色?。–trl+L）黑場(chǎng)、灰場(chǎng)、白場(chǎng)6667*4.用曲線調(diào)色（Ctrl+M