自定义全屏通栏店招,图文并茂全网最详细
我们经常看到很多大卖家或者天猫里面的通栏店招!很是羡慕,而对于刚接触淘宝的朋友来说,似乎很难上手自己去制作,买模板又动辄几百元,今天就来教会大家怎么来自己动手制
作!
先看一下效果图对比:
图1:淘宝默认店招
图2:通栏后的店招
差别很大吧好现在开始制作!
一、首先,你需要购买旺铺拓展版或者旗舰版才能执行以下操作!
二、打开PS新建一个宽950高150的背景图(高度根据自己的需要来调整)!颜色可以自定
义,我这里选择的是背景色,因为背景色我已经调成自己想要要颜色!
三、然后调出ctrl+r标尺,再用矩形选框工具根据自己需要的地方选择一块出来做分类店招!
四、编辑-填充自己店招想要的颜色!然后CTRL+D取消选框!
我这里是制作的两栏菜单所以填充颜色在中间,如只制作一栏的可以直接填充底部!
五、图片上编剧自己想要的内容,顶部店标或者店铺名称;中间和底部分类选项!
六、选择切片工具,把各个部位切割出来!
七、选择存储为web格式
存储-(注意这里选择,所有用户切片!)我们得到以下内容!
八、把images里面的图片全部传到你的图片空间备用!
九、打开dreamweaver 文件-打开刚才我们所存储的html文件!
十、把你每块图片的对应的源文件换成你图片空间对应图片地址;链接换成你想要链接的店
铺地址!
十一、添加好后,复制代码!回到你的店铺,删除默认店招!新建一个自定义模块-填入代
码-保存-发布!得到以下画面!
好了,接下来就要用到拓展版和旗舰版本的功能了!
十二、打开PS制作一个宽1920X150(你店招高度)按照二到四步制作一个相同颜色高度的
页头模块
十三、选择店铺装修-模板-背景设置-页头模块(把你制作好的图片,上传到背景图片)勾
选应用至模板-保存-发布-大功告成!
保存--发布--得到以下结果!
十四、现在你需要的页面背景颜色;以及背景图片上传-勾选应用至模板-保存-发布-大功告
成!
来看看整体效果!
如看了还有不明白的可以随时咨询本人!
其实还有一种方法直接用dreamweaver表格制作!
以后会慢慢为大家介绍!