手把手教你怎么做展示带多个商品链接的广告图片

大家好，我是朵朵，一个勤奋的80后小卖家。

丢张照片，别拍砖额

大家都知道装修对于一个店店来说很重要，尤其是像和我一样的新人新开的店店，没有大卖家耀眼的信誉和扎实的顾客群体，当然希望每个进店的客人都能被自己的店店吸引啦。

但是找专业的装修店做装修和广告需要很多的钱，新开店店的亲们大多都没有很多的资金吧，这就需要我们主动学习、自力更生啦，HOHO~

为了吸引住不多的进店亲的注意，朵朵可是费了一番功夫呢。朵朵店里所有的店招、广告、边栏、收藏、商品介绍等等都是朵朵自己做的哦，功夫不负有心人，好多进店的亲都夸朵朵的店很漂亮哦。

店店装修的好，所以开店刚20天左右每天就有7-80的IP，而且有很多回头客哦（我的注册时间早，但是一直没开店，这是早上8点截的图图）。

所以大家一定要给自己的店店好好的美化一番，今天就教大家怎样利用PS自己DIY简单的带商品链接的漂漂广告吧。这个听起来很玄妙，其实做起来是很简单的哦。

先准备好一张想作为广告的图片：（如下图）

点击切片工具，把要做链接的地方框起来。注意哦，如果是自己做的带涂层的图片，切片前需要把图层合并哦。

如下图03切片【冬日特价 日韩前沿】其他都是自动生成的切片。

虽然我们只框了一个切片，但软件会自动生成其他部分的切片，用横向和纵向关系将整个图片分割成了5份小图片，

我们尽量做简单的切片哦，不然碎图片太多，后期处理很麻烦的。

下面给03切片作链接，我们双击03切片区域，可弹出对话框下图:

此时，我们在URL：后面填上对应链接的网站地址点击确定就可以了。

现在我们可以点击网页预览，就可以看到图片和代码。因为大家的PS版本不同，没有网页预览的童鞋可以下载ImageReady制作。

把上面那段代码复制保存好一会准备用，然后回到PS按Shift Ctrl Alt S 保存为HTML和图像。

保存后会形成一个网页浏览和一个images文件夹。

我们将images这个图片文件夹的所有图片传到网上的图片空间里（就是切散后的几张图片）。

然后我们进入店铺装修，复制刚才保存好的代码，粘贴到自定义模块里。这时候我们发现图片全是XX，显示不出来。

这时候我们双击那些XX就会弹出对话框，上面就是刚才上传的几张图片的图片地址哦，按照提示顺序填入图片地址，图片就可以显示了。很简单的吧，HOHO~

最后成品效果，点击文字就会连接到商品了哦：

做多个连接的广告图原理是一样的，只是切片多一些，图片多一些而已，要有耐心哦，最后祝大家生意兴隆哦，嘿嘿~