我们以首页的宝贝陈列为例，把如下做好图片放到淘宝首页中 qqaiqin.com游戏技巧分享站

　　大家看到这幅图，现在最先想到的一定是用该图片的上传，但是，本例使用PS切片，完成这个操作。

qqaiqin.com

　　本例大纲如下：

www.qqaiqn.com

　　1.使用PS软件完成图片的切图，生成图片和html

　　2.上传图片到图片空间 copyright www.qqaiqin.com

　　3.复制html中table表格到自定义内容区 本文来自Q淘网 www.qqaiqin.com

　　4.替换图片的本地连接和赋予图片链向地址。

　　注：本例配有视频教程，可在US淘宝学院官方论坛找到 www.qqaiqn.com

　　第一步：

qqaiqin.com

　　打开PS软件，把图片拖入PS中 qqaiqin.com

　　菜单栏--视图—标尺，快捷键Ctrl+R

qqaiqin.com游戏技巧分享站

　　把鼠标放到标尺上，按住鼠标左键拖拽，生成参考线，使用参考线把图片分开，如图：

本文来自Q淘网 www.qqaiqin.com

　　划好参考线线后

　　工具切换到切片工具，如图： Q淘网qqaiqin.com

　　然后查看工具对应的属性栏，点击上面的基于参考线的切片，如图：

  qqaiqin.com游戏技巧分享站

　　点击基于参考线的切片之后，会发现图片被切割成了八张图片，如图所示： Q淘网qqaiqin.com

　　 本文来自Q淘网 www.qqaiqin.com

  Q淘网[www.qqaiqin.com]游戏攻略的网站

　　这里讲的是基于参考线生成切片，也可以手工切图，需要注意不要切出不起眼的小条出来，不然会麻烦一些了。 本文来自Q淘网 www.qqaiqin.com

　　文件—储存为web所用格式—jpeg文件，如图： 内容来自www.qqaiqin.com,Q淘网

　　注意要保存html和图片，切片选择所有切片，点击保存，PS阶段完毕。

copyright www.qqaiqin.com

　　第二步： Q淘网[www.qqaiqin.com]游戏攻略的网站

　　PS完成切片后，保存桌面会自动生成一个image文件夹，该文件夹盛放的就是分隔开的图片，及时上传到图片空间里。 www.qqaiqn.com

　　第三步：

　　PS完成切片后，查看桌面会保存一个html文件，右击，使用Dreamweaver或者记事本打开。如图 Q淘网qqaiqin.com

Q淘网qqaiqin.com

　　打开后，复制里面body之间的内容，如图框选区域： 内容来自www.qqaiqin.com,Q淘网

Q淘网qqaiqin.com

  Q淘网[www.qqaiqin.com]游戏攻略的网站

　　后台首页新建一个自定义内容区，选择标题不显示，源码模式，插入该段代码。 copyright www.qqaiqin.com

　　第四步： 内容来自www.qqaiqin.com,Q淘网

　　插入完代码就完事儿了吗?还没有，会发现根本没有图片，图片全部是裂开状态，原因是因为该段代码所引用的是本地图片地址的链接。

　　回到可视化编辑窗口，双击裂开的图片，如图： copyright www.qqaiqin.com

　　 Q淘网qqaiqin.com

　　这里面有三点需要注意：图片链接复制图片空间中的链接、链向地址复制该宝贝详情页链接、在新窗口打开一定要勾选挨个替换这八张图片，完成操作后预览效果。

    点击查看用ps切片，作到无缝隙图片组合：http://www.qqaiqin.com/ask/6894.html

• ·淘特莱斯详情页是怎么制作，制作技术【图
• ·双十一店铺装修设计，需要考虑商品以及每
• ·淘宝店分类模板，天猫店分类模板样式大全
• ·淘宝手风琴展示模板代码分享下载！
• ·淘宝美食蛋糕店4图全屏轮播代码分享!
• ·淘宝内衣倒计时活动轮播海报代码分享!
• ·淘宝女装全屏轮播海报代码分享!
• ·淘宝店铺装修背景固定代码!
• ·淘宝店铺装修 如何更改背景
• ·PS教程之合成微小人物图片特效的方法!!
• ·用PS给人物换脸的合成图文教程分享!!
• ·ps包包和化妆品产品修图详细图文教程分享
• ·淘宝店铺装修添加宝贝排行榜方法!!!
• ·淘宝女装五一店铺装修全套素材+完整装修
• ·淘宝夏季女装店铺装修全套模板带html码及
• ·淘宝店铺装修自己动手制作一个公告栏（HT