脑细胞死亡是脑死亡么:手把手教您怎样做展示多个商品链接的广告图片

来源:百度文库 编辑:偶看新闻 时间:2024/04/29 01:49:49

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

 

先准备好一张想作为广告的图片:(如下图)


 

 

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

 

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

 

 

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

 

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

 

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


 

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


 

 

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


 

 

 

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

 

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

 

 

 

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


 

 

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

 

 

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

 

 

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

 

 

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

写的好辛苦呢,请亲们转载要标明作者哦