先看一下面的一張圖,以前我也很羨慕大賣家的這種裝修,別急我們新手也可以做到。
一 淘寶網(wǎng)店首頁的裝修
(1)打開PS CS5其他版本也可以,新建一個(gè)圖層寬1440以上高度任意設(shè)置,我現(xiàn)在設(shè)置的是1440和300的 命名為圖層1,填充為想要的顏色。


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

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

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

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

這樣就做好啦 存儲(chǔ)成WEB和設(shè)備所以格式,上傳到淘寶空間里。
(4)接下來我們來做下面這個(gè)圖

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

得到下圖

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

存儲(chǔ)即可
(3)登陸淘寶我是賣家-店鋪管理-店鋪裝修-模板-背景設(shè)置-頁面背景設(shè)置-選擇不平鋪-居中把圖層5在背景圖片上傳注意在100KB以內(nèi)點(diǎn)擊保存接下來在首頁裝修選擇自定義頁面把圖層4就是你上傳到淘寶圖片加上鏈接即可.
二 摳圖
論壇里好多前輩們講了好多摳圖的方法,例如魔術(shù)棒 背景橡皮擦 鋼筆 通道等摳圖的方法,但是我常用的摳圖方法是快速選擇工具,在用調(diào)整邊緣,這種方法摳圖效率是很快的啊 ,這是PS CS5的新功能
1 打開一張圖片如圖

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

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

有一個(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)在分別說一下他們的用途 視圖模式是用來觀察你摳圖在幾個(gè)背景下的摳圖效果

邊緣檢測(cè)里面 有個(gè)智能半徑是用來調(diào)整區(qū)域大小的 在他的上方有個(gè)像畫筆一樣的標(biāo)準(zhǔn)里面有兩個(gè)工具,一個(gè)是調(diào)整半徑工具和抹除半徑工具。一個(gè)圖的質(zhì)量扣的好不好 主要在這兩個(gè)工具的應(yīng)用,調(diào)整半徑工具是用來擦出邊緣的一些雜色,抹除半徑工具是用來調(diào)整被調(diào)整工具擦出掉的進(jìn)行還原,具體操作一下就能感受到啦,
調(diào)整邊緣:里羽化和平滑等四個(gè)工具可以根據(jù)時(shí)間情況進(jìn)行調(diào)整。
輸出:里面有個(gè)凈化背景色 ,讓摳圖的邊緣更能自然的過度,一般輸出;都選擇新建帶有圖層蒙版的圖層 這樣方便調(diào)整。等等很簡(jiǎn)單只要操作一下就行啦。
三 PS排版如圖

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


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

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

會(huì)出現(xiàn)這樣的一個(gè)頁面 下面有個(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)下面的頁面

選擇……進(jìn)行拷貝一下,把這些代碼如果你想放到店鋪首頁 在首頁出添加一個(gè)自定義編輯 找到代碼編輯把復(fù)制的代碼放上去保存 發(fā)布就行啦。用這種方法可以制作店鋪里的寶貝分類表 等其他的一下東西 我想你親會(huì)懂得。
四 Fireworks CS5 切片
有些親不喜歡一個(gè)大圖好多鏈接怕影響顧客的體驗(yàn)度,哪好咱也有辦法,把他們用切邊工具切成一個(gè)一個(gè)的小圖像就不會(huì)太影響客戶的體驗(yàn)度啦。好多人會(huì)說PS中也要切片為什么不PS中的切邊啊 我以前使用PS中的切片工具感覺不準(zhǔn)確也不太好用沒有FW好用啊 這個(gè)軟件可以從網(wǎng)上下載一下。首先打開FW會(huì)出現(xiàn)這個(gè)界面,打開你要切的圖片咱們還接著上面的那個(gè)圖片來


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

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

在導(dǎo)出中選擇 HTML和圖像 就可以保存啦。
打開存儲(chǔ)的文件會(huì)出現(xiàn)這些圖片打開Dreamweaer8在菜單中找到 這個(gè)圖片打開

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

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

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

點(diǎn)擊一下逐個(gè)插入圖片,如圖
為了省時(shí)間就插入一張圖片,不過大家可以動(dòng)手試試,
親這些都會(huì)拉 你還擔(dān)心不會(huì)做寶貝詳情中的鏈接嗎?店鋪首頁的裝修嗎?呵呵呵都應(yīng)該會(huì)拉。
呵呵 用上面的方法可以做店招 LOGO 海報(bào)等一下裝修和價(jià)鏈接讓你的店鋪更好,訂單更多
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國(guó)內(nèi)超市采購商與批發(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ī)則
本文來源: 五招淘寶店鋪裝修讓你店鋪活起來