图片插连接方法

实图指导如何用图片做链接宣传在图片上加上自己的店铺的链接，是个不错的宣传方法，但是很多开店的新手都不知道怎么做的，下面是卖家总结的在图片上加上链接的经验，供每个新手参考。第一步，由于咱淘宝的促销区宽度最大允许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 ）海蜇用的版本全称是“Macromedia Dreamweaver 8.0”下面就是用 Dreamweaver 打开后的界面啦点击下第一张图片，然后把相册里该图片的地址复制到下方的【源文件】里每一张小图片都复制上地址以后，切换到【代码】选项卡把代码全选，然后复制第七步，打开淘宝，制作促销区模版打开【店铺装修】【添加模块】p.s，添加了自定义模块后记得保存设置噢O(_)O在添加好的自定义内容区上点【编辑】在出现的对话框上点下海蜇框出来的那个图标然后把代码复制上去，再点下红框框里的图标促销区的基本样子就出来了噢P.s，如果没有把图片相册里的地址复制到Dreamweaver 的【源文件】里，那么即使把代码复制上去，显示出来的也是红 XX 噢 因为这时候你的图片是存储在本地的地址，淘宝是没办法显示的啦第八步：插入链接呼啦啦，终于到了最后一步啦，累死偶了TAT首先找到需要插入链接的图片上的那个宝贝的购买页面的地址噢然后选中那张图片，再点击下上面的红框框里的图标把宝贝购买页面的地