让新旺铺呈现旗舰版旺铺全屏海报效果

时间:2014-02-18 10:05 来源:第2组 作者:小编 浏览: 1936

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...