1 / 14
文档名称:

图片插连接方法.doc

格式:doc   页数:14页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

图片插连接方法.doc

上传人:endfrs 2016/4/20 文件大小:0 KB

下载得到文件列表

图片插连接方法.doc

相关文档

文档介绍

文档介绍:. 实图指导如何用图片做链接宣传在图片上加上自己的店铺的链接, 是个不错的宣传方法, 但是很多开店的新手都不知道怎么做的, 下面是卖家总结的在图片上加上链接的经验, 供每个新手参考。第一步, 由于咱淘宝的促销区宽度最大允许 735 像素,所以大家在找好背景图像后首先要把宽度调到 735 或以下噢~~ 调整图像大小是在上方的工具栏的【图像】下拉菜单里的【图像大小】(如图) 【约束比例】选项最好勾上噢, 免得破坏了背景的比例就不好看啦~~~O( ∩_∩)O~ 另外, 建议大家把【标尺】也勾选上噢, 因为后面的操作是需要用到精确的尺度的, 有了标尺就方便精确的多啦~~ 【标尺】的位置在:工具栏→【视图】→【标尺】第二步,要画宝贝陈列的橱窗格子啦~~ 首先根据背景的宽度(比方说偶是 735 像素)、高度、你所要陈列的商品数以及每个格子直接的间距, 最好是要匀称分布噢, 不然布局就不好看啦~~ 嗯, 经过大概计算, 某蛰决定设置两排格子, 每排设置 4 个格子, 每个格子宽 , 高 6CM (标尺上的值) ,格子间上下左右都是间隔 1CM (真是个细心活丫~~~o( ╯□╰)o) 可是呢, 海蜇发现这样的格子大小比较适合陈列宝贝( 因为海蜇这回的促销区放的. 是连衣裙,格子需要长一些) ,可是背景图片的高度似乎不够,会使得上下边距很小,影响图片美观……嘿嘿嘿, 没关系, 这个问题很容易解决的噢, 看招~~~~~\( ≧▽≦)/~ ( 当然啦,不需要更改背景图片高度的可以直接 pass ……) 首先,选中背景图层(不要问我在哪里选……== !要疯了……就在页面的右下方……) 然后在背景图层上双击,出现下面的对话框~ 点确定~~ 然后打开工具栏→【图像】→【画布大小】. 该怎么调整画布大小呢? 首先大家看【定位】, 海蜇现在这个更改意思是把背景图片重心上移, 也就是说从画布的下方扩展高度, 至于扩展多少高度就由大家自己定啦~~ ( 偶现在设置的是扩展 15 像素的高度) 大家看, 画布从下方扩展高度后就是空出这么一块噢~~ 有人问了, 这样子很不好看丫, 呵呵,别急~~~ 首先选中【矩形选框】工具,然后在空出的那一块地方不留空隙的拉出一块选区~~~ . 然后把选区向上拉到背景图片的下方,边缘要重合噢~~ 然后按下【 CTRL+J 】, 复制选区~ 然后选择【移动工具】, 把复制的选区图像向下拉(或者使用键盘上的上下移动键) ,直到选区图像和原来的图片完美的接合~~~ . 哈,好啦,画布的调整做好了,我们就可以进行下一步——拉取橱窗格子啦~~~ 第三步,制作宝贝陈列的格子~~~ 首先选择【圆角矩形工具】,然后根据计算好的格子的大小以及边距拉取格子~~~ 嗯,这时候我们会看到格子中间填充了颜色,这可就不美观了,怎么办呢? 嘿嘿,很简单,把格子的填充色去掉就好,如图~~~ 选中格子图层,然后把【图层】选项卡上方的填充从 100% 改为 0% 就好啦~~~ 但是这时候我们会看到格子彻底消失了, 呵呵, 要让它重新现身, 就要动用到【添加图层样式】功能~~~ 点一下这个【 f 】的小图标,在出现的菜单中选择【描边】. 然后点一下出现的对话框中的【颜色】,选择适合你背景图片的边框颜色就好啦~~ 做好的橱窗格子就是下面这个样子噢~~~ 用同样的办法,依次制作小格子~~~ . 噔噔噔噔~~~ 不错吧~~ 哈哈~~ 好,下面就是把宝贝的照片放进格子里去啦~~~ (下面大家看到偶做示范的图片上的格子不一样了,那是因为我放入宝贝的照片后觉得上面做的格子太小啦就换了个规格,但是方法是完全一样的噢~~~O( ∩_∩)O~ ) 哈哈,就是这样的噢~~ 下面大家可以根据自己的喜好加入文字说明~~~\(^o^)/~ . 成品图,哈哈~~~~\( ≧▽≦)/~ 啦啦啦好啦, 促销区图片做好了, 可是还没有结束噢, 还要加入链接呢~~ 我们进入下一步~~ 第四步,切片~ 切片这东西,简单来说就是把你的图片分成一块一块的,因为图片上会有几件宝贝信息, 每一件宝贝都要加入不同的链接( 也就是说如果整张图片只链接到一个页面的话就不用切片啦~~ )好,首先选择切片工具~~ 切片一定要注意注意再注意,这可又是一细心活~~ 每个切片一定要紧紧重合,不能留有缝隙,否则图片做出来就不好看了噢~~~ 这也就是为什么之前海蜇要强调把格子平均分的原因之一----- 方便切片噢~~~O( ∩_∩)O~ 好啦,做好切片后图片就成了下面这个样子~~~~\( ≧▽≦)/~ . 嗯嗯,还要注意一点就是,即使是不需要插入链接的部分也要做切片噢~~ 因为我们每一部分都会作为一张独立的图片存起来的呢~~ 可能切片这部分大家还有点不清楚,没关系,多实践几遍就好啦~~ 当初海蜇也是这样的, 而且那书上还说的