淘宝模板制作教程

淘宝模板制作教程

淘宝模板制作教程

【步骤一】用Photoshop打造出整个图片。

首先，打开软件，新建空白文件，拓展版为950像素宽度，标准版为750像素宽度，具体高度根据自己的要求确定。

然后，在菜单视图那里周出参考线。这个是为了制作出来的宝贝图片的整齐性而做的。

接着，就是为空白文件添加图片了，我这里制作的是8张图的模板，以这个为例。打开将要合成的8张图片。由于制作过程的重复性我就只以一张图片作示范哦。

最后，把图拉过去模板中，用自由变形工具合理缩放，大小合适就可以了，有多余的就删除。看下图，第一个图完成了哦。

其他的逐张拉过去，缩放到需要的大小就OK了哦，不要忘记写上你宝贝的名称和价格。最终效果如图：

【步骤二】超简单！只在把图片上传到淘宝空间就可以了

【步骤三】用Dreamweaver 制作代码。

实现点击图转跳到宝贝详情页面的功能。

（1）让我们打开Dreamweaver （软件版本自定）软件

（2）就在菜单栏的“插入”中插入第一步中制作好的图片

直接点击矩热点工具，然后就对图片选择热点位置，看我的操作哦：选择了矩形热点工具后就在图片的相应位置画出正确的位置。

（3）：为选择好的区域添加超链接，这个链接，就是您相应宝贝的链接呢，

最后一步：复制图示下面位置的代码，用于添加到自定义内容区的代码