图片插连接方法

实图指导如何用图片做链接宣传

在图片上加上自己的店铺的链接，是个不错的宣传方法，但是很多开店的新手都不知道怎么做的，下面是卖家总结的在图片上加上链接的经验，供每个新手参考。第一步，由于咱淘宝的促销区宽度最大允许735像素，所以大家在找好背景图像后首先要把宽度调到735或以下噢~~

调整图像大小是在上方的工具栏的【图像】下拉菜单里的【图像大小】（如图）

【约束比例】选项最好勾上噢，免得破坏了背景的比例就不好看啦~~~O(∩_∩)O~另外，建议大家把【标尺】也勾选上噢，因为后面的操作是需要用到精确的尺度的，有了标尺就方便精确的多啦~~【标尺】的位置在：工具栏→【视图】→【标尺】

第二步，要画宝贝陈列的橱窗格子啦~~首先根据背景的宽度（比方说偶是735像素）、高度、你所要陈列的商品数以及每个格子直接的间距，最好是要匀称分布噢，不然布局就不好看啦~~嗯，经过大概计算，某蛰决定设置两排格子，每排设置4个格子，每个格子宽4.5CM,高6CM（标尺上的值），格子间上下左右都是间隔1CM（真是个细心活丫~~~o(╯□╰)o）可是呢，海蜇发现这样的格子大小比较适合陈列宝贝（因为海蜇这回的促销区放的

是连衣裙，格子需要长一些），可是背景图片的高度似乎不够，会使得上下边距很小，影响图片美观……嘿嘿嘿，没关系，这个问题很容易解决的噢，看招~~~~~\(≧▽≦)/~（当然啦，不需要更改背景图片高度的可以直接pass……）

首先，选中背景图层（不要问我在哪里选……= =！要疯了……就在页面的右下方……）

然后在背景图层上双击，出现下面的对话框~

点确定~~

然后打开工具栏→【图像】→【画布大小】

该怎么调整画布大小呢？

首先大家看【定位】，海蜇现在这个更改意思是把背景图片重心上移，也就是说从画布的下方扩展高度，至于扩展多少高度就由大家自己定啦~~（偶现在设置的是扩展15像素的高度）

大家看，画布从下方扩展高度后就是空出这么一块噢~~有人问了，这样子很不好看丫，呵呵，别急~~~

首先选中【矩形选框】工具，然后在空出的那一块地方不留空隙的拉出一块选区~~~

然后把选区向上拉到背景图片的下方，边缘要重合噢~~

然后按下【CTRL+J】，复制选区~然后选择【移动工具】，把复制的选区图像向下拉（或者使用键盘上的上下移动键），直到选区图像和原来的图片完美的接合~~~

哈，好啦，画布的调整做好了，我们就可以进行下一步——拉取橱窗格子啦~~~

第三步，制作宝贝陈列的格子~~~

首先选择【圆角矩形工具】，然后根据计算好的格子的大小以及边距拉取格子~~~

嗯，这时候我们会看到格子中间填充了颜色，这可就不美观了，怎么办呢？

嘿嘿，很简单，把格子的填充色去掉就好，如图~~~

选中格子图层，然后把【图层】选项卡上方的填充从100%改为0%就好啦~~~

但是这时候我们会看到格子彻底消失了，呵呵，要让它重新现身，就要动用到【添加图层样式】功能~~~

点一下这个【f】的小图标，在出现的菜单中选择【描边】

然后点一下出现的对话框中的【颜色】，选择适合你背景图片的边框颜色就好啦~~ 做好的橱窗格子就是下面这个样子噢~~~

用同样的办法，依次制作小格子~~~

噔噔噔噔~~~不错吧~~哈哈~~好，下面就是把宝贝的照片放进格子里去啦~~~ （下面大家看到偶做示范的图片上的格子不一样了，那是因为我放入宝贝的照片后觉得上面做的格子太小啦就换了个规格，但是方法是完全一样的噢~~~O(∩_∩)O~）

哈哈，就是这样的噢~~下面大家可以根据自己的喜好加入文字说明~~~\(^o^)/~

成品图，哈哈~~~~\(≧▽≦)/~啦啦啦

好啦，促销区图片做好了，可是还没有结束噢，还要加入链接呢~~我们进入下一步~~ 第四步，切片~

切片这东西，简单来说就是把你的图片分成一块一块的，因为图片上会有几件宝贝信息，每一件宝贝都要加入不同的链接（也就是说如果整张图片只链接到一个页面的话就不用切片啦~~）好，首先选择切片工具~~

切片一定要注意注意再注意，这可又是一细心活~~每个切片一定要紧紧重合，不能留有缝隙，否则图片做出来就不好看了噢~~~这也就是为什么之前海蜇要强调把格子平均分的原因之一-----方便切片噢~~~O(∩_∩)O~

好啦，做好切片后图片就成了下面这个样子~~~~\(≧▽≦)/~

嗯嗯，还要注意一点就是，即使是不需要插入链接的部分也要做切片噢~~因为我们每一部分都会作为一张独立的图片存起来的呢~~

可能切片这部分大家还有点不清楚，没关系，多实践几遍就好啦~~当初海蜇也是这样的，而且那书上还说的特简略，让偶走了不少弯路……现在海蜇已经把自己总结出来的一些教训告诉大家了噢，大家稍微注意一下就好啦~~~O(∩_∩)O~

第五步，好啦，做到这里，photoshop的任务基本完成了噢，只需要把做好的东东存起来就可以关掉PS了~~~

但是注意啦，存的时候可不是存为JPG或者BMP格式噢~~

点【文件】→【存储为Web所用格式】

然后会出现下面这个对话框-----

点存储就好啦~~~

第六步，上传图片~~

首先在你存储的那个文件夹里找到下面这两个图标~~

晕，水印挡住了。。。= =这个文件夹叫【images】，放着你切成小片的图片们~~大家要把这个文件夹里的图片都分别传到相册里去哦~~~（海蜇用的是淘宝自家的相册噢，很不错的说~~~\(^o^)/~）

这个是Web格式，需要用Dreamweaver软件打开（顺便插一句，没有这个软件的朋友可以找我要噢，在下面留下邮箱就好，海蜇有空的时候就给大家发过去~~但是有个条件……嘿嘿嘿，就是请大家收藏下偶的小店啦，然后把收藏页面的截图和邮箱一起贴上来就可以了噢~~~O(∩_∩)O~）