好的網(wǎng)店裝修模板,少不了背景的襯托。有時(shí)候背景對(duì)于模板的整體風(fēng)格和色調(diào)起著至關(guān)重要的作用。今天我們就來(lái)教大家如何自己制作超炫的網(wǎng)店背景圖片。
1.找一張超大的高清晰照片,能自己拍攝是最好的,不行就去找電腦桌面的壁紙吧,海量的壁紙各種類型都有的。
寬度最好是1920像素,高度可以隨您的喜好(建議850像素左右,正好可以夠第一電腦屏幕——指打開(kāi)網(wǎng)頁(yè)第一眼看到桌面的內(nèi)容)。
2.先在photoshop(下面簡(jiǎn)稱PS)里建空白文檔,命名為“旺鋪2012——背景海報(bào)”,然后把選中的照片(或者壁紙)在PS里打開(kāi)。
插入照片處理小技巧:由于光線、相機(jī)等各種因素影響,照片難免發(fā)灰、偏色、曝光不足·····
1、打開(kāi)照片,按住Ctrl+Shift+L三個(gè)組合鍵,自動(dòng)調(diào)整圖片色階。
2、復(fù)制圖層,改變混合模式,選擇柔光(下拉菜單底14個(gè)效果)。
效果對(duì)比如下圖一、圖二:
圖一:
圖二:
提示:照片效果要美觀更要接近實(shí)物,不要調(diào)的太過(guò),如果發(fā)現(xiàn)太夸張,可以減低柔光圖層的透明度。
3、合并圖層(Ctrl+E),拖入“旺鋪2012——背景海報(bào)”文檔中,調(diào)整照片大小(Ctrl+T),
由于新版旺鋪是通欄是950像素(PX),我們需要把這張照片切為2張3段,中間空白即可(中間一段提取出)2側(cè)保留,以作為旺鋪?lái)?yè)面的背景。
中間的圖片寬度為950像素,這一段提取出,要在放在自定義里(旺鋪模塊),另一張是中間為空,兩邊寬度都為485像素的,這張作為背景。
因店鋪上部要被店招和導(dǎo)航欄覆蓋,所以在這張圖需預(yù)留150像素的空白,如下圖:
切割方法很簡(jiǎn)單:新建一個(gè)文檔,設(shè)置寬度950像素,高度850像素,填充為黑色(或者其他顏色)拖入“旺鋪2012——背景海報(bào)”中,設(shè)置左右居中對(duì)齊——很重要。選中矩形選框工具沿著黑色色塊拉同樣的線框出來(lái)。在圖層中隱藏掉剛才的黑色色塊,剪切(Ctrl+E)、粘貼(Ctrl+V)
如下圖:
3、把2個(gè)圖層分別保存為JPG圖片待用。如圖:
4、打開(kāi)店鋪的旺鋪裝修
1.頁(yè)面編輯,點(diǎn)擊裝修下拉菜單(灰色倒三角形)找到并點(diǎn)擊模塊管理——系統(tǒng)模塊
我現(xiàn)在用的是中間的這個(gè)模板作為演示!
還是選擇裝修——頁(yè)面管理回到首頁(yè)裝修頁(yè)面
在店招下面添加模塊(自定義)
插入圖片(前提是圖片保存在圖片空間),并添加鏈接(該照片的店內(nèi)商品鏈接)
現(xiàn)在開(kāi)始傳背景圖片(剛才在PS里做好并保存的中間是空白的那個(gè)圖)
路徑:選擇裝修——樣式編輯——背景設(shè)置(注意是左邊第二個(gè),不是第一個(gè))——頁(yè)面背景(注意是左邊第二個(gè),不是第一個(gè),第一個(gè)是店招要用到的,下面的教程還會(huì)講解)
如圖:
看清楚紅色圈標(biāo)注的地方,上傳成功后保存即可。保存之后點(diǎn)擊預(yù)覽看看。
由于編輯狀態(tài)和預(yù)覽狀態(tài)的位置有細(xì)微差別,可能預(yù)覽的時(shí)候兩張圖片的位置會(huì)有所偏差,可以根據(jù)自己遇到的具體情況,調(diào)整剛才背景上部的那個(gè)空白的高度(預(yù)留的150像素)的大小。經(jīng)多次調(diào)整后兩張圖片會(huì)完全一致。
這就是如何自己制作網(wǎng)店背景圖及添加上傳方法。操作簡(jiǎn)單,一學(xué)就會(huì)。如果有不懂的地方,歡迎到開(kāi)淘論壇(http://bbs.kaitao)進(jìn)行提問(wèn).
樂(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)源: 淘寶網(wǎng)店背景制作及添加方法
- 下一篇:巧借工具做出專屬寶貝描述模板
- 上一篇:網(wǎng)店投資多少才能賺到錢