轉(zhuǎn)眼新旺鋪已經(jīng)測(cè)試到了尾聲，已逐步開(kāi)放共公測(cè)試，總的來(lái)說(shuō)，新旺鋪相比以前的幾種旺鋪版本，功能更更加強(qiáng)大，只要你想，打造一個(gè)獨(dú)立的網(wǎng)站也能做到，與拓展版不遑多讓。
但是新旺鋪默認(rèn)是不能使用通欄海報(bào)功能的，這對(duì)于一些追求完美效果的用戶(hù)來(lái)說(shuō)，不能不說(shuō)是一種遺憾，不過(guò)還好，它提供了背景地圖更換功能，這樣就可以讓我們通過(guò)拼接的方式，實(shí)現(xiàn)全屏海報(bào)的效果。
下面我們一起來(lái)看看具體是如何實(shí)現(xiàn)的：
第一步：首先要做的就是設(shè)計(jì)一張全屏海報(bào)效果圖，其寬度最好是1920（1920×1080是高清分辨率，27英寸顯示器都能使用，所以基本不用擔(dān)心有顧客不能完全看清我們的背景海報(bào)），如下圖所示。
第二步：需要注意，新旺鋪中設(shè)置的背景圖像尺寸，是要包含店招區(qū)域在內(nèi)的，也就是店招默認(rèn)高度150，那么我們?yōu)榱送暾@示圖像效果，就需要在當(dāng)前高度基礎(chǔ)上，在加上150像素的高度，如下圖所示。
第三步：現(xiàn)在我們的圖像在最上方增加了150高度的空白圖像，但是為方便更多主流用戶(hù)觀看海報(bào)效果，這里還需要處理一下圖像的寬度（1920太寬了。。一般主流顯示器都在筆記本14寸、臺(tái)式機(jī)22寸之間），因此，這里需要在當(dāng)前圖像中，在圖像正中區(qū)域處理一塊1450像素寬度的區(qū)域出來(lái)，這個(gè)區(qū)域?qū)⑹俏覀兒?bào)的主要顯示區(qū)域，而這個(gè)區(qū)域以外，則主要是進(jìn)行過(guò)渡處理，這樣做的后果就是，能夠讓所有使用不同顯示器的人群都能完美看見(jiàn)我們的最終效果。
第四步：確定區(qū)域以后，在當(dāng)前圖像層新建一個(gè)圖層蒙版，同時(shí)在其下方新建一個(gè)空白的白色圖層，如下圖所示。
第五步：設(shè)置畫(huà)筆大小和不透明度、流量，最后將前景色設(shè)置為黑色，如下圖所示
第六步：選擇“畫(huà)筆工具”，對(duì)第三步中紅色框區(qū)域外的圖像進(jìn)行涂抹，使其漸變過(guò)渡，最終保留區(qū)域內(nèi)的圖像內(nèi)容，如下圖所示。
第七步：進(jìn)入新旺鋪裝修后臺(tái)，選擇“裝修-樣式編輯-背景設(shè)置”，然后切換到“頁(yè)面設(shè)置”，單擊右側(cè)的“上傳圖片”按鈕，如下圖所示。
第八步：上傳圖像成功，背景顯示設(shè)置為“不平鋪”；背景對(duì)齊設(shè)置為“居中”，如下圖所示。
第九步：最重要的來(lái)了，這里上傳完背景圖像后，我們需要處理一個(gè)與背景圖像完全吻合的圖像，它將作為自定義模塊插入店鋪，形成海報(bào)圖像。這里提供一個(gè)小技巧，使用抓圖工具，在當(dāng)前裝修頁(yè)面中，抓取自定義模塊外側(cè)的背景圖像，如下圖所示。
第十步：將復(fù)制的圖像粘貼到PS的背景海報(bào)里，讓它和背景圖像完全吻合后，進(jìn)行裁剪，這樣處理的自定義圖片就能完美匹配背景圖像，同時(shí)需要注意，在制作前景圖像的時(shí)候，還需要在最上方預(yù)留10像素高度的空白區(qū)域，不然導(dǎo)入到自定義模塊后會(huì)變形，如下圖所示中，矩形框內(nèi)就是我們準(zhǔn)備裁剪導(dǎo)出的自定義前景圖像。
第十一步：做好上述步驟后， 直接進(jìn)行拆建，獲得前景圖像效果，并進(jìn)行保存，如下圖所示。
第十二步：在裝修后臺(tái)“頁(yè)面管理”中，最頂部創(chuàng)建一個(gè)自定義模塊，然后將這個(gè)前景圖像上傳到自定義區(qū)，入下圖所示。
第十三步：預(yù)覽當(dāng)前效果，發(fā)現(xiàn)還是有細(xì)微的落差，這樣前景圖和背景圖就沒(méi)有完全重合，入下圖所示。
第十四步：參照前面介紹的步驟，重新進(jìn)行修正，這個(gè)過(guò)程可能有點(diǎn)慢，需要仔細(xì)、慢慢調(diào)動(dòng)，確認(rèn)前景和背景完全一致后，進(jìn)行發(fā)布，最終效果如下圖所示。
后記：整個(gè)過(guò)程不是很好敘述，實(shí)際操作一遍后，可能更能夠理解這里的含義，當(dāng)你做好完成海報(bào)效果以后，記得保存，并用標(biāo)尺進(jìn)行位置記錄，以后更換海報(bào)，直接換圖到這里就可以直接應(yīng)用了。
樂(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)源： 淘寶店鋪裝修 讓新旺鋪完美再現(xiàn)旗艦版旺鋪的全屏海報(bào)效果
