电子商务教程子分类淘宝店铺背景图制作教程，包你一学就会！_53货源网淘宝大学网站
&|&&&|&&&&|&&
热门搜索词:
淘宝店铺背景图制作教程，包你一学就会！
时间: 00:28来源:未知 作者:admin 点击:次
淘宝店铺背景图制作教程，包你一学就会！自从加入了淘宝拓展板后，买了模板，但总是觉得装修得不够吸引，看到很多有经验的店铺，能够做到背景图非常大的效果，就非常的吸引，而且第一感觉就是觉得店铺有特色！但自己一直不是太会做，自从自己上网找了教程，昨天摸索了两天，终于完成了！完成后，那种兴奋难以形容啊。。。哈哈！
现在跟大家分享一下，我都希望大家能够做好店铺，一起为淘宝事业努力！呵呵！因为不是为了卖广告，所以都把自己店铺的名字都给遮盖了！呵呵！
淘宝店铺背景图制作教程开始了，请各位STAND BY~~呵呵！
首先准备好一张你已经制作好的图片。呵呵。感觉有点情人节气氛呢 。。。像素在1440宽*700高.高度按照自己喜欢就OK。在680&750高度都OK。注意单位是&像素&哦。
下载PHOTOSHOP任意版本都OK，我用的是PS CS4。并双击打开。
打开后，&文件&---&打开&，打开原先准备好的图片。
由于图片的相素已经是在1440宽，高度是在700。而背景图片我们是分为两部分，一个是通栏部分，一个是放在背景的页头设置。所以，我们先要裁出通栏尺寸的大小，就是宽950象素。而这个过程，就是比较重要的了。
首先，我们可以把1440象素的图片分为三部分。245+950+245=1440！而245就是19寸宽屏背景两侧的象素尺寸。
我们新建一个245宽*700高的空白文件。
在左侧工具栏，切换为&矩形选框工具&。
然后按&CTRL+A&，会用虚线全选了这个空白的图象。
点着鼠标左键不放，点着这个虚线框，直接拉到宣传图片上，并把虚线框跟左边边缘对齐。
5、这时候，我们需要调出&标尺&出来参考
&视图&&&标尺&
用鼠标点着左边的标尺，从标尺处开始拉一条参考线出来，直到对准虚线框的右边。右面的
操作也是一样。最后就拉了两条参考线出来。而参考线中间的象素，就是950象素了。
然后用裁剪工具。以参考线为标准，把中间为950象素的图片裁出来。双击即可。
这里，我们已经把象素为950*700的图片做好。按另储存，储存为JPG格式就可以。
然后，我们重新打开时的图片。前面的工作，无论集市或者商城，都是一样的。后面的我们以集市来说。
背景图。我们以集市拓展版来说。新建一个象素的空白图片。
用分隔线分割为5部分。这里的尺寸是不一定的。根据您的店铺具体实际来定。我的就是这5个部分。其中第一部分，是我店铺的店铺信息栏。第2部分，是我的店铺标题栏。第3部分，是导航栏。第4部分，是空白栏（这部分有些店铺应该可以省略）。第5部分，就是放上刚才做的图片的位置。
把的图片拉到相应位置处。
由于背景图设置那里，是有限制为100K以内的。而白色象素是最小容量的。所以把中间950*700的位置裁出来。
按DELETE键，即可删除中间部分。
由于第二部分和第三部分是标题栏，为了配衬好，所以我们把第二部分和第三部分的245象素部分，都加上相应颜色。
我的标题原先是这样的色调。用截图工具把自己店铺的标题裁剪出来后，另存为JPG格式。然后在PS里面打开。
选择&吸管&工具，把标题两种颜色吸出来。
最后根据位置，把颜色分别填上。
然后这里就可以把图片另存为咯。但是一定要注意，大小一定要在100K之内！
店铺装修上存部分。首先，要在&店铺装修&里，在首页标题下的位置，加一个栏&自定义内容区&。而且在这个区域上，放上一早做好的950*700的背景图片。保存就好。（在这里不需要写上标题哦，否则会有空白位置出现的！）
然后再回到&店铺装修&&&模板&页面。
把制作好的背景图上传。钩选&显示背景图&，背景效果是&不平铺&，背景色可以根据自己的爱好选择，可以选择白色都可以
然后保存，就大功告成咯！
呵呵。终于写完了。希望帮到大家吧！呵呵！
?新手想开女装、鞋子、化妆品网店可
------分隔线----------------------------
免费描述模版推荐
淘宝上弄一今日团购再加限时折扣就可以高仿淘宝聚划算的团购模式, 效果图看看如何: 这...
淘宝卖家：为什么现在收藏淘宝店铺总显示会话过期,请刷新页面或重新登录，这是怎么回...
淘宝收藏本店代码，粉色可爱mm收藏本店模板素材及代码，粉色可爱的风格。适合一些女装...
这些淘宝店铺介绍代码好久以前就整理过了，不过很多都是新人，可能没有看到过。首先要...
在上一课我们学习了，如何设置店铺招牌，这一课我们学习如何设置店铺分类模板，下一课...
很多人问,为什么要装修网店?我是新开的有必要装修吗? 其实,答案很简单,网店必须要装修...
优秀装修模板| 您所在的位置： >
> PS怎么制作淘宝店招图片效果图PS怎么制作淘宝店招图片效果图更新：&&&&编辑：电脑问题&&&&来源：谷普下载站&&&&人气：加载中...&&&&字号：|标签：&& 　　PS怎么制作淘宝店招图片效果图 很多人不知道怎么自定义自家的店招，因为有个系统自带的导航，而系统自带的不能删。很多人会说，喵了个咪!其实你只要把店招上面的那个高度从120px调整到150px，那个系统自带的导航就会自动暗藏的了 =3= (那个地方就是你到店铺装修-首页-对着店招点双击，然后你自己找到 【120px高度】 这个设置。然后手动改成150px点击保留，然后系统自带的就会自己跑到下面，宣布后是暗藏的)。　　首先，我们看看店招完成效果：　　宽是1920px 高是150px 中间的宽度是990px 导航宽度是30px 导航字体12px 最好用黑体　　如果你的老板叫你设计一个店招你会直接新建一个PX的PSD文件去设计吗?
我告知你，千万别这样搞。虽然店招很小，但他也是我们店铺中最主要的一块，而且，店招也感到你整体的风格。所以，我们需要整体的设计。如下图：　　这里想到最近有个美工跟我聊天，他发明我做的图，模特都有修图。他问如果我不修图，那么你老板会怎样? 我说没神马阿，他原来压根就不知道要修图的
他说，那么你不是给自己找麻烦吗 我说，那就是态度问题了
其实，很多时候，美工做不好图，就是怕找麻烦。很多时候，设计的好坏是你的态度决定的。还有，大家记住一句话：你现在帮这个老板做的事，是做给下一个老板看的。
只要你在某一个项目，某一件事，某一个设计，做得漂亮了，下一个老板给你的工资，呵呵，你懂的。到时都不是你去找工作了，是人家来找你了。　　我的这个店招是跟海报融在一起的，这样首页看起来更加大气。这里可能有人会问怎么知道中间990px(或者950)是怎么在PS确定的?很简单，新建一个990*500的PS文件，然后把这个990的图层拉到1920这里，990的图层与1920的背景图对齐就OK了。
其他的店招 导航等等依照这个方式在PS确定地位就OK了，然后用标尺拉好。如下图：　　然后把整体的大体效果画出来
(这个很简单，一层浅浅的蓝色背景，然后用柔和的画笔，用10%的不透明度，然后用无敌乱画法就可以把这个效果画出来了。)　　然后加上导航条(通常导航条就是我们整个页面的主色调了，所以这个不能乱来哟)。用云的形状弄一个摆放logo的地方。这个用来摆放logo的东西用三四个圆形就可以做出来的了。　　然后去网上找气球，抠下来。放到收藏那边。共2页: 　
| 分类选择您可能在找这些第一部分：效果图展示
以本店新旺铺2012基础版为例，大家可以先看一下效果图
.jpg (77.25 KB, 下载次数: 7)
【旺铺2012基础版】个性自定义店招制作分享
13:55 上传
1、&&欢迎进本店观看效果，其中：收藏本店、购物车、查订单均有独立链接，可和专业版高级模板店招相差无几（如下图所示）；
.jpg (11.9 KB, 下载次数: 14)
13:55 上传
2、&&在这里将分享Photoshop制图软件及Dreamweaver网页制作软件相结合，制作出精美的自定义代码店招；
3、&&该方法可以避免自定义店招和内容切片出现图片错位不对齐问题，理所当然也可以应用于自定义导航的制作；
第二部分：店招图片的设计制作
& && &&&本人第一次写帖子，经验不足，请大家多多包涵！本方法要求对Photoshopc 以及DDreamweaver有一定的掌握，不一定对所有人都适合所用，有兴趣的，可以在这里大家一起相互学习，以打造出更完美的自定义店招。
好了，开始分享一下旺铺基础版自定义店招制作方法，效果图在开篇已经发布图片，仅供参考！原来的店招效果如下：
.jpg (9.17 KB, 下载次数: 9)
13:55 上传
1、我们用Photoshop软件或者其它制图软件把所需要的店招设计好，店招尺寸为：950*120像素，如果用该方法来设计自定义导航，店招尺寸可以根据实际情况改变，本店店招就以950*120来讲解。（制作好的店招效果图如下）
.jpg (24.21 KB, 下载次数: 1)
13:55 上传
2、在Photoshop制图软件里打开已设计好的JPG或GIF或PNG格式的店招，这一步，我们主要是想把需要在自定义店招里面添加的链接模块分割开来。
1）为了方便分割图片，建议调出“标尺”工具，快捷键Ctrl+R；新建参考线，其步骤如下：视图→新建参考线，在弹出来的对话框中，根据实际使用情况，选择水平或者垂直。
2）根据实际需要的链接，切出不同个数的图片来，这时候就要用到裁剪工具，这是我的分割图片方法，仅供参考，有快更好的方法大家可以拿出来讨论喔，效果图如下所示：
.jpg (26.96 KB, 下载次数: 6)
13:55 上传
a、带有参考线的图，我把图片分成六块，因为我有四个小块需要添加链接
.jpg (27.12 KB, 下载次数: 14)
13:55 上传
b、不带参考线的分割图，用红线框出来，方便理解喔
3）分别将需要分割成六块的图，用Photoshop软件中的裁剪工具，把六块图分别切出来，保存好，自定义好每张图片的名称，方便区分，然后上传到淘宝图片空间，效果图如下：
.jpg (15.93 KB, 下载次数: 13)
13:55 上传
上传到图片空间，以便后面需要复制图片链接。
第三部分：Dreamweaver网页制作软件获取源代码
1、打开Dreamweaver网页制作软件，如下图所示：新建一个HTML
.jpg (47.74 KB, 下载次数: 13)
13:55 上传
2、新建HTML后，我们在操作界面选择“拆分”模式，目的就是为了让代码界面和设计界面同时显示，方便使用，如下图所示：
.jpg (61.92 KB, 下载次数: 15)
13:55 上传
3、在右边设计栏点一下鼠标，会出现光标闪烁，此时表示可以在里面进行内容编辑。这时，我们就需要通过插入表格，进行表格参数设置，表格可通过两种方式插入，第一：“插入”→“表格”即可弹出设置框；第二：
.jpg (4.66 KB, 下载次数: 15)
13:55 上传
通过快捷方式插入表格。
4、表格参数的设置：表格宽度950像素；边框粗细、单无格边距及单元格间距均为0像素
.jpg (37.1 KB, 下载次数: 6)
13:55 上传
其中，表格的行数和列数根据自己实际情况定，我这里设置行数为3，列数为5，多余的可以通过“Delete”键来删除，后面有讲解。
5、设置好表格参数后，按“确定”，这里在设计界面就会出现一个宽为950像素的表格，如下图所示：
.jpg (20.76 KB, 下载次数: 2)
13:55 上传
6、把光标点中第一个表格，然后插入我们分割好后的店招图片，如下图所示：
.jpg (55.01 KB, 下载次数: 3)
13:55 上传
接下来在弹出来的对话框中，均按“确定”即可。这时我们插入了第一张图片，效果图如下所示：
.jpg (29.41 KB, 下载次数: 3)
13:55 上传
7、按照同样的方法，我们分别把其他几块图片也分别插入，最后效果图如下：
.jpg (31.87 KB, 下载次数: 11)
13:55 上传
这时，或许有人就会问，那这样插入图片，不是会错位么，嘿嘿，刚刚我们提到，在Dreamweaver网页制作软件里，多余的表格是可以通过键盘中的”Delete“这个键删除。我们把多余的表格选中并删除它，最后的效果图如下：
.jpg (33.2 KB, 下载次数: 8)
13:55 上传
但是，大家会不会发现，另侧多余的表格是可以通过选中按“Delete”删除，那为什么画红线边框的那两个单元格删除不了呢？因为本店店招是通过分割成6部分，分别占用了三行，所以导致左下侧两单元格删除不了，那么我们可以通过将左侧三个单元格全部选中合并（合并快捷键Ctrl+Alt+M）来解决，最后效果图如下所示：
.jpg (27.87 KB, 下载次数: 6)
13:55 上传
这个时候我们整个店招图片全部整合在一块，大功即将告成。
8）把已上传到图片空间的图片，复制链接把里面的图片网址换掉，如下图所示：
.jpg (41.72 KB, 下载次数: 15)
13:55 上传
更换有效图片链接方法均一样，建议全部在Dreamweaver软件里全部更换好，最后全部更换好的链接好下图所示：
.jpg (39.84 KB, 下载次数: 2)
13:55 上传
第四部分：旺铺基础版自定义店招的安装
1、把刚刚复制好的有效源代码，进入店铺装修后台，选中店招模块进行编辑，设置如下图所示：
.jpg (33.25 KB, 下载次数: 6)
13:55 上传
2、“源码”编辑模式退出来，如下图所示
.jpg (32.83 KB, 下载次数: 8)
13:55 上传
此时只需要把所要加链接的图片分别加上对应的链接网址，如下图所示：
.jpg (31.73 KB, 下载次数: 8)
13:55 上传
其他图片链接地址都一样，这时候，大功告成。保存然后发布，此时，你可以看到，自己DIY的店招已经搞定，嘿嘿，不妨来试试喔！
为什么我照到你的方法试会有空隙啊，楼主帮帮忙
购物车，查订单，这些链接是怎么弄出来的
我觉得楼主很牛！收藏支持！
顶你一下，
10.gif (18.05 KB, 下载次数: 2)
08:00 上传
17.gif (15.02 KB, 下载次数: 6)
08:00 上传
支持下& &&&支持下！感谢分享
楼主辛苦了
不过对我们新手来说真的太难了哦
77.gif (24.28 KB, 下载次数: 6)
08:00 上传
有兴趣的亲们可以去我店里逛逛，我可以教大家免费上视频哦
基础版装修完美媲美专业版 想省钱的联系我哦
好东西收藏
精彩推荐 /2
本站给大家提供了淘宝刷单刷销量必需的五个工具，刷单的朋友为了你的店铺安全，一定要看看。
本站独家技术，全托刷信誉，刷钻，安全不降权，刷完付款，售后三个月。第一批招商已结束，第二批正在热招中.......