文档库 最新最全的文档下载
当前位置:文档库 › 漂亮的淘宝店铺全屏背景大图制作详细图解

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

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

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

淘宝店铺全屏漂亮背景大图制作详细图解,直接进入正题。想大多数卖都看到很多商城卖家的首页那漂亮大气的全屏(宽屏)背景大图了吧,有没有想自己的店里也弄一个?只要你会一点PS,错!只要你有个PS软件,

我就教你做出来,但前提是你的旺铺版本支持,设置背景图片据我了解应该是拓展版以上或商城才可以的。如果你的版本是拓展版以上的,那我们现在开始动手做吧!

因为商城跟集市的制作有点不一样,现在我们以集市店的为例,集市店拓展版最终效果展示:

一、准备工作

一个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,同样在店铺装修里,点击”模板“进入到模板管理区,

再点击“背景设置”。

在这里大家可以看到有“页面背景”,“页头背景”,这两个是不一样的哦。淘巧好,好淘巧

先看页头背景,这里就是放导航条背景图的。也就是图片右边的这个地方。

点击”页面背景“把之前剪裁好的背景图上传,“显示背景图”这个要勾上。背景色你可以选择白色,也可以选择其它的色,淘巧好,好淘巧

它在背景图覆盖的地方不会显示,没有覆盖的地方就显示你所选择的颜色。保存!淘巧好,好淘巧

大功告成了,点击发布,就可以保存我们刚才做的这些操作了。再查看下自己的店铺的主页,是不是漂亮多了!

相关文档