今天也交流一下我個(gè)人的一點(diǎn)小經(jīng)驗(yàn)，11月20號(hào)我因覺(jué)得標(biāo)準(zhǔn)版比扶植版更能提高轉(zhuǎn)化率,所以花了30元購(gòu)買(mǎi)了標(biāo)準(zhǔn)版......在使用標(biāo)準(zhǔn)版一段時(shí)間,想把得到的一些技巧介紹給大家..
我們首要任務(wù)...效用標(biāo)準(zhǔn)版做出一些不標(biāo)準(zhǔn)的版面,實(shí)際就是打造山寨拓展版面.
這個(gè)就是我們今次做的最終模版,下面我們看看頁(yè)面版規(guī)
然后我們就要馬上動(dòng)手了，打開(kāi)PS,選擇文件,單擊新建
新建一個(gè)9501000的文檔,寬度固定,長(zhǎng)度自定
版面劃分為如下圖.利用參考線來(lái)輔助.
先縮小版面顯示為50%,方便制作
單擊標(biāo)尺,拖拉到相對(duì)應(yīng)的地方.如下圖
用矩形工具畫(huà)出一個(gè)略小與750400的矩形,底色為白色,描邊
然后打開(kāi)已準(zhǔn)備的圖片.ALT+S+A全選,單擊左鍵,直接拖到版面去
放到你喜歡的位置,然后填加與店鋪相對(duì)應(yīng)的文字,比如店鋪名稱(chēng)或促銷(xiāo)信息
這樣一來(lái)，我們的750400的框格里已經(jīng)完成了,接下來(lái)左側(cè)選擇矩形工具,來(lái)制作邊框
畫(huà)出兩個(gè)矩形圖按,比例自定.大小略比參考線小......并且設(shè)置描邊
用矩形工具畫(huà)出黑色的邊
然后輸入文字,BOOKMARK是書(shū)簽的意思
設(shè)置不透明度50%,看起來(lái)比較時(shí)尚
然后制作下面,先是用選框工具如A-1圖,拉出
選區(qū),新建圖層如A-2圖,填充灰色,再選擇橡皮擦工具
如A-3圖.
A-1,如下圖
A-2,如下圖
A-3,如下圖
上方的版面我們已經(jīng)完成咯~是不是還不錯(cuò)呢
下面我們繼續(xù)做
用矩形工具畫(huà)出三條黑色的邊,看上去就看分段的
然后再用矩形工具,畫(huà)出邊框,并描邊,注意顏色的深淺
設(shè)置好第一個(gè)邊框,然后復(fù)制圖層,擺放好就可以了,省心又省力
把剛制作出來(lái)的黑邊以及邊框都全選起來(lái),在圖層里按右鍵合并圖層,得到一個(gè)新的圖層
再把新的圖層復(fù)制,移動(dòng)到下面,就做出下面的效果了
然后就把商品的圖片打開(kāi),拖進(jìn)去擺放好
注意商品圖片的大小應(yīng)比版規(guī)的尺寸略小些.這樣看起來(lái)才會(huì)舒服
最后按視圖菜單,清除參考線,得下圖(我換個(gè)展示圖給大家看看的)
然后的工作就是切片,切片的技巧我還沒(méi)有弄得非常好的,所以我只說(shuō)我的哪個(gè)方法...希望各位前輩看到的話(huà)也指導(dǎo)下我.
截圖后再用PS打開(kāi),選擇切片工具
利用切片工具把各商品部分都切分開(kāi).
然后保存,選擇存儲(chǔ)為web和設(shè)備所用格式
存儲(chǔ)為HTML和圖像,左邊的版塊做法一樣,我就不在這里說(shuō)明了..若有不懂的地方可以前來(lái)咨詢(xún)我~
PS:注意左邊版塊那預(yù)留出來(lái)的7像素,是需要裁掉了,也就是左邊的版塊要比右邊版快長(zhǎng)度小7像素
雖然我們版面做出來(lái)了,但是我們還需要去給商品加上超鏈接,那就得運(yùn)用Dreamweaver這款軟件.
剛剛PS保存得到的一個(gè)images和一個(gè)html文件.把images里面的圖片都上傳到你的淘寶相片空間去...然后打開(kāi)
把html文件拖到Dreamweaver里面
最后,把圖片地址與鏈接都設(shè)置好了，我們只要復(fù)制代碼,到店鋪的自定義版塊里面就OK了
左邊版塊的做法也是一樣,我們來(lái)看看最終效果
樂(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)源： 淘寶裝修-利用PS讓你淘寶網(wǎng)店標(biāo)準(zhǔn)版變成拓展版
