淘宝超详细制作教程_淘宝详情图制作教程

淘宝超详细制作教程由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“淘宝详情图制作教程”。

淘宝店铺模板制作通用版教程

第一步首先要准备2款软件↓：

1.PScs

3此版本功能全内存低

下载地址：www.daodoc.com 2.Dreamweaver8.0效果演示：

推荐8.0 下载地址：www.daodoc.com

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

下一步打开PS 点击文件新建

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

设置完以后点确定！

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

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

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

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

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

点右键然后点 像素画图层

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

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

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

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

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

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

等图片调整好大小以后 点

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

OK把图片放到相应的位置以后效果就是这样啦！接下来我们就把标题和价格 给它添加上去吧！我们先用 矩形选框工具 框出一个长方形来！

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

按住键盘Shift 键 点鼠标左键

从左往右拉！

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

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

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

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

找到文字按钮选好颜色我选的是白色

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

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

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

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

价格打好以后找到

右下角这个按钮选到描边！

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

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

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

接下来我们在添加一个宝贝标题就快完工啦！继续加油！(^o^)/~ 找到文字编辑按钮 好颜色 把宝贝标题打上去

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

(*^__^*)嘻

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

切片工具

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

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

然后会出现这个！里面就不用调了就好！

直接点击确定

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

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

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

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

打里面有一个网页文件 夹

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

然后打开 把HTML文件 拖到

里面去！

如下图

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

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

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

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

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

！汗 终于完成勒！头都搞的晕晕！的！%>_<%！也不知道有没有搞漏的！！各位童鞋 就将就看吧！@！不懂的可以来问我！喔！！不明白的加我旺：qinzimao123 http://taoxiuba.taobao.com