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