淘寶美工店鋪裝修課件

1、淘寶美工培訓(xùn)教程呦呦鹿鳴 寨美一方 鹿寨電商Photoshop篇目 錄CONTENTS123Photoshop概述Ps應(yīng)用領(lǐng)域Ps界面介紹Ps效果制作圖片調(diào)色寶貝展示圖設(shè)計文字效果Ps工具的基礎(chǔ)使用常用工具介紹去污去水印摳圖動圖效果倒影效果Ps文件存儲格式PART1Photoshop概述Ps應(yīng)用領(lǐng)域Ps界面介紹Ps文件存儲格式Ps應(yīng)用領(lǐng)域美工設(shè)計平面設(shè)計繪畫Ui設(shè)計網(wǎng)頁制作影像后期應(yīng)用領(lǐng)域 美工處理是集平面設(shè)計與網(wǎng)頁設(shè)計一體的，對平面、色彩、基調(diào)等處理 Photoshop應(yīng)用最廣泛的領(lǐng)域，海報、書籍封面、廣告圖等。 插畫師通過鉛筆繪制線稿，利用ps上色方法進行繪制繪畫。 Photoshop有強

2、大的圖像修飾、調(diào)色功能，對照片進行美化、修復(fù)處理。 photoshop是必不可少的網(wǎng)頁圖像制作軟件，需要通過ps制作網(wǎng)頁圖像頁面。 手機上電腦上的軟件圖標也是利用Photoshop進行制作的。Ps界面介紹Ps文件存儲格式Jpeg格式：照片的通常保存格式，最常使用Gif格式：動圖保存的格式。Png格式：具有透明背景。psd格式：ps專用格式保存圖像的每一個數(shù)據(jù)細節(jié)，方便第二次處理。PART2Ps工具的基礎(chǔ)使用常用工具介紹摳圖去污去水印常用工具介紹移動工具選擇工具魔棒及快速選擇工具裁切工具繪圖及修飾工具文本及路徑工具輔助工具移動圖層（圖像），以及調(diào)整照片大小、旋轉(zhuǎn)圖片可以快速地選中圖片，用于摳圖以

3、現(xiàn)有圖形快速選中圖片，用于摳圖裁剪圖像的大小修飾圖像拖動放大縮小畫布摳圖蒙版摳圖選框工具魔棒工具摳圖套索工具色彩范圍快速選擇工具所有的摳圖都是遵從一個原理：將所要摳的圖片載入選區(qū)，選中后復(fù)制出來或把周圍不要的部分刪去。摳圖選框工具矩形橢圓形選框工具摳圖1矩形、橢圓、選框工具如圖所示，矩形和橢圓選框工具選項。按住鼠標左鍵，在畫布中拖動可以創(chuàng)建一個矩形、橢圓、行或列的選區(qū)。2.當(dāng)所要摳取的圖片符合選框工具的形狀時可使用，或裁剪細節(jié)展示時選框工具摳圖選框工具使用步驟1.選擇所需要的選框工具（如圖1所示）2.按下鼠標左鍵，拉出選框工具，并使選框工具與所扣圖像貼合（如圖2所示）3.選好選區(qū)后，松開鼠標，

4、ctrl+j復(fù)制圖像，摳圖完畢（如圖3所示）圖1圖2圖3摳圖套索工具套索、多邊形、磁性套索工具1.普通套索工具一般用于隨意性摳圖，對圖像的要求不是很高時使用；2.邊界是直線的物體，如產(chǎn)品包裝盒、計算機屏幕等在摳圖時可以用“多邊形套索工具”進行方便的處理。3.當(dāng)輪廓邊緣比較明顯時可以用磁性套索工具進行處理；套索工具 摳圖套索工具使用步驟：1.選擇所需要的套索工具2.A.普通套索，按下鼠標左鍵不松開，圈出自己所需選區(qū)（圖1）B.多邊形套索，根據(jù)邊緣狀況點擊鼠標左鍵，直至點完到起點（圖2）C.磁性套索，點一個點作為起點，移動鼠標磁性套索自動貼到邊緣成為選區(qū)。（圖3）3.選好選區(qū)后，松開鼠標，ctrl

5、+j復(fù)制圖像，摳圖完畢圖1 普通磁性套索摳圖圖2 多邊形磁性套索摳圖圖3 磁性套索工具摳圖魔棒及快速選擇工具魔棒工具用于色彩區(qū)分度比較高的圖像使用步驟：1.打開摳像圖片，選擇魔棒工具；2.用魔棒點擊圖像中所需摳取部分，直至覺得滿意為止；3.選好選區(qū)，ctrl+j復(fù)制選區(qū)出來，完成。摳圖魔棒及快速選擇工具快速選擇工具使用比較普遍，對于圖像的摳取要求不是很高時可以快速地選取摳像使用步驟：1.打開摳像圖片，選擇快速選擇工具；2.按住鼠標左鍵用快速選擇工具選取圖像中所需摳取部分；3.選好選區(qū)，ctrl+j復(fù)制選區(qū)出來，完成。摳圖色彩范圍摳圖當(dāng)我們要摳一張背景不是純色有漸變又不好用魔棒工具的時候我們可以

6、用色彩范圍使用步驟：1.菜單欄“選擇”“色彩范圍”，找到色彩范圍；2.彈出一個對話框，用吸管點擊要刪除的區(qū)域；摳圖色彩范圍摳圖3.對話框中的白色部分就是選區(qū)范圍4.按下確定之后，得到一個選區(qū)5.按下delete鍵，刪除不要部分或ctrl+shift+i反選選區(qū)，ctrl+j將摳取區(qū)域復(fù)制出來。去污去水印內(nèi)容識別仿制圖章污點修復(fù)工具仿制圖章工具是photoshop軟件的工具，用來復(fù)制取樣的圖像。它能夠按自己需要仿制的區(qū)域復(fù)制全部或者部分到你所需要蓋印的區(qū)域中。自動分析周圍圖像的特點，將圖像進行拼接組合后填充在該區(qū)域并進行融合，從而達到快速無縫的拼接效果污點修復(fù)畫筆工具是Photoshop中處理照

7、片常用的工具之一。利用污點修復(fù)畫筆工具可以快速移去照片中的污點和其他不理想部分。去污去水印內(nèi)容識別應(yīng)用內(nèi)容識別快速去掉圖片中的水印去污去水印內(nèi)容識別步驟：1、選擇選框工具，對要去掉的地方進行有限度的框選；2、在選區(qū)內(nèi)右鍵（快捷鍵：shift+f5）選擇填充；3、在彈出的對話框選擇內(nèi)容識別，按確定。去污去水印污點修復(fù)畫筆工具步驟：1、選擇污點修復(fù)畫筆工具；2、用畫筆點一下有污點的地方；3、污點修復(fù)之后效果圖。去污去水印仿制圖章工具步驟：1、選擇仿制圖章工具；2、按住alt鍵+鼠標左鍵對要進行復(fù)制的地方進行仿制；3、將仿制的圖像涂抹在要蓋印的地方（以上的圖要去掉周邊的圖要吸取任務(wù)周邊的圖像）；（注

8、意：對于較復(fù)雜的圖像，要用一個選區(qū)的輪廓進行輔助）PART3Ps效果制作圖片調(diào)色文字效果寶貝展示圖設(shè)計倒影效果動圖效果圖片調(diào)色為什么調(diào)色？拍出來的照片在一定程度上會有些不夠明艷，或者因為拍攝時候光線不夠，這時候調(diào)色就可以彌補這些照片拍攝前期的不足，調(diào)色也就是美化照片。調(diào)色所涉及到的ps工具：1.調(diào)節(jié)亮度、對比度工具A.亮度/對比度B.色階工具C.曲線工具D.曝光度2.調(diào)節(jié)照片顏色、鮮艷度A.自然飽和度B.色相/飽和度C.色彩平衡圖片調(diào)色曝光度只能調(diào)整圖像的亮度，左調(diào)亮度壓低，右調(diào)亮度調(diào)高。向上提曲線面板上的對角線的中間點使圖像變亮，向下拉對角線的中間點圖像會變暗。向上提對角線的左下角圖像左下角

9、部分變亮，向下則變暗；向上提對角線的右上角圖像右上角部分變亮，向下則變暗。色階是表示圖像中從暗到亮像素的分布情況，可以調(diào)整圖片的亮度。移動左邊的黑色小三角黑色信息增加，右邊的白色小三角白色信息增加，中間灰色小三角向左移動圖像變亮，向右移動變暗。亮度/對比度顧名思義就是調(diào)整圖像的亮度對比度，上為亮度調(diào)整，下為對比度調(diào)整。撥動中間的小三角形符號便可調(diào)節(jié)亮度/對比度，左調(diào)亮度壓低/對比度降低，右調(diào)亮度調(diào)高/對比度提高。亮度/對比度色階曲線曝光度圖片調(diào)色案例圖片曝光不足，亮度不夠，可以利用亮度/對比度、曝光度、色階、曲線中的其中一種方法進行亮度調(diào)節(jié)。用色階調(diào)節(jié)之后的效果圖圖片調(diào)色色彩平衡的調(diào)節(jié)需要一定

10、的色彩基礎(chǔ)知識，色彩平衡分為青色、洋紅、黃色三部分調(diào)節(jié)，根據(jù)色彩的互補原理調(diào)節(jié)三類顏色會使原圖像色彩發(fā)生變化，不懂色彩原理可以慢慢調(diào)節(jié)摸索調(diào)節(jié)直至自己滿意為止?！吧?飽和度”工具與自然飽和度一樣是調(diào)整顏色的濃淡。但它是在色相基礎(chǔ)上調(diào)整的，首相色相的左右滑動會使圖像原來的顏色發(fā)生變化，而飽和度和自然飽和度一樣向左調(diào)變淡，向右調(diào)變濃。明度是調(diào)節(jié)圖像色彩的明暗程度。自然飽和度是用來調(diào)整顏色的鮮艷程度的，分為自然飽和度和飽和度。自然飽和度是在自然的基礎(chǔ)上對色彩濃淡微調(diào)，飽和度比自然更濃厚。向左調(diào)變淡，向右調(diào)變濃。自然飽和度色相/飽和度色彩平衡圖片調(diào)色案例圖片色彩不夠鮮艷，可以利用自然飽和度、色相飽和

11、度中的其中一種方法進行色彩濃度調(diào)節(jié)。用自然飽和度調(diào)節(jié)之后的效果圖文字效果文字工具文字工具 如何使用文字編輯器，文字字體選擇、文字大小調(diào)整、文字顏色等等文字與路徑文字漸變文字投影文字圖案文字漸變 如何利用漸變工具對文字做漸變效果文字投影 文字投影效果的制作文字圖案 利用剪貼蒙版為文字做圖案效果文字與路徑 如何利用路徑工具為文字制作曲線效果文字效果文字工具Ps中打開文字工具可以編輯橫版、豎版文字，也可以編寫文字蒙版在圖層上編輯文字，在字符面板中可以對文字進行大小、顏色、間距等參數(shù)調(diào)節(jié)字體類型選擇字體大小調(diào)節(jié)字體顏色選取 字體的特殊調(diào)節(jié)字體粗細改變行間距調(diào)節(jié)字間距調(diào)節(jié)文字效果文字漸變Ps中打開漸變工

12、具1.在圖層面板創(chuàng)建新圖層（空白圖層）2.文字工具選擇橫板蒙版工具3.編輯文字，按確定出現(xiàn)文字選區(qū)4.點擊漸變工具，在空白圖層中，在頁面選區(qū)上從左到右拉一條直線，制作漸變效果5.漸變效果圖文字效果文字投影1.選中所需做投影效果的圖層2.在圖層面板中點擊添加圖層樣式指令3.選擇投影效果混合模式不動，默認調(diào)節(jié)投影透明度調(diào)節(jié)投影方向調(diào)節(jié)投影與文字的距離調(diào)節(jié)投影范圍大小調(diào)節(jié)投影硬軟程度4.調(diào)整投影效果參數(shù)5.調(diào)整好投影效果參數(shù)后按確定，得到效果圖文字效果文字圖案1.選擇一張為文字做背景圖案的圖片，并移入到文字所在工作區(qū)域內(nèi)“文件”“置入”，置入文字背景圖案的圖片2.置入圖片后，鼠標右鍵點擊圖片圖層注意

13、：圖片圖層必須在文字圖層之上3.選擇創(chuàng)建圖層蒙版4.文字圖案效果完成文字效果文字與路徑Ps中打開路徑工具1.用鋼筆工具在工作區(qū)域中建立鋼筆路徑2.打開文字工具，將鼠標移動到路徑上，編輯文字3.文字將會在根據(jù)路徑形狀走勢建立文字，此為完成效果圖寶貝展示圖設(shè)計寶貝展示圖設(shè)計主要分為以下幾種：1.直接以產(chǎn)品圖作為寶貝第一張展示圖，不做任何文字修飾2.以產(chǎn)品圖作為寶貝第一張展示圖，加以店鋪名字logo修飾3.產(chǎn)品照片+店鋪名logo+商品、促銷文字修飾培訓(xùn)以第三種設(shè)計作為舉例效果制作寶貝展示圖設(shè)計一.店鋪名文字制作二.寶貝描述文字制作三.促銷文字制作一.店鋪名文字制作1.用文字工具編輯店鋪名字，選擇合

14、適的字體類型，最好用已設(shè)計好的店鋪名logo2.用選框工具，拉出一個合適的矩形框，新建一個圖層，在新圖層上ctrl+F5填充顏色一個合適的顏色。3.將文字顏色從黑色改成白色。店鋪名文字制作完成。寶貝展示圖設(shè)計二.寶貝描述與促銷文字制作1.用文字工具編輯好產(chǎn)品描述文字，選擇合適的字體類型，字體大小、顏色，排版文字2.在圖層面板，ctrl+鼠標左鍵點擊圖層縮略圖，得到圖層輪廓選區(qū)（寨美鮮橙螞蟻線）3.“選擇”“修改”“擴展”，將選區(qū)范圍擴大，擴大量根據(jù)自己文字大小選擇，此處我選擇為5像素。寶貝展示圖設(shè)計4.在圖層面上新建圖層，在新圖層上按shift+F5填充文字背景顏色，其他文字按2、3、4步驟依

15、次制作。5.完成所有文字背景之后得左圖，然后將文字顏色更改以區(qū)分的顏色，此處改成白色。6.用多邊形套索工具勾勒輪廓，以便下一步為文字做背景修飾7.打開畫筆工具，將前景色更改為文字一樣的背景顏色寶貝展示圖設(shè)計8.用畫筆工具在選區(qū)內(nèi)進行涂抹9.ctrl+d取消選區(qū)，得效果圖三.寶貝促銷文字制作1.打開路徑圖形工具，選擇圓角矩形工具，并設(shè)置好參數(shù)，選擇賀壽填充顏色2.得到一個帶顏色的圓矩形框?qū)氊愓故緢D設(shè)計3.將促銷文字編輯好4.用移動工具將文字移動圓矩形上，完成得最終效果圖動圖效果1.新建一空白圖層，將文字一個個打出來2.將所有圖層全選中，選擇移動工具得垂直居中對齊、水平居中分布方式快速使圖層排列整

16、齊（如上圖）動圖效果3.“窗口”“時間軸”，打開時間軸窗口命令4.彈出時間軸窗口，點擊創(chuàng)建幀動畫5.多少張動畫圖層創(chuàng)建多少張幀動畫復(fù)制幀動畫按鈕6.除所需出現(xiàn)的圖層，其他圖層的眼睛給關(guān)掉，依次按順序打開各個圖層眼睛動圖效果7.設(shè)置動圖的每一張圖層動畫播放時間8.存儲方式選擇存儲為web所用格式動圖效果9.選擇gif，點擊存儲10.得到效果圖倒影效果 鏡面倒影陰影倒影倒影效果鏡面倒影1.利用快速選擇工具將橙子快速摳取，ctrl+j兩次復(fù)制兩個新圖像。2.”編輯“”變換“”垂直翻轉(zhuǎn)“，對圖層1進行垂直翻轉(zhuǎn)。倒影效果鏡面倒影3.翻轉(zhuǎn)后，利用移動工具將圖層1移動到如上圖所示。4.打開橡皮擦工具，設(shè)置參數(shù)，畫筆選擇軟畫筆，不透明度、流量值調(diào)低，對圖層1進行擦拭。5.鏡像倒影效果完成。倒影效果陰影倒影1.和鏡面倒影一樣，利用快速選擇工具將