淘宝详情页图片无缝拼接怎么实现?
7967人阅读
  •   在进行店铺装修的过程中,有卖家朋友反映自己在制作淘宝手机详情的时候,上传图片之间有空白还会错位,想知道怎么可以实现无缝拼接?既然大家想知道,今天开淘小编带来了一篇文章,里面有你想要的答案!

      可以让淘宝导航条与全屏海报的做到无缝拼接,去掉相互之间的间隙。要想做到无缝链接的重点要先了解原理,先找宽度1920px,高度随你定的(举例中的高度为650px)的全屏海报 图片。

      因为店招的高度150px,所以直接安装上海报图片,海报的主体图片内容会被店招掩盖掉,所以要在海报图片上方加个150px空白内容把海报的主体图片内容给顶下来。

      具体操作方法:(在PS里面点击→图像→画布大小或者快捷键(Alt+Ctrl+C)在高度里→输入800px)然后点击→定位框里面的向下箭头↓接着在画布扩展颜色选择白色,然后→确定 。

    淘宝详情页图片无缝拼接

      好了以后新建参考线快捷件(Alt+V+E)选择→垂直位置输入→485 确定。

      拉出第2条同样选择→垂直 位置输入→1435 还没完噢。

      要再拉出第3条参考线选择→水平 位置输入→180 因为150是店招跟导航栏的高度,多出来的30像素就是导航栏跟海报之间的多出来的缝隙,所以要用这多出来的30px填提升它,无缝拼接的关键在这里了。

      还有就是如果你关闭了页头设置里面的页头下边距那10px那参考线设置成170就可以了。注(如果缝隙的高度有差 按自己的相差的高度来做)

      设置完了参考线同样用刚才做店招的步骤把中间宽950px高620px的海报位置用→矩形选框工具 再创建新图层快捷键(Shift+Ctrl+Ait+N) 然后在选框里填充白色存储

      专业版淘宝店铺究竟能不能做无缝的全屏大海报和淘宝全屏店招怎么做?

      是通过页面背景实现的:

      首先,旺铺必须是专业版的。如果是,按以下操作:店铺装修——样式编辑——背景设置——页面背景,把背景图片,换成自己想要的那张图片。

      那张大图,如果是1920*750这个尺寸,那就必须设计成1920*850,图片最上方留100PX是空白,还有,建议图片设计成1420*850。

      因为1920是显示不出来那么多,只能显示1420这个尺寸,多了的会被裁掉。设置好大图后,然后在首页增加一个自定义模板,用一个空白占位代码。就可以了。想要获取更多技巧和方法,记得常来逛一逛开淘网~

      推荐阅读:

      淘宝详情黑灯页制作步骤是什么?有什么作用?

      2018淘宝详情黑灯页常见FAQ介绍

      淘宝详情页优化方案:想要有新意该如何优化?

    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved