漂亮的淘宝店铺全屏背景大图制作详细图解文档格式.docx

1、因为商城跟集市的制作有点不一样，现在我们以集市店的为例，集市店拓展版最终效果展示：一、准备工作 一个PHOTOSHOP图片处理软件，一张你准备做店铺首页背景宣传的大图片，建议图片宽度是大于或等于1440PX，没有PHOTOSHOP的朋友，可以去下载一个哦，（我用的是CS4版本，至于什么版本好，这个根据个人习惯） 安装很容易的，所以安装的步骤我也不详说了。不要怕麻烦，凡事都要自己动手了，能才从中学到东西，学到经验。二、图片处理1、安装好PS后，打开界面 接着点击文件打开， 把你要的制作的图片打开到PS里面2、把图片裁成宽度大于或等于1440像素的宽度，高度取决于你自己的要求，一般是600750像

2、素就可以了。首先打开剪裁工具，然后操作就跟QQ软件里的的剪图类似，裁出来的图片如果宽度跟1440像素相差不大的话，就可以通过图像大小来调整一下，在宽度里输入1440，后面的记得是像素，不是厘米哦！还有下面的约束比例也要勾上，这样图片就不会变形了。3、1440像素宽度的图片剪裁完后，接着在这个图片里剪裁出950像素的图片，因为淘宝全通栏的大小是950像素。至于950的图片怎么剪裁，这里就比较重要了。首先我们可以把图片1440像素分成三份，245+950+2451440！245是19寸宽屏两侧背景其中一边的像素。4、我们新建一个PS文件宽度是245像素的新文件，高度可以随便。在左侧工具栏，切换到“

3、矩形选框工具”，选中新建的文件“未标题1”按着CTRL+A键，会有虚线显示全选了这个空白的图像， 点着鼠标左键不放，把虚线边框接到左边的宣传图片，并如左边边缘对齐。在这里需要把标尺调出来作为参考接着在工具栏里选择“移动工具”，在标尺里面拉出一条浅蓝色的辅助线，跟虚线边框右边缘对齐，那么宣传图片左边边缘到辅助线的宽度就是245像素了，右边的操作同样，这里就不再详说了。两边的辅助线出来后，就使用“剪裁工具”，两边对齐辅助线按一下回车，就可以把950宽度的图片剪裁出来了。然后把950像素宽度700像素高度的图片保存成JPG格式的图片。5、按编辑，后退一步。把图片恢复成没有剪裁前的1440像素的宽度。

4、前面的工作，无论商城或集市店都是一样的。那么下面的两侧的背景图，就有点不一样了。因为商城上面有一栏是红色信息置顶，所以背景图不会覆盖到上面，但集市店就不样了。集市店头部导航上面，还会显示背景图片的。所以这两个地方有点不一样，这个也只是大同小异，原理还是一样的！6、背景图，以集市店拓展版为例，新建一个宽是1440像素，高是934像素的。图片上面的1是顶部112PX的高度，2是我本店导航的高度135PX，3是分隔线的高度10PX，一共是257PX，这个你们可以根据自己的导航高度调整，不是固定死的。然后用”移动工具“把1440宽度的图片拖动过来。背景图有限制大小是100K，因为白色像素是最小的，所以

5、背景图不显示的地方弄成白色可以减少图片的大小。如何添加那块白色呢？点击“矩形选框工具”，把要填充白色的地方选中，出现虚线后就右击“填充”选择填充白色就可以了，然后保存为JPG格式的图片，注意大小不能大于100K哦，这样背景图片就完成了。三、店铺装修上传1、打开”我的淘宝“里面，我是卖家的“店铺装修”点击添加店铺中部的添加模块，就显示在最上面的那个自定义内容区了，这里要注意的一点，不要搞错添加了页头模块哦。然后把剪裁好的那个950PX宽度的宣传图片上传到图片空间再放进自定义模块里面，我们在自定义内容里面不需要写标题，如果写了标题会出现一个设置的背景底色，影响我们的整体效果。然后点击添加图片把商品

6、或其它地址写到里面。再确定保存就可以了。注意：淘宝里面所有的图片链接只能写淘宝的地址有效，写外部的网站是没有用的。2，同样在店铺装修里，点击”模板“进入到模板管理区，再点击“背景设置”。在这里大家可以看到有“页面背景”，“页头背景”，这两个是不一样的哦。先看页头背景，这里就是放导航条背景图的。也就是图片右边的这个地方。点击”页面背景“把之前剪裁好的背景图上传，“显示背景图”这个要勾上。背景色你可以选择白色，也可以选择其它的色，它在背景图覆盖的地方不会显示，没有覆盖的地方就显示你所选择的颜色。保存！大功告成了，点击发布，就可以保存我们刚才做的这些操作了。再查看下自己的店铺的主页，是不是漂亮多了！