2024年4月16日发(作者：)
PS详细店铺首页模板制作
教程 扶植版也能用
嘿嘿第二篇帖子又被加精啦！！！！感谢
童鞋们的支持！还要感谢辛苦工作的管理员同志！
呜呜呜！！自从这个帖子发出来以后就有很多童鞋来
找我帮忙 ！人超多我都忙不过来勒！还跑勒几个客
人！由于来问问题的童鞋真是太多了！！有的童
鞋的问题就没有来得及回！！可有的人却说 我辛辛
苦苦花了4个小时为童鞋们做的教程 ！是不知道从
那个网站抄来的！搞不好我都不会做！所以才不敢回
答他还骂我！说实话 亮亮真的很气愤！
真是林子大了什么鸟都有所以我觉得以后亲有
什么问题还是直接回帖提问就好！我会定期上来为童
鞋们解答的！！
PS超详细店铺首页模板制作教程 扶植版也能用（绝
对原创）申精
嗨！大家好！亮亮又来写帖子咯！！好久没有写帖子
啦！这几个月一直在海底潜水！！摸鱼！今天实在是
鳖不住勒！出来换口气儿！O(∩_∩)O~！ 前几个月
写了一篇教程帖子被加精以后！应很多亲的要求！今
天在教大家做一个比上次更漂亮的宝贝展示模板！！
希望能帮到大家！！哦对了 这个是我以前的教程帖
子 有兴趣的 童鞋 可以去看看！
/group/thread/903165-1343
好 由于本人文笔不大好！废话就不多说啦！咱们进
入正题吧!!这次这个教程可能比上一个教程稍微难一
点 请童鞋们做好心里准备！
先做准备！今天我们做这个模板要用到的软件！有两
个 一个是大家都知道的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 被编辑
本帖助威记录
迈向2013 谢谢楼主的分享！
+5
夏天的石榴花8
+1
顶
绝非偶然时尚品
味
亿朵饰品
学习了 谢谢楼主分享
+2
写的好好 只是我还不会 ！
+5
楼主，真是好人-今天有学习到
快乐大巴518
+1
了！！
总计：威望57点。 查看所有助威>>
引用| 回复|
分享到
学会去成长
•
等级：江湖新秀
•
荣誉：
•
积分：471
•
威望：215
•
帖子：3
•
•
买家星级：
•
卖家星级：
•
注册时间：2010-02-05
•
最后登录：2010-09-12
•
旺旺在线
•
淘江湖
•
进入店铺
•
个人主页
学会去成长
旺旺在线
帖子：3
积分：471
威望：215
荣誉：
发表于 2010-09-07 20:16 | 沙发
只看该作者
画布大小调整好以后找到编辑选项 然后点击 自由
变换 把宝贝图片调整到和画布边框一样大的位置！
调整好后 安一下回车键确认
等图片调整好大小以后 点
选择按钮 直接把调整好以后的图片拖到 模板里
面！！调整好相应位置
OK把图片放到相应的位置以后效果就是这样啦！！
接下来我们就把标题和价格 给它添加上去吧！！
(*^__^*) ……
我们先用 矩形选框工具 框出一个长方形来！！
然后点选到背景选项 找到左边的渐变工具选好颜色
按住键盘Shift 键 点鼠标左键 从左往右拉！！
上面是效果 拉好以后 找到 选择工具
点一下选择框 按住Ctrl+C 复制 然后再按住Ctrl+V
粘贴
粘贴完以后点点击鼠标左键不要放 把复制的渐变条
做到相应的格子下面！
最后编辑时间为 2010-09-07 20:24
本回复助威记录
裤比寻常 支持一下
+4
蓝色第八空间 贴子超详细，用处很大，好好学习
+2
总计：威望6点。 查看所有助威>>
助威| 引用| 回复|
学会去成长
•
•
•
•
•
•
•
•
•
•
等级：江湖新秀
荣誉：
积分：471
威望：215
帖子：3
买家星级：
卖家星级：
注册时间：2010-02-05
最后登录：2010-09-12
旺旺在线
淘江湖
进入店铺
•
•
•
•
个人主页
学会去成长
旺旺在线
帖子：3
积分：471
威望：215
荣誉：
发表于 2010-09-07 20:25 | 只看该作者 6楼
哈哈这一步完成以后我们就可以在 粉红色的渐变格
子上面添加文字勒！
找到文字按钮选好颜色
我选的是白色
接下来就 打字(ˇ?ˇ) ～！！记得每个 长方形上面都
要打上喔！
哈哈(*^__^*) 嘻嘻……有点像那么一回事儿了喔！！！
继续
我们在添加一个价格上去！！吧！！
先选好字的颜色 咋找一个人民币的符号！后面打上
价格 ！当然如果童鞋你卖宝贝用的的是美元 也可以
用美元的符号的！O(∩_∩)O~
价格打好以后找到 右下角这个按钮选到描边！
把颜色换成 浅灰色、点确认就可以啦！
等设置好以后 把价格图层复制一下 然后拖到 每个
宝贝右下角就可以了
效果出来啦！ O(∩_∩)O哈哈~！
接下来我们在添加一个宝贝标题就快完工啦！！ 继
续加油！！(^o^)/~
找到文字编辑按钮 好颜色 把宝贝标题打上去
最后编辑时间为 2010-09-07 20:33
本回复助威记录
谢谢楼主，学习了。作为新手小卖家我
nxsy0123 +1
很需要这样的知识。
总计：威望1点。 查看所有助威>>
助威| 引用| 回复|
学会去成长
•
•
•
•
•
•
等级：江湖新秀
荣誉：
积分：471
威望：215
帖子：3
•
•
•
•
买家星级：
卖家星级：
注册时间：2010-02-05
最后登录：2010-09-12
•
旺旺在线
•
淘江湖
•
进入店铺
•
个人主页
学会去成长
旺旺在线
帖子：3
积分：471
威望：215
荣誉：
发表于 2010-09-07 20:34 | 7楼只看该作者
哈哈 标题打上去以后就完成一半啦！！！
嘻…… 下面是效果！！
(*^__^*) 嘻
好我们再来下一步吧！！等上面都完成以后 找到
切片工具
然后按住鼠标左键 从左上角往右下角拉！！把每个
格子分开切片！！切片好以后如下图
等切片完成以后 找到文件选项 选择保存为Web格
式
然后会出现这个！！ 里面就不用调了
就好！！
直接点击确定
确定以后新建一个文件夹 然后保存在里面
接下来会出现一个对话筐 不用管它 点确定就好！！
最后编辑时间为 2010-09-07 20:57
本回复助威记录
绿杭斋 回家研究一下
+3
谢谢楼主，学习了。作为新手小卖家我
nxsy0123 +1
很需要这样的知识。
总计：威望4点。 查看所有助威>>
助威| 引用| 回复|
学会去成长
•
•
•
•
•
•
•
等级：江湖新秀
荣誉：
积分：471
威望：215
帖子：3
买家星级：
•
•
•
卖家星级：
注册时间：2010-02-05
最后登录：2010-09-12
旺旺在线
淘江湖
进入店铺
个人主页
•
•
•
•
学会去成长
旺旺在线
帖子：3
积分：471
威望：215
荣誉：
发表于 2010-09-07 20:58 | 只看该作者 8楼
OK PS这部分就算完了！把源文件保存以后就可以关
掉PS了！！
关掉PS以后找到你刚刚保存的Web文件
开！
打
里面有一个网页文件
夹
一个图片文件
把图片文件夹里面的图片全部上传到 你的 网络空
间里面去！！
然后打开 把HTML文件 拖
到
里面去!!
如下图
接下来就要把每个图片的本地地址 ！换成你图片空
间的地址！！
第一个填写图片地址 第二个填写宝贝连接地址
等把所有图片地址和宝贝连接都转换和添加完以后
模板就制作成功啦！(ˇ?ˇ) ～
模板做好了以后 ！！只要把代码框里面的代码全部
复制到 店铺之定义框里面点保存就可以啦！！
！！ 汗 终于完成勒！！ 头都搞的晕晕！
的 ！！%>_<%！！也不知道有没有搞漏的
各位童鞋 就将就看吧！@！ 不懂的可以来问我！！
喔
更多推荐
图片,找到,模板,点击,店铺,按钮,工具
发布评论