淘宝店铺全屏海报怎么设置?淘宝装修教程

淘宝店铺全屏海报怎么设置?很多卖家看到别人店铺的全屏海报觉得很美观大气 。那么淘宝店铺全屏海报怎么设置?跟着装修宅小编一起学习一下设置全屏海报吧!
首先找一张大屏海报,最好宽是1920的,可以保证在1920X1080分辨率的显示器下全屏显示,高度可以随您的喜好 。
这里我选的是圣诞促销广告背景:

淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图

这里采用背景拼接的方法,特别适用于系统送的第二个模板 。由于淘宝最大背景文件限制只有200k,一些简单的整幅背景可以做到200k以下,像上面提到的这种比较复杂的,要做到200k以下建议采用背景拼接的方法 。废话不多说,首先在photoshop里面切割出自定义模块要用的部分,这里用切片工具:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
用切片工具右键点击背景图,如下:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
点击编辑切片选项,在左侧分出一块(1920-950)/2 =485 宽度的切片,如下:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
同理在右侧划分出一块款950 和另一块款485的切片,如下图:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
这时,还需要用切片工具再点中间的图片,在中间切片上部预留出10个像素的小切片,这是新版旺铺后来升级,原先方法上部会出现空白,故要留出,若是整个背景图直接上传当背景,则没有这个问题 。如下图:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
此时切片分割已经完成,再用矩形选择工具选择切片4,就是中间大块那个,将其剪切出来,如下图:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
剪切出来的切片4新建一个图片,放到里面,将其另存为自定义.jpg备用,如下:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
再返回到上面那张中空的背景中,因大屏海报的上面还需要显示店招和导航,所以上部要预留出150像素的空白,这里用photoshop里的画布大小,如下直接往上增加150像素空白:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
做好之后效果如下,将其另存为背景.jpg,注意,背景.jpg的文件大小要小于200k,如果太大,可在另存的时候调整画质查看大小 。
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
至此,背景图和自定义部分用图已经制作完成,接下来就是要上传 。
进入新旺铺的装修模式,点击左上角的装修-样式编辑,如下:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
进去后点击背景设置:
【淘宝店铺全屏海报怎么设置?淘宝装修教程】
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
选择页面设置:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
在“选择要设置的页面”里选择首页,如下图:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
在页面背景图里上传刚才切割好的背景.jpg,右边背景显示选择“不平铺”,背景对齐选择“居中” 。
点击保存 。再点击左上角的装修-页面管理回到首页编辑 。此时可以发现首页两旁已经有背景了,但背景中间是图片轮播模块,在轮播模块下部点击“添加模块”增加一自定义模块,如下图:
淘宝店铺全屏海报怎么设置?淘宝装修教程

文章插图
点击自定义模块右上角的向上箭头,将自定义模块放到轮播模块上方,再编辑自定义模块:
标题显示选择“不显示”,此时将上面已经做好的切片4,即自定义.jpg上传到图片空间,取得图片链接,将图片插入到自定义模块里,如下图:

秒懂生活扩展阅读