漂亮的淘宝店铺全屏背景大图制作详细图解文档格式.docx
《漂亮的淘宝店铺全屏背景大图制作详细图解文档格式.docx》由会员分享，可在线阅读，更多相关《漂亮的淘宝店铺全屏背景大图制作详细图解文档格式.docx（12页珍藏版）》请在冰豆网上搜索。
因为商城跟集市的制作有点不一样，现在我们以集市店的为例，集市店拓展版最终效果展示：
一、准备工作
一个PHOTOSHOP图片处理软件，一张你准备做店铺首页背景宣传的大图片，建议图片宽度是大于或等于1440PX，没有PHOTOSHOP的朋友，可以去下载一个哦，（我用的是CS4版本，至于什么版本好，这个根据个人习惯）安装很容易的，所以安装的步骤我也不详说了。
不要怕麻烦，凡事都要自己动手了，能才从中学到东西，学到经验。
二、图片处理
1、安装好PS后，打开界面
接着点击"
文件"
"
打开"
，
把你要的制作的图片打开到PS里面
2、把图片裁成宽度大于或等于1440像素的宽度，高度取决于你自己的要求，一般是600－750像素就可以了。
首先打开剪裁工具，
然后操作就跟QQ软件里的的剪图类似，裁出来的图片如果宽度跟1440像素相差不大的话，就可以通过图像大小来调整一下，
在宽度里输入1440，后面的记得是像素，不是厘米哦！
还有下面的约束比例也要勾上，这样图片就不会变形了。
3、1440像素宽度的图片剪裁完后，接着在这个图片里剪裁出950像素的图片，因为淘宝全通栏的大小是950像素。
至于950的图片怎么剪裁，这里就比较重要了。
首先我们可以把图片1440像素分成三份，245+950+245＝1440！
245是19寸宽屏两侧背景其中一边的像素。
4、我们新建一个PS文件
宽度是245像素的新文件，高度可以随便。
在左侧工具栏，切换到“矩形选框工具”，
选中新建的文件“未标题－1”按着CTRL+A键，会有虚线显示全选了这个空白的图像，
点着鼠标左键不放，把虚线边框接到左边的宣传图片，并如左边边缘对齐。
在这里需要把标尺调出来作为参考
接着在工具栏里选择“移动工具”，在标尺里面拉出一条浅蓝色的辅助线，跟虚线边框右边缘对齐，那么宣传图片左边边缘到辅助线的宽度就是245像素了，右边的操作同样，这里就不再详说了。
两边的辅助线出来后，就使用“剪裁工具”，两边对齐辅助线
按一下回车，就可以把950宽度的图片剪裁出来了。
然后把950像素宽度700像素高度的图片保存成JPG格式的图片。
5、按编辑，后退一步。
把图片恢复成没有剪裁前的1440像素的宽度。
前面的工作，无论商城或集市店都是一样的。
那么下面的两侧的背景图，就有点不一样了。
因为商城上面有一栏是红色信息置顶，所以背景图不会覆盖到上面，但集市店就不样了。
集市店头部导航上面，还会显示背景图片的。
所以这两个地方有点不一样，这个也只是大同小异，原理还是一样的！
6、背景图，以集市店拓展版为例，新建一个宽是1440像素，高是934像素的。
图片上面的1是顶部112PX的高度，2是我本店导航的高度135PX，3是分隔线的高度10PX，一共是257PX，这个你们可以根据自己的导航高度调整，不是固定死的。
然后用”移动工具“把1440宽度的图片拖动过来。
背景图有限制大小是100K，因为白色像素是最小的，所以背景图不显示的地方弄成白色可以减少图片的大小。
如何添加那块白色呢？
点击“矩形选框工具”，把要填充白色的地方选中，出现虚线后就右击“填充”选择填充白色就可以了，
然后保存为JPG格式的图片，注意大小不能大于100K哦，这样背景图片就完成了。
三、店铺装修上传
1、打开”我的淘宝“里面，我是卖家的“店铺装修”
点击添加店铺中部的添加模块，就显示在最上面的那个自定义内容区了，
这里要注意的一点，不要搞错添加了页头模块哦。
然后把剪裁好的那个950PX宽度的宣传图片上传到图片空间再放进自定义模块里面，
我们在自定义内容里面不需要写标题，如果写了标题会出现一个设置的背景底色，影响我们的整体效果。
然后点击添加图片把商品或其它地址写到里面。
再确定保存就可以了。
注意：
淘宝里面所有的图片链接只能写淘宝的地址有效，写外部的网站是没有用的。
2，同样在店铺装修里，点击”模板“进入到模板管理区，
再点击“背景设置”。
在这里大家可以看到有“页面背景”，“页头背景”，这两个是不一样的哦。
先看页头背景，这里就是放导航条背景图的。
也就是图片右边的这个地方。
点击”页面背景“把之前剪裁好的背景图上传，“显示背景图”这个要勾上。
背景色你可以选择白色，也可以选择其它的色，
它在背景图覆盖的地方不会显示，没有覆盖的地方就显示你所选择的颜色。
保存！
大功告成了，点击发布，就可以保存我们刚才做的这些操作了。
再查看下自己的店铺的主页，是不是漂亮多了！
升级会员 