重修之灭神弑仙:PS超详细店铺首页模板制作教程 扶植版也能用（绝对原创）申精

嘿嘿第二篇帖子又被加精啦！！！！感谢童鞋们的支持！还要感谢辛苦工作的管理员同志！

呜呜呜！！自从这个帖子发出来以后就有很多童鞋来找我帮忙 ！人超多我都忙不过来勒！还跑勒几个客人！由于来问问题的童鞋真是太多了！！有的童鞋的问题就没有来得及回！！可有的人却说  我辛辛苦苦花了4个小时为童鞋们做的教程 ！是不知道从那个网站抄来的！搞不好我都不会做！所以才不敢回答他！！！还骂我！说实话 亮亮真的很气愤！真是林子大了什么鸟都有！！！所以我觉得以后亲有什么问题还是直接回帖提问就好！我会定期上来为童鞋们解答的！！

PS超详细店铺首页模板制作教程 扶植版也能用（绝对原创）申精

嗨！大家好！亮亮又来写帖子咯！！好久没有写帖子啦！这几个月一直在海底潜水！！摸鱼！今天实在是鳖不住勒！出来换口气儿！O(∩_∩)O~！ 前几个月写了一篇教程帖子被加精以后！应很多亲的要求！今天在教大家做一个比上次更漂亮的宝贝展示模板！！希望能帮到大家！！哦对了 这个是我以前的教程帖子 有兴趣的 童鞋 可以去看看！http://bangpai.taobao.com/group/thread/903165-13435339.htm

好 由于本人文笔不大好！废话就不多说啦！咱们进入正题吧!!这次这个教程可能比上一个教程稍微难一点 请童鞋们做好心里准备！ 

先做准备！今天我们做这个模板要用到的软件！有两个 一个是大家都知道的PS还有一个就是Dreamweaver8.0

如果没有安装着两个软件的 童鞋可以去百度搜索！很多！不要钱的！

 必备软件介绍完了 那我们就开始吧~！

这个 是我们这次模板的效果图片 O(∩_∩)O  

首先我们要准备7个店铺里面比较漂亮的宝贝图片！ 你也不一定按照我这个排列 也以根据自己的宝贝自己排列！

 下一步打开PS  点击新建

然后会出来一个对话框 宽度是750像素 长度703像素 （也可以根据自己的图片大小自己设定）！

设置完以后点确定！

接下了就是先给图片排版！不大会PS的童鞋 注意啦！！

先按一下Ctrl+R把标尺找出来方便等一下的排版

标尺出来以后 然后点击PS右边的直线选项  按住Shift不要放点击鼠标左键在编辑框中画出模板边框 本模板分为两排 上一排是250X404像素一个 下一排是188X299一个 不会的照着下面图片尺寸做也行！

等边框画好以后 在PS右下角找到你画的图层 点右键然后点 像素画图层

点完以后 我们的模板边框就做好啦！！

等边框做好以后我们就可以把准备好的图片放到模板里面去了！！

点找到你准备好的图片 然后直接拖到 PS里面去调整图片大小

点击图像下面的 画布大小 第一排三个大图片尺寸是240x242像素 下面拍四个图片是175X248像素

本帖助威记录

学会去成长

• 等级：初窥堂奥
• 荣誉：
• 积分：836
• 威望：380
• 帖子：3
• 银币：872
• 买家星级：
• 卖家星级：
• 注册时间：2010-02-05
• 最后登录：2011-06-18

• 旺旺在线
• 淘江湖
• 进入店铺
• 个人主页

学会去成长

旺旺在线

帖子：3

积分：836

威望：380

银币：872

荣誉：

画布大小调整好以后找到编辑选项 然后点击 自由变换 把宝贝图片调整到和画布边框一样大的位置！

调整好后 安一下回车键确认

等图片调整好大小以后 点

选择按钮 直接把调整好以后的图片拖到 模板里面！！调整好相应位置

OK把图片放到相应的位置以后效果就是这样啦！！接下来我们就把标题和价格 给它添加上去吧！！(*^__^*) ……

我们先用 矩形选框工具 框出一个长方形来！！

然后点选到背景选项 找到左边的渐变工具选好颜色

本回复助威记录

学会去成长

• 等级：初窥堂奥
• 荣誉：
• 积分：836
• 威望：380
• 帖子：3
• 银币：872
• 买家星级：
• 卖家星级：
• 注册时间：2010-02-05
• 最后登录：2011-06-18

• 旺旺在线
• 淘江湖
• 进入店铺
• 个人主页

学会去成长

旺旺在线

帖子：3

积分：836

威望：380

银币：872

荣誉：

哈哈这一步完成以后我们就可以在 粉红色的渐变格子上面添加文字勒！

找到文字按钮选好颜色

我选的是白色

接下来就 打字(ˇ?ˇ) ～！！记得每个 长方形上面都要打上喔！

哈哈(*^__^*) 嘻嘻……有点像那么一回事儿了喔！！！

继续

我们在添加一个价格上去！！吧！！

先选好字的颜色 咋找一个人民币的符号！后面打上价格 ！当然如果童鞋你卖宝贝用的的是美元 也可以用美元的符号的！O(∩_∩)O~

价格打好以后找到 右下角这个按钮选到描边！

把颜色换成 浅灰色、点确认就可以啦！

等设置好以后 把价格图层复制一下 然后拖到 每个宝贝右下角就可以了

效果出来啦！ O(∩_∩)O哈哈~！

接下来我们在添加一个宝贝标题就快完工啦！！ 继续加油！！\(^o^)/~

 

找到文字编辑按钮 好颜色 把宝贝标题打上去

 

最后编辑时间为 2010-09-07 20:33

本回复助威记录

总计：威望2点。 查看所有助威>> 助威| 引用| 回复|

学会去成长

• 等级：初窥堂奥
• 荣誉：
• 积分：836
• 威望：380
• 帖子：3
• 银币：872
• 买家星级：
• 卖家星级：
• 注册时间：2010-02-05
• 最后登录：2011-06-18

• 旺旺在线
• 淘江湖
• 进入店铺
• 个人主页

学会去成长

旺旺在线

帖子：3

积分：836

威望：380

银币：872

荣誉：

发表于 2010-09-07 20:34 | 只看该作者 7楼

哈哈 标题打上去以后就完成一半啦！！！ (*^__^*) 嘻嘻…… 下面是效果！！

好我们再来下一步吧！！等上面都完成以后 找到 切片工具

然后按住鼠标左键 从左上角往右下角拉！！把每个格子分开切片！！切片好以后如下图

等切片完成以后 找到文件选项 选择保存为Web格式

然后会出现这个！！ 里面就不用调了 直接点击确定就好！！

确定以后新建一个文件夹 然后保存在里面

接下来会出现一个对话筐 不用管它 点确定就好！！

 

 

 

 

本回复助威记录

学会去成长

• 等级：初窥堂奥
• 荣誉：
• 积分：836
• 威望：380
• 帖子：3
• 银币：872
• 买家星级：
• 卖家星级：
• 注册时间：2010-02-05
• 最后登录：2011-06-18

• 旺旺在线
• 淘江湖
• 进入店铺
• 个人主页

学会去成长

旺旺在线

帖子：3

积分：836

威望：380

银币：872

荣誉：

OK PS这部分就算完了！把源文件保存以后就可以关掉PS了！！

关掉PS以后找到你刚刚保存的Web文件 打开！

然后打开 把HTML文件 拖到 里面去!!

如下图

接下来就要把每个图片的本地地址 ！换成你图片空间的地址！！