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

《漂亮的淘宝店铺全屏背景大图制作详细图解.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、漂亮的淘宝店铺全屏背景大图制作详细图解淘宝店铺全屏漂亮背景大图制作详细图解，直接进入正题。想大多数卖都看到很多商城卖家的首页那漂亮大气的全屏（宽屏）背景大图了吧，有没有想自己的店里也弄一个？只要你会一点PS，错！只要你有个PS软件，我就教你做出来，但前提是你的旺铺版本支持，设置背景图片据我了解应该是拓展版以上或商城才可以的。如果你的版本是拓展版以上的，那我们现在开始动手做吧！因为商城跟集市的制作有点不一样，现在我们以集市店的为例，集市店拓展版最终效果展示：一、准备工作一个PHOTOSHOP图片处理软件，一张你准备做店铺首页背景宣传的

2、大图片，建议图片宽度是大于或等于1440PX，没有PHOTOSHOP的朋友，可以去下载一个哦，（我用的是CS4版本，至于什么版本好，这个根据个人习惯）安装很容易的，所以安装的步骤我也不详说了。不要怕麻烦，凡事都要自己动手了，能才从中学到东西，学到经验。二、图片处理1、安装好PS后，打开界面接着点击"文件""打开"，把你要的制作的图片打开到PS里面2、把图片裁成宽度大于或等于1440像素的宽度，高度取决于你自己的要求，一般是600－750像素就可以了。首先打开剪裁工具，然后操作就跟QQ软件里的的剪图类似，裁出来的图片如果宽度跟1440

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

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

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

6、动工具“把1440宽度的图片拖动过来。 淘—巧—网，淘宝开背景图有限制大小是100K，因为白色像素是最小的，所以背景图不显示的地方弄成白色可以减少图片的大小。如何添加那块白色呢？点击“矩形选框工具”，把要填充白色的地方选中，出现虚线后就右击“填充”选择填充白色就可以了，然后保存为JPG格式的图片，注意大小不能大于100K哦，这样背景图片就完成了。三、店铺装修上传1、打开”我的淘宝“里面，我是卖家的“店铺装修”点击添加店铺中部的添加模块，就显示在最上面的那个自定义内容区了，这里要注意的一点，不要搞错添加了页头模块哦。然后把剪裁好的那个

7、950PX宽度的宣传图片上传到图片空间再放进自定义模块里面， 本文内容来自淘巧网我们在自定义内容里面不需要写标题，如果写了标题会出现一个设置的背景底色，影响我们的整体效果。然后点击添加图片把商品或其它地址写到里面。再确定保存就可以了。注意：淘宝里面所有的图片链接只能写淘宝的地址有效，写外部的网站是没有用的。2，同样在店铺装修里，点击”模板“进入到模板管理区， 再点击“背景设置”。在这里大家可以看到有“页面背景”，“页头背景”，这两个是不一样的哦。 淘巧好，好淘巧先看页头背景，这里就是放导航条背景图的。也就是图片右边的这个地方。点击”

8、页面背景“把之前剪裁好的背景图上传，“显示背景图”这个要勾上。背景色你可以选择白色，也可以选择其它的色， 淘巧好，好淘巧它在背景图覆盖的地方不会显示，没有覆盖的地方就显示你所选择的颜色。保存！ 淘巧好，好淘巧大功告成了，点击发布，就可