PS淘寶店鋪?zhàn)髠?cè)裝飾圖片裝修教程(5)

　　開(kāi)淘寶店最重要的就是店鋪裝修，再好的產(chǎn)品沒(méi)有好的店面也是沒(méi)用，縱觀所有皇冠級(jí)別的淘寶店鋪，其店面裝飾都非常的漂亮，開(kāi)淘寶店做店鋪裝修就兩種方案，一種花錢請(qǐng)人，一種自己做，本系列教程是專門針對(duì)想自己進(jìn)行淘寶店鋪裝修而制作的PS教程，本例以常見(jiàn)的淘寶店鋪?zhàn)髠?cè)裝飾圖片的制作進(jìn)行演示，有興趣的朋友可以一試!

　　動(dòng)態(tài)效果圖

　　靜態(tài)效果圖

　　原圖一：支付寶官方圖標(biāo)

　　原圖二：支付寶消保官方圖標(biāo)

　　1、淘寶左側(cè)裝飾圖片一般都是寬度為160像素大小，我們新建一個(gè)160*320的空白文檔(本例采用photoshop CS5制作，其它版本通用)，如下圖所示：

　　2、首先我們來(lái)制作一下背景，從審美角度來(lái)講，背景盡量不要采用單擊的顏色填充，那樣即單調(diào)又不好看，一般都采用淺色漸變，單擊選擇“漸變工具”，如下圖所示：

　　3、選擇漸變工具后，單擊菜單欄下方的“漸變編輯器”進(jìn)行漸變色編輯，如下圖所示：

　　4、彈出漸變編輯器后，可以通過(guò)雙擊各個(gè)“色標(biāo)”進(jìn)行顏色設(shè)置，如下圖所示：

　　5、在彈出的“選擇色標(biāo)顏色”框中可以選擇你想要的顏色，一般背景都以淺色系為主，本例選擇如下圖所示：

　　6、選擇顏色后效果如下圖所示，如果要添加色標(biāo)可以用鼠標(biāo)在要添加色標(biāo)的位置單擊即可。

　　7、設(shè)定好漸變色之后，單擊選擇“徑向漸變”類型，如下圖所示：

　　8、用設(shè)定好的漸變色在空白文檔中從中心點(diǎn)向左下角拖出一條直線進(jìn)行漸變填充，如下圖所示：

　　9、接下來(lái)進(jìn)行文字輸入，單擊選擇“橫排文字工具”，設(shè)置你想要的字體及大小，如下圖所示：

　　10、設(shè)定好字體后，在文檔中單擊即可進(jìn)入文字編輯狀態(tài)，輸入相應(yīng)的文字，如下圖所示：

　　11、接建一個(gè)圖層1，用矩形選框拖出一個(gè)選區(qū)，如下圖所示：

　　12、選擇漸變工具，設(shè)置如下漸變色，間的色標(biāo)顏色偏淺，兩頭偏暗：

　　13、設(shè)置漸變類型為“線性漸變”，用設(shè)置好的漸變對(duì)矩形選框進(jìn)行填充，從上往下拉出一條直線即可，效果如下圖所示：

　　14、接下來(lái)制作內(nèi)嵌形狀，這里先采用“矩形工具”，如下圖所示：

　　15、在之前矩形選區(qū)的靠右內(nèi)部的位置拉出一個(gè)矩形路徑，如下圖所示：

　　16、單擊選擇“添加錨點(diǎn)工具”，如下圖所示：

　　17、在矩形路徑的左邊中心位置單擊一下添加一個(gè)點(diǎn)，按住Ctrl鍵，鼠標(biāo)左鍵拖動(dòng)添加的點(diǎn)向右適當(dāng)移動(dòng)，如下圖所示：

　　18、在矩形路徑上單擊右鍵選擇“建立選區(qū)”，設(shè)置羽化半徑為0，得到如下選區(qū)：

　　19、新建一個(gè)圖層2，設(shè)置前景色為灰色，然后用油漆桶進(jìn)行填充，如下圖所示：

　　20、將圖層2的眼睛暫時(shí)點(diǎn)掉，保留選區(qū)，單擊選中圖層1，然后按Del鍵將圖層1中選區(qū)的內(nèi)容刪除，如下圖所示：

　　21、選擇菜單“圖層->圖層樣式->投影”設(shè)置圖層1的陰影效果，設(shè)置如下圖所示：

　　22、將圖層2的眼睛點(diǎn)上并單擊選中圖層2，選擇菜單“圖層->圖層樣式->斜面和浮雕”，具體設(shè)置及效果如下圖所示：

　　23、接下來(lái)輸入相應(yīng)的文字，本例輸入“皇冠”和“信譽(yù)”，分為兩個(gè)圖層，對(duì)信譽(yù)適當(dāng)設(shè)置一下投影效果，如下圖所示：

　　24、接下來(lái)制作皇冠，這里我們采用簡(jiǎn)單的“自定形狀工具”中的皇冠，如下圖所示：

　　25、在文檔中拉出一個(gè)皇冠的形狀，如下圖所示：

　　26、單擊進(jìn)入樣式面板，如果找不到樣式面板可以通過(guò)菜單“窗口->樣式”打開(kāi)，單擊選擇一種你想要的樣式，樣式可以通過(guò)單擊樣式窗口右上角的黑色三角形彈出的下拉菜單中選擇“Web樣式”，如下圖所示：

　　27、接下來(lái)制作“消保保證”牌子，新建一個(gè)圖層3，用矩形選框拉出一個(gè)矩形框，如下圖所示：

　　28、單擊選擇漸變工具，設(shè)置如下漸變色：

　　29、從矩形選框的上方向下方拉出一條直線進(jìn)行漸變填充，效果如下圖所示：

　　30、打開(kāi)原圖二的消保保證官方圖標(biāo)，用移動(dòng)工具將其拖入文檔生成圖層4，并設(shè)置其圖層混合模式為“正片疊底”，效果如下圖所示：

　　31、接著再輸入相應(yīng)的說(shuō)明文字，如“消保保證”、“七天無(wú)理由退貨”等，適當(dāng)設(shè)置字體的類型、大小及顏色，如下圖所示：

　　32、接著再打開(kāi)原圖一支付寶官方圖標(biāo)，同樣將其拖入文檔生成圖層5并設(shè)置圖層混合模式為“正片疊底”，適當(dāng)調(diào)整大小及位置，效果如下圖所示：

　　33、最后來(lái)制作一下移動(dòng)的光線，這個(gè)在動(dòng)態(tài)的裝飾圖片中經(jīng)常用到，新建一個(gè)圖層6，單擊選擇“矩形選框”工具，拉出如下所示的矩形選框：

　　34、按住Shift鍵，相隔一定距離后再拉出一個(gè)大一些的矩形，可根據(jù)需要多拉一兩個(gè)，如下圖所示：

　　35、用白色對(duì)選區(qū)進(jìn)行填充，效果如下圖所示：

　　36、按Ctrl+T鍵進(jìn)行自由變換，將光線進(jìn)行如下所示旋轉(zhuǎn)：

　　37、應(yīng)用自由變換后，將光線移動(dòng)到左上角，并設(shè)置圖層6的不透明度為36%左右，如下圖所示：

　　38、單擊選擇菜單“窗口->動(dòng)畫(huà)”，在彈出的動(dòng)畫(huà)窗口中單擊“復(fù)制所選幀”生成幀2，如下圖所示：

　　39、單擊選中第2幀，利用移動(dòng)工具將圖層6的光線移動(dòng)到右下角，一直到看不到白色光線為止，如下圖所示：

　　40、單擊選中第1幀，再單擊“過(guò)渡動(dòng)畫(huà)幀”，如下圖所示：

　　41、在彈出的“過(guò)渡”設(shè)置窗口中，設(shè)置要添加的幀數(shù)為3，如下圖所示：

　　42、確定過(guò)渡設(shè)置后就會(huì)發(fā)現(xiàn)新增加了3幀的過(guò)渡幀，可以按下方的播放按鈕進(jìn)行動(dòng)畫(huà)預(yù)覽，最好將第5幀的間隔時(shí)間設(shè)置為2秒或以上，這樣效果會(huì)更好，另外要想保存為gif動(dòng)畫(huà)，必需通過(guò)菜單“文件->存儲(chǔ)為Web和設(shè)備所用格式”，在彈出的設(shè)置框中，確保類型為gif，然后單擊“存儲(chǔ)”進(jìn)行保存即可。本例的淘寶店鋪裝修教程到此為此，這里只不過(guò)以一個(gè)個(gè)案例子來(lái)說(shuō)明，創(chuàng)意和美感都需要才期的學(xué)習(xí)和努力，本教程只是起到拋磚引玉的作用，有興趣的讀者可以自行擴(kuò)展應(yīng)用。