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像素

此帖于 2010-09-11 15:36 被编辑

本帖助威记录

夜烨猪	+5	不好意思选了个减的的，给你补回来，第一次给人助威，请见谅啊
夜烨猪	-3	学习了，给你顶一下
danhong112	+5	是时候也把我的店铺搞搞了都没人来的很便宜却卖不出去
yjlcm888	+1	不错，看来我也可以做一个属于自己店铺的模板了，哈！
娟娟6792889	+1	赞!

总计：威望132点。查看所有助威>>

引用| 回复|

发表于 2010-09-07 20:16 | 只看该作者沙发

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

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

等图片调整好大小以后点

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

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

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

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

按住键盘Shift 键点鼠标左键 从左往右拉！！

上面是效果拉好以后找到 选择工具

点一下选择框按住Ctrl+C 复制 然后再按住Ctrl+V粘贴

粘贴完以后点点击鼠标左键不要放把复制的渐变条做到相应的格子下面！

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

助威| 引用| 回复|

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

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

找到文字按钮选好颜色

我选的是白色

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

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

继续

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

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

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

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

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

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

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

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

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

助威| 引用| 回复|

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

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

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

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

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

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

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

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

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

助威| 引用| 回复|

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

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

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

里面有一个网页文件 一个图片文件夹

把图片文件夹里面的图片全部上传到你的 网络空间里面去！！

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

如下图

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

第一个填写图片地址 第二个填写宝贝连接地址

等把所有图片地址和宝贝连接都转换和添加完以后

模板就制作成功啦！(ˇ?ˇ) ～

模板做好了以后！！只要把代码框里面的代码全部复制到 店铺之定义框里面点保存就可以啦！！

！！汗终于完成勒！！头都搞的晕晕！的！！%>_<%！！也不知道有没有搞漏的！！！

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

本帖助威记录

学会去成长

学会去成长

学会去成长

学会去成长

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

本帖助威记录

学会去成长

学会去成长

学会去成长

学会去成长

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