搜档网

搜档网

当前位置:搜档网 > PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

PS超详细店铺首页模板制作教程扶植版也能用http://www.sodocs.net/doc/f7ff7274f46527d3240ce010.html/group/thread/903165-1343 5339.htm

今天我们做这个模板要用到的软件!有两个一个是大家都知道的PS还有一个就是

PS详细淘宝店铺首页模板制作教程学习

Dreamweaver8.0

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

PS详细淘宝店铺首页模板制作教程学习

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

下一步打开PS 点击新建

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

设置完以后点确定!

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

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

PS详细淘宝店铺首页模板制作教程学习

标尺出来以后然后点击PS右边的直线选项

PS详细淘宝店铺首页模板制作教程学习

寸做也行!

PS详细淘宝店铺首页模板制作教程学习

等边框画好以后在PS右下角找到你画的图层

PS详细淘宝店铺首页模板制作教程学习

点右键然后点像素画图层

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

等图片调整好大小以后点

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

PS详细淘宝店铺首页模板制作教程学习

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

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

找到文字按钮选好颜色

我选的是白色

接下来就打字(ˇ?ˇ) ~!!记得每个长方形上面都

要打上喔!

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

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

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

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

PS详细淘宝店铺首页模板制作教程学习

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

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

PS详细淘宝店铺首页模板制作教程学习

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