淘宝模板超详细制作教程

淘宝店铺模板制作通用版教程淘宝店铺模板制作通用版教程 第一步首先要准备第一步首先要准备 2 款软件款软件 1 PScs3此版本功能全内存低此版本功能全内存低 下载地址 下载地址 2 Dreamweaver8 0推荐推荐 8 0 下载地址 下载地址 效果演示 效果演示 首先我们要准备首先我们要准备 7 个店铺里面比较漂亮的宝贝图片 个店铺里面比较漂亮的宝贝图片 你也不一定按照我这个排列你也不一定按照我这个排列 也以根据自己的宝贝自也以根据自己的宝贝自 己排列 己排列 下一步打开下一步打开 PS 点击点击文件新建文件新建 然后会出来一个对话框然后会出来一个对话框 宽度是宽度是 750 像素像素 长度长度 703 像像 素素 也可以根据自己的图片大小自己设定 也可以根据自己的图片大小自己设定 设置完以后点确定 设置完以后点确定 接下了就是先给图片排版 不大会接下了就是先给图片排版 不大会 PS 的童鞋的童鞋 注意注意 啦 啦 先按一下先按一下 Ctrl R 把标尺找出来方便等一下的排版把标尺找出来方便等一下的排版 标尺出来以后标尺出来以后 然后点击然后点击 PS 右边的直线选项右边的直线选项 按住按住 Shift 不要放点击鼠标左键在编辑框中画不要放点击鼠标左键在编辑框中画 出模板边框出模板边框 本模板分为两排本模板分为两排 上一排是上一排是 250X404 像像 素一个素一个 下一排是下一排是 188X299 一个一个 不会的照着下面图不会的照着下面图 片尺寸做也行 片尺寸做也行 等边框画好以后等边框画好以后 在在 PS 右下角找到你画的图层右下角找到你画的图层 点右键然后点点右键然后点 像素画图层像素画图层 点完以后点完以后 我们的模板边框就做好啦 我们的模板边框就做好啦 等边框做好以后我们就可以把准备好的图片放到模板等边框做好以后我们就可以把准备好的图片放到模板 里面去了 里面去了 点找到你准备好的图片点找到你准备好的图片 然后直接拖到然后直接拖到 PS 里面去调里面去调 整图片大小整图片大小 点击图像下面的点击图像下面的 画布大小画布大小 第一排三个大图片尺寸是第一排三个大图片尺寸是 240 x242 像素像素 下面拍四个图片是下面拍四个图片是 175X248 像素像素 画布大小调整好以后找到编辑选项画布大小调整好以后找到编辑选项 然后点击然后点击 自由变自由变 换换 把宝贝图片调整到和画布边框一样大的位置 把宝贝图片调整到和画布边框一样大的位置 调整好后调整好后 安一下回车键确认安一下回车键确认 等图片调整好大小以后等图片调整好大小以后 点点 选择按钮选择按钮 直接把调整好以后的图片拖到直接把调整好以后的图片拖到 模板里面 模板里面 调整好相应位置 调整好相应位置 OK 把图片放到相应的位置以后效果就是这样啦 把图片放到相应的位置以后效果就是这样啦 接下来我们就把标题和价格接下来我们就把标题和价格 给它添加上去吧 给它添加上去吧 我们先用我们先用 矩形选框工具矩形选框工具 框出一个长方形来 框出一个长方形来 然后点选到背景选项然后点选到背景选项 找到左边的渐变工具选好颜色找到左边的渐变工具选好颜色 按住键盘按住键盘 Shift 键键 点鼠标左键点鼠标左键 从左往右拉 从左往右拉 上面是效果上面是效果 拉好以后拉好以后 找到找到 选择工具选择工具 点一下选择框点一下选择框 按住按住 Ctrl C 复制复制 然后再按住然后再按住 Ctrl V 粘贴粘贴 粘贴完以后点点击鼠标左键不要放粘贴完以后点点击鼠标左键不要放 把复制的渐变条把复制的渐变条 做到相应的格子下面 做到相应的格子下面 哈哈这一步完成以后我们就可以在哈哈这一步完成以后我们就可以在 粉红色的渐变格粉红色的渐变格 子上面添加文字勒 子上面添加文字勒 找到文字按钮选好颜色找到文字按钮选好颜色 我选的是白色我选的是白色 接下来就接下来就 打字打字 记得每个 记得每个 长方形上面长方形上面 都要打上喔 都要打上喔 哈哈哈哈 嘻嘻嘻嘻 有点像那么一回事儿了喔 有点像那么一回事儿了喔 继续继续 我们在添加一个价格上去 吧 我们在添加一个价格上去 吧 先选好字的颜色先选好字的颜色 咋找一个人民币的符号 后面打上咋找一个人民币的符号 后面打上 价格价格 当然如果童鞋你卖宝贝用的的是美元 当然如果童鞋你卖宝贝用的的是美元 也可以也可以 用美元的符号的 用美元的符号的 O O 价格打好以后找到价格打好以后找到 右下角这个按钮选到描边 右下角这个按钮选到描边 把颜色换成把颜色换成 浅灰色 点确认就可以啦 浅灰色 点确认就可以啦 等设置好以后等设置好以后 把价格图层复制一下把价格图层复制一下 然后拖到然后拖到 每个每个 宝贝右下角就可以了宝贝右下角就可以了 效果出来啦 效果出来啦 O O 哈哈哈哈 接下来我们在添加一个宝贝标题就快完工啦 接下来我们在添加一个宝贝标题就快完工啦 继继 续加油 续加油 o 找到文字编辑按钮找到文字编辑按钮 好颜色好颜色 把宝贝标题打上去把宝贝标题打上去 哈哈哈哈 标题打上去以后就完成一半啦 标题打上去以后就完成一半啦 嘻嘻嘻嘻 下面是效果 下面是效果 好我们再来下一步吧 等上面都完成以后好我们再来下一步吧 等上面都完成以后 找到找到 切片工具切片工具 然后按住鼠标左键然后按住鼠标左键 从左上角往右下角拉 把每个从左上角往右下角拉 把每个 格子分开切片 切片好以后如下图格子分开切片 切片好以后如下图 等切片完成以后等切片完成以后 找到文件选项找到文件选项 选择保存为选择保存为 Web 格格 式式 然后会出现这个 然后会出现这个 里面就不用调了里面就不用调了 直接点击确定直接点击确定 就好 就好 确定以后新建一个文件夹确定以后新建一个文件夹 然后保存在里面然后保存在里面 接下来会出现一个对话筐接下来会出现一个对话筐 不用管它不用管它 点确定就好 点确定就好 OK PS 这部分就算完了 把源文件保存以后就可以这部分就算完了 把源文件保存以后就可以 关掉关掉 PS 了 了 关掉关掉 PS 以后找到你刚刚保存的以后找到你刚刚保存的 Web 文件文件 打打 开 开 里面有一个网页文件里面有一个网页文件 一个图片文件一个图片文件 夹夹 把图片文件夹里面的图片全部上传到把图片文件夹里面的图片全部上传到 你的你的 网络空间网络空间 里面去 里面去 然后打开然后打开 把把 HTML 文件文件 拖到拖到 里面去里面去 如下图如下图 接下来就要把每个图片的本地地址接下来就要把每个图片的本地地址 换成你图片空 换成你图片空 间的地址 间的地址 第一个填写图片地址第一个填写图片地址 第二个填写宝贝连接地址第二个填写宝贝连接地址 等把所有图片地址和宝贝连接都转换和添加完以后等把所有图片地址和宝贝连接都转换和添加完以后 模板就制作成功啦 模板就制作成功啦 模板做好了以后模板做好了以后 只要把代码框里面的代码全部 只要把代码框里面的代码全部 复制到复制到 店铺之定