快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 全屏海报导与航栏无缝拼接技巧

全屏海报导与航栏无缝拼接技巧

放大字体  缩小字体 发布日期:2024-04-04 09:07:57  来源:电商联盟  作者:乐发网  浏览次数:26

  在没有买模板的情况下,很多新手常遇到的问题,就是怎么做全屏店招,全屏海报导与航栏无缝拼接!注(旺铺版本以专业版第一块模板为例)


  第一步:店招部分


  用PS做一个店招或者自己找一个,这里我就拿我做好的来说 ,为了适应显示器分辨率的不同我就用宽度1920px高度150px来做,先把页头背景做出来。


  PS打开店招文件后,做两条参考线点击:视图→新件参考线,快捷键是(Alt+V+E) 然后选择→垂直→位置→输入485 完了后再做一条位置改成1435因为加上了中间的950所以右边就是1435的位置,下面是参考线做完的效果。


  然后选择→矩形选框工具把中间的950px大的店招选出来,再创建新图层快捷键(Shift+Ctrl+Ait+N)然后在选框里面→填充白色 完了后存储为JPG格式品质选择→最佳 这样页头背景就做好了


  接下来我们把刚刚创建填充的图层1删除掉,恢复之前完好的店招 再用裁剪工具裁掉两边的页头部分,按照刚才那样存储就好。


  然后我们就可以在装修页面上安装了点击装修页面里的→样式管理 点击→背景设置 上传刚才存储下的页头背景可以了背景显示:设置成居中不平铺 完了以后保存就好了


  再接着安装店招部分 回到装修页面双击店招模块 选择上传图片空间的店招然后保存


  这样全屏店招就安装好了


  第2步:全屏海报以及导航栏的无缝拼接部分


  同样PS制作或者找一张宽度1920px高度随你定我这里是650的海报


  因为店招的高度150px直接安装上会被店招掩盖掉,所以要在海报上方加个150px画布把海报顶下来


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


  好了以后新建参考线快捷件(Alt+V+E)选择→垂直位置输入→485 确定 拉出第2条同样选择→垂直 位置输入→1435 还没完噢。要再拉出第3条参考线选择→水平 位置输入→180 因为150是店招跟导航栏的高度,多出来的30就是导航栏跟海报之间的多出来的缝隙所以要用这多出来的30填补它,无缝拼接的关键在这里了,还有就是如果你关闭了页头设置里面的页头下边距那10px那参考线设置成170就可以了。注(如果缝隙的高度有差 按自己的相差的高度来做)


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


  接下来跟做店招的时候一样,我们把刚刚创建填充的图层1删除掉,恢复之前完好的海报 再用裁剪工具裁掉海报多余部分然后存储就好


  打开装修页面里面的样式管理选择→背景设置里面的→页面设置把做好的背景上传 选择居中不平铺然后保存


  最后在装修页面的导航栏下面增加一个自定义区 双击点击自定义区,把上传到图片空间里面的海报然后插入,双击点击图片就可以加你要转的链接了把显示标题,选择不显示确定


  好了最后我们预览下吧


  OK!女神海报很漂亮哈!最后祝大家旺旺叮咚响不停哈!

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 全屏海报导与航栏无缝拼接技巧

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
7个步骤打造史上最牛详情页 淘宝店铺装修如何实现全屏轮播
淘宝装修子账号设置流程 淘宝店铺,天猫店铺背景固定的方法。
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问