先看一下面的一張圖，以前我也很羨慕大賣家的這種裝修，別急我們新手也可以做到。

一 淘寶網(wǎng)店首頁(yè)的裝修

(1)打開(kāi)PS CS5其他版本也可以，新建一個(gè)圖層寬1440以上高度任意設(shè)置，我現(xiàn)在設(shè)置的是1440和300的 命名為圖層1，填充為想要的顏色。

(2)淘寶規(guī)定首頁(yè)大圖基本上寬950PX的高度任意，我們算一下怎么能把1440PX以上的怎么做成950PX的，告訴大家一個(gè)小公式：1440-950=490 490/2=245 接下來(lái)新建一個(gè)新圖層245*300命名為圖層2，填充顏色任意色，把圖層2拖到圖層一中以后再?gòu)?fù)制圖層2命名為圖層3，如圖設(shè)置好

把你想要做的素材加進(jìn)去如圖

(3)在菜單下選擇視圖-標(biāo)尺新建兩個(gè)參考線如圖，選擇工具欄里的裁剪工具或快捷鍵C

裁剪的選區(qū)做好按下Enter鍵 一個(gè)，這一步目的是建立950*300的圖片命名為圖層4，做如下圖

這樣就做好啦 存儲(chǔ)成WEB和設(shè)備所以格式，上傳到淘寶空間里。

(4)接下來(lái)我們來(lái)做下面這個(gè)圖

在圖層4的基礎(chǔ)上后退一步，用矩形工具建立選區(qū)填充白色

得到下圖

把兩邊的圖層刪除2和3得到下面命名為圖層5

存儲(chǔ)即可

(3)登陸淘寶我是賣家-店鋪管理-店鋪裝修-模板-背景設(shè)置-頁(yè)面背景設(shè)置-選擇不平鋪-居中把圖層5在背景圖片上傳注意在100KB以內(nèi)點(diǎn)擊保存接下來(lái)在首頁(yè)裝修選擇自定義頁(yè)面把圖層4就是你上傳到淘寶圖片加上鏈接即可.

二 摳圖

論壇里好多前輩們講了好多摳圖的方法，例如魔術(shù)棒 背景橡皮擦 鋼筆 通道等摳圖的方法，但是我常用的摳圖方法是快速選擇工具，在用調(diào)整邊緣，這種方法摳圖效率是很快的啊 ，這是PS CS5的新功能

1 打開(kāi)一張圖片如圖

找到快速選擇工具或快捷鍵W 在人物身上拖動(dòng)得到選區(qū)如下

這個(gè)選區(qū)已經(jīng)很不錯(cuò)啦 如果多選或是沒(méi)選到可以用下面的工具進(jìn)行調(diào)整見(jiàn)下圖

有一個(gè)帶+號(hào)的是增加選區(qū) –號(hào)的可以減小選區(qū)進(jìn)行調(diào)整，做好以后點(diǎn)擊調(diào)整邊緣會(huì)出現(xiàn)下面一個(gè)對(duì)話框

在這個(gè)對(duì)話框中有四個(gè)部分 分別是 視圖模式 邊緣檢測(cè) 調(diào)整邊緣 輸出

現(xiàn)在分別說(shuō)一下他們的用途 視圖模式是用來(lái)觀察你摳圖在幾個(gè)背景下的摳圖效果

邊緣檢測(cè)里面 有個(gè)智能半徑是用來(lái)調(diào)整區(qū)域大小的 在他的上方有個(gè)像畫(huà)筆一樣的標(biāo)準(zhǔn)里面有兩個(gè)工具，一個(gè)是調(diào)整半徑工具和抹除半徑工具。一個(gè)圖的質(zhì)量扣的好不好 主要在這兩個(gè)工具的應(yīng)用，調(diào)整半徑工具是用來(lái)擦出邊緣的一些雜色，抹除半徑工具是用來(lái)調(diào)整被調(diào)整工具擦出掉的進(jìn)行還原，具體操作一下就能感受到啦，

調(diào)整邊緣：里羽化和平滑等四個(gè)工具可以根據(jù)時(shí)間情況進(jìn)行調(diào)整。

輸出：里面有個(gè)凈化背景色 ，讓摳圖的邊緣更能自然的過(guò)度，一般輸出;都選擇新建帶有圖層蒙版的圖層 這樣方便調(diào)整。等等很簡(jiǎn)單只要操作一下就行啦。

三 PS排版如圖

這是我的排版大家可以隨便排 排好以后就是給這些圖片加鏈接，把上面的圖片上傳到淘寶空間，打開(kāi)Dreamweaer8 大家別擔(dān)心自己不會(huì)這個(gè)軟件我也不太會(huì)，就會(huì)這一點(diǎn)就能應(yīng)付淘寶店鋪簡(jiǎn)單的裝修就行啦。

打開(kāi)以后會(huì)出現(xiàn)一個(gè)這樣的頁(yè)面選擇HTML這個(gè)會(huì)出現(xiàn)這個(gè)頁(yè)面

選擇設(shè)計(jì)會(huì)出下面的頁(yè)面

在上面菜單中選擇插入——圖像 會(huì)出現(xiàn)這個(gè)頁(yè)面

在URL這個(gè)是圖片地址 在淘寶空間剛剛上傳的那個(gè)圖片里復(fù)制鏈接點(diǎn)一下，在URL中全選粘貼以后，其他的都不要問(wèn)點(diǎn)擊確定

會(huì)出現(xiàn)這樣的一個(gè)頁(yè)面 下面有個(gè)屬性欄 箭頭傍邊有三個(gè)工具是熱點(diǎn)工具，點(diǎn)擊矩形熱點(diǎn)工具在要加鏈接的圖片上拉一下會(huì)出現(xiàn)這種情況

在鏈接處加入鏈接即可 下面還有個(gè)地圖MAP進(jìn)行編一下號(hào)比如MAP1 MAP2 等等 這樣做不會(huì)發(fā)生鏈接混亂

加好鏈接后點(diǎn)擊代碼會(huì)出現(xiàn)下面的頁(yè)面

選擇……進(jìn)行拷貝一下，把這些代碼如果你想放到店鋪首頁(yè) 在首頁(yè)出添加一個(gè)自定義編輯 找到代碼編輯把復(fù)制的代碼放上去保存 發(fā)布就行啦。用這種方法可以制作店鋪里的寶貝分類表 等其他的一下東西 我想你親會(huì)懂得。

四 Fireworks CS5 切片

有些親不喜歡一個(gè)大圖好多鏈接怕影響顧客的體驗(yàn)度，哪好咱也有辦法，把他們用切邊工具切成一個(gè)一個(gè)的小圖像就不會(huì)太影響客戶的體驗(yàn)度啦。好多人會(huì)說(shuō)PS中也要切片為什么不PS中的切邊啊 我以前使用PS中的切片工具感覺(jué)不準(zhǔn)確也不太好用沒(méi)有FW好用啊 這個(gè)軟件可以從網(wǎng)上下載一下。首先打開(kāi)FW會(huì)出現(xiàn)這個(gè)界面，打開(kāi)你要切的圖片咱們還接著上面的那個(gè)圖片來(lái)

在工具箱中找到切片工具如圖<注意要仔細(xì)點(diǎn)盡量和紅色重合這樣更精準(zhǔn)>

這樣切片做好了接下來(lái)就是保存啦 ，按下CTRL+A 對(duì)切片進(jìn)行全選，選擇導(dǎo)出會(huì)出現(xiàn)一個(gè)這樣的頁(yè)面

在導(dǎo)出中選擇 HTML和圖像 就可以保存啦。

打開(kāi)存儲(chǔ)的文件會(huì)出現(xiàn)這些圖片打開(kāi)Dreamweaer8在菜單中找到 這個(gè)圖片打開(kāi)

這個(gè)打開(kāi)會(huì)出現(xiàn)在這樣一個(gè)頁(yè)面

點(diǎn)擊一下代碼從……進(jìn)行拷貝一下，在店鋪首頁(yè)建立一個(gè)自定義區(qū)如圖

在點(diǎn)一下代碼編輯會(huì)變成這樣一個(gè)頁(yè)面

點(diǎn)擊一下逐個(gè)插入圖片，如圖

為了省時(shí)間就插入一張圖片，不過(guò)大家可以動(dòng)手試試，

親這些都會(huì)拉 你還擔(dān)心不會(huì)做寶貝詳情中的鏈接嗎?店鋪首頁(yè)的裝修嗎?呵呵呵都應(yīng)該會(huì)拉。

呵呵 用上面的方法可以做店招 LOGO 海報(bào)等一下裝修和價(jià)鏈接讓你的店鋪更好，訂單更多

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 五招淘寶店鋪裝修讓你店鋪活起來(lái)