第1页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第1页共31页淘宝店铺宝贝轮播图片和代码制作教程【字体大小:大中小】时间:2010-12-0821:20来源:淘宝论坛作者:blues总动员点击:267下面这个是我们的最终模版(大图图片实际效果会轮播)V-1下面我们来打开PS,文件菜单,选择新建第2页共31页第1页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第2页共31页V-2建立一个750X1460的文档,问什么要建立这样大小,请继续看V-3拉出参考线,参考线布局如V-4第3页共31页第2页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第3页共31页第4页共31页第3页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第4页共31页V-4图V-5然后我们先把PS最小化,先到广告牌生成器拿点模版http://banner.alimama.com/第5页共31页第4页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第5页共31页V-6选择图文,可以根据自己的行业,爱好来选择模版V-7因为我之前已经选择了这个模版,所以我在V-2步PS文档设置为750X1460第6页共31页第5页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第6页共31页V-8然后我们进行模版更改V-9点击上方文字,然后输入自定义文字,最后按确认修改第7页共31页第6页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第7页共31页V-10修改完后得到如下图V-11把所有的动态功能都去掉,然后我们改一下图片,因为图层可能比较多,所以到图层区那里快捷选取比较好第8页共31页第7页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第8页共31页V-12图层区第9页共31页第8页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第9页共31页V-13把轮播的图片删除,只要剩下一张图片,注意图片的大小,后面是需要用上的第10页共31页第9页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第10页共31页V-14接下我们也把下面的信息改成自己店铺的第11页共31页第10页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第11页共31页V-15也是一样,把图片地址改了V-16然后我们的第一分区版块完成了第12页共31页第11页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第12页共31页V-17保存下来第13页共31页第12页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第13页共31页V-18确认保存V-19获取设计V-20下载图片第14页共31页第13页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第14页共31页V-21把刚下载的图片用PS打开V-22打开后把图片ALT+S+A全选,CTRL+左键把图片拉到PS去第15页共31页第14页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第15页共31页V-23得到下面图片,然后我们继续做第二个分区第16页共31页第15页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第16页共31页V-24然后我们回到刚那个模版,从新V-14到V-18的步骤,这个就只要对下面的进行改换就可以了....PS:商品不要相同哦第17页共31页第16页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第17页共31页V-25到了V-18步,就停下来,不用下载,直接用截图工具截图保存下来,注意截区要跟图片一样大V-26然后打开刚图片第18页共31页第17页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第18页共31页V-27与V-22步骤一样,放到已经设置好的PS文档里第19页共31页第18页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第19页共31页V-28再一次重做V-24到V-27的步骤,得如下图第20页共31页第19页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第20页共31页V-29接下来我们把中间的大图做出轮播效果,第21页共31页第20页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第21页共31页V-30我们回到V-13,查找一...