导航条淘宝店铺装修之制作全屏店招

淘宝店铺装修之制作全屏店招

亲，小弟又来了。最近都在忙着淘宝店铺装修，突然想到，可以把自己淘宝店铺装修的知识也拿出来和大家分享一下!所以就来咯!

话不多说了，今天我是要给大家说说店招的装修。

你有没发现，自己免费在线编辑的店招是不是导航很不协调，感觉很想改掉?

但是又改不了?就像下图：

那我们不用它系统的店招，我们自己有自定义做店招。看我一步一步慢慢教你。只要你按照我的步骤，保证你可以做出自己的店招。首先你要先确认你有安装PHOTOSHOP和DREAMWEAVER这两个软件。没有没关系，去网上下载一个。然后，自己先去网上找一张自己喜欢的，又比较适合自己店铺的背景图片，尽量大一点的。宽度至少也要1200以上的。这里呢，我就不去网上找了，我直接自己用画笔工具的笔刷画一副国画。

1.打开PS，新建文件，我是设置600宽度。注意了，后面单位是像素(源码有限。比较简单的我就不截图了，不会的留言问我)

2.选择画笔工具

，利用笔刷来绘图。(笔刷可以去网上下载，这里我就不多做介绍了)

3.选择矩形选框工具，如下图，圈选一条横条出来

4.注意，这时要新建一个图层，再把选区填充黑色。再加入我们的导航的文字。注意，文字尽量往中间靠。

5.选择文本工具，写上自己的点名“XX专卖店”，复制一个图层，对副本图层进行"编辑<变换<垂直翻转"，再往下拉，把不透明度调低。这样就做出了倒影的效果。

6.右击图像文件的标题栏，调整一下图像的画布大小。

7.新建一个图层，全部填充白色，放在最底层。

然后，选中那张有中国画的图层，新建图层蒙板

选择渐变工具，选中蒙板，渐变就选择第一个的线性渐变。从下往上拉，多试几次，满意了就好。

8.把图片做好的先保存一张JPG格式的。等下有用。就是那个4000高度的那个。等下做背景。

注意，要控制在100Kb以内。不然背景上传不上去。“文件<存储为WEB和设备所用格式”,点存储，

然后，把优化值设置小一点。大小不要超过100KB。

9.选择切片工具，对刚刚我们做好的图进行切片。下面是第一张切片，注意看X和Y 还有W(宽度)H(高度)

由于我的宽度是1600，中间的一定要950，所以旁边2个都是325.

记住，中间的宽度是950。要注意你前面一张宽度是多大，这一张的X轴就从哪里开始。

我是按照下图这样切的，注意，下面的导航(首页那一行)加上上面的(XX专卖店)那行的高度刚好是150

10.全部切片完了以后，要保存。

“文件<存储为WEB和设备所用格式”,点存储，选择”所有用户切片“

然后，这些全部切片都保存在你刚刚保存文件夹里的一个”image“文件夹里。还有在“IMAGE”文件夹外还有一个.html的文件，你可以把这些图片先上传到你的帐号的图片空间。

接下来我们开始用Dreamweare 来编辑网页的页面。

1.打开Dreamweare，打开刚刚保存的那个.HTML的文件。

DW就很简单了，2步完成!!!!

2.然后点击代码或者拆分。把所以的图片链接都改成我们在图片空间同样的图片。然后我们把代码之间的全部代码都复制到淘宝店铺装修的自定义模版的代码里。

复制在下面的链接，把先前的链接替换掉。。。。

记住，要把全部的图片都改了。

全部替换完了。然后，复制之间的全部代码，到淘宝店铺装修页面的自定义模块代码里面进去。

这样，我们的店招就做好了，但是还没设置背景。

3.在装修页面，点击左上方的“模版”，进入背景设置。

只要设置页头就可以了，浏览文件，就我们刚刚保存出来的不超过100Kb的4000高的图片。

“背景设置”-“显示背景图打勾”“不平铺”“居中对齐”“应用到模版” 这些都要选

页面背景就不要设置了。最后，点保存。OK了。发布出来看看吧。

现在还等什么?开始行动吧。不懂的顶帖留言，我会一一回复的。