淘宝模板超详细制作教程.pdfVIP

淘宝店铺模板制作通用版教程 第一步首先要准备 2 款软件↓： 1. PScs3 此版本功能全内存低 下载地址： 2. Dreamweaver8.0 推荐 8.0 下载地址： 效果演示： 首先我们要准备 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 文件 打 开！ 里面有一个网页文件 一个图片文件 夹 把图片文件夹里面的图片全部