快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 淘宝全屏店招制作教程

淘宝全屏店招制作教程

放大字体  缩小字体 发布日期:2024-06-05 07:42:32  来源:电商联盟  作者:乐发网  浏览次数:22

淘宝店招制作对于视觉营销是尤为重要的一个关键点,为什么这样说呢?

淘宝店招是买家进入我们淘宝店铺后最先看到的一个展示位,也是给顾客第一印象的初始端,当然我们将店招利用好了,也会是我们店铺最优质的广告位,以及形象体现,总的来说淘宝店招制作精良的话,不论是对店铺引流推广,营销都会奠定很高的作用。虽然店招的高度仅仅有150px,但如果我们将导航海报全部无缝链接起来,那不就是全屏店招了吗?

这样的风格估计现在大部分店铺都是这样装修,统一的装修风格,更加视觉化,淘宝店招制作教程如下:

1.全屏店招制作

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

淘宝全屏店招制作教程

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

淘宝全屏店招制作教程2

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

淘宝全屏店招制作教程 3

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

淘宝全屏店招制作教程 4

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

淘宝全屏店招制作教程 5

这样全屏店招就安装好了

淘宝全屏店招制作教程 6

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

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

淘宝全屏店招制作教程 7

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

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

淘宝全屏店招制作教程 8

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

淘宝全屏店招制作教程 9

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

淘宝全屏店招制作教程 10

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

淘宝全屏店招制作教程 11

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

淘宝全屏店招制作教程 12

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

淘宝全屏店招制作教程 13

淘宝全屏店招制作教程 14

最后效果就出来了,我们可以预览下:

淘宝全屏店招制作教程 15

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

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

本文来源: 淘宝全屏店招制作教程

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝天猫宝贝详情页模板添加关联产品连带的方法 淘宝详情模板市场使用教程
7个步骤打造史上最牛详情页 去空白间隙全屏装修代码分享
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问