淘宝店铺装修 让新旺铺完美再现旗舰版旺铺的全屏海报效果

转眼新旺铺已经测试到了尾声，已逐步开放共公测试，总的来说，新旺铺相比以前的几种旺铺版本，功能更更加强大，只要你想，打造一个独立的网站也能做到，与拓展版不遑多让。

但是新旺铺默认是不能使用通栏海报功能的，这对于一些追求完美效果的用户来说，不能不说是一种遗憾，不过还好，它提供了背景地图更换功能，这样就可以让我们通过拼接的方式，实现全屏海报的效果。

下面我们一起来看看具体是如何实现的：

第一步：首先要做的就是设计一张全屏海报效果图，其宽度最好是1920（1920×1080是高清分辨率，27英寸显示器都能使用，所以基本不用担心有顾客不能完全看清我们的背景海报），如下图所示。

第二步：需要注意，新旺铺中设置的背景图像尺寸，是要包含店招区域在内的，也就是店招默认高度150，那么我们为了完整显示图像效果，就需要在当前高度基础上，在加上150像素的高度，如下图所示。

第三步：现在我们的图像在最上方增加了150高度的空白图像，但是为方便更多主流用户观看海报效果，这里还需要处理一下图像的宽度（1920太宽了。。一般主流显示器都在笔记本14寸、台式机22寸之间），因此，这里需要在当前图像中，在图像正中区域处理一块1450像素宽度的区域出来，这个区域将是我们海报的主要显示区域，而这个区域以外，则主要是进行过渡处理，这样做的后果就是，能够让所有使用不同显示器的人群都能完美看见我们的最终效果。

 

第四步：确定区域以后，在当前图像层新建一个图层蒙版，同时在其下方新建一个空白的白色图层，如下图所示。

第五步：设置画笔大小和不透明度、流量，最后将前景色设置为黑色，如下图所示

 第六步：选择“画笔工具”，对第三步中红色框区域外的图像进行涂抹，使其渐变过渡，最终保留区域内的图像内容，如下图所示。

第七步：进入新旺铺装修后台，选择“装修-样式编辑-背景设置”，然后切换到“页面设置”，单击右侧的“上传图片”按钮，如下图所示。

第八步：上传图像成功，背景显示设置为“不平铺”；背景对齐设置为“居中”，如下图所示。

第九步：最重要的来了，这里上传完背景图像后，我们需要处理一个与背景图像完全吻合的图像，它将作为自定义模块插入店铺，形成海报图像。这里提供一个小技巧，使用抓图工具，在当前装修页面中，抓取自定义模块外侧的背景图像，如下图所示。

第十步：将复制的图像粘贴到PS的背景海报里，让它和背景图像完全吻合后，进行裁剪，这样处理的自定义图片就能完美匹配背景图像，同时需要注意，在制作前景图像的时候，还需要在最上方预留10像素高度的空白区域，不然导入到自定义模块后会变形，如下图所示中，矩形框内就是我们准备裁剪导出的自定义前景图像。

第十一步：做好上述步骤后， 直接进行拆建，获得前景图像效果，并进行保存，如下图所示。

 

第十二步：在装修后台“页面管理”中，最顶部创建一个自定义模块，然后将这个前景图像上传到自定义区，入下图所示。

第十三步：预览当前效果，发现还是有细微的落差，这样前景图和背景图就没有完全重合，入下图所示。

第十四步：参照前面介绍的步骤，重新进行修正，这个过程可能有点慢，需要仔细、慢慢调动，确认前景和背景完全一致后，进行发布，最终效果如下图所示。

 后记：整个过程不是很好叙述，实际操作一遍后，可能更能够理解这里的含义，当你做好完成海报效果以后，记得保存，并用标尺进行位置记录，以后更换海报，直接换图到这里就可以直接应用了。