淘宝店铺宝贝轮播图片制作和代码制作教程.doc

淘宝店铺宝贝轮播图片和代码制作教程【字体大小：大 中 小】时间：2010-12-08 21:20 来源：淘宝论坛 作者：blues总动员 点击： 267 下面这个是我们的最终模版(大图图片实际效果会轮播)V-1 下面我们来打开PS,文件菜单,选择新建V-2 建立一个750X1460的文档,问什么要建立这样大小,请继续看V-3拉出参考线,参考线布局如V-4V-4图V-5然后我们先把PS最小化,先到广告牌生成器拿点模版 /V-6选择图文,可以根据自己的行业,爱好来选择模版V-7因为我之前已经选择了这个模版,所以我在V-2步PS文档设置为750X1460V-8然后我们进行模版更改V-9点击上方文字,然后输入自定义文字,最后按确认修改V-10修改完后得到如下图V-11把所有的动态功能都去掉,然后我们改一下图片,因为图层可能比较多,所以到图层区那里快捷选取比较好V-12图层区V-13把轮播的图片删除,只要剩下一张图片,注意图片的大小,后面是需要用上的V-14接下我们也把下面的信息改成自己店铺的V-15也是一样,把图片地址改了V-16然后我们的第一分区版块完成了V-17保存下来V-18确认保存V-19获取设计V-20下载图片V-21把刚下载的图片用PS打开V-22打开后把图片ALT+S+A全选,CTRL+左键把图片拉到PS去V-23得到下面图片,然后我们继续做第二个分区V-24然后我们回到刚那个模版,从新V-14 到V-18的步骤,这个就只要对下面的进行改换就可以了.PS:商品不要相同哦V-25 到了V-18步,就停下来,不用下载,直接用截图工具截图保存下来,注意截区要跟图片一样大V-26然后打开刚图片V-27与V-22步骤一样,放到已经设置好的PS文档里V-28再一次重做V-24到V-27的步骤,得如下图V-29 接下来我们把中间的大图做出轮播效果,V-30 我们回到V-13,查找一下图片的大小,制作一张待轮播的图片,大小为698X400V-31 把准备好的图片打开,全选,拖到PS文档去V-32 然后图片放到于中间图片位置吻合V-33 窗口,选择动画V-34 新建一个桢,并设置循环次数为永远,轮播间隔为2秒V-35 选择第二贞,把与第一贞相同的图片隐藏,得第三幅图V-36 测试轮播效果与快慢来进行个人爱好调整V-37 然后我们回到第一贞,选取切片工具,对每部份商品切片V-38,然后存储为WEB和设备所用格式,点击存储,设置为HTML和图像V-39,然后得到两个文件,把images里面的图片上传到图片空间去,把html用Dreamweaver打开V-40 然后把刚切片的每一部图片分别换成相片空间对应的图片的地址V-41 更改完后,全选所有代码,拷贝V-42 到我是卖家,店铺装修V-43找到自定义模版,编辑,编辑HTML源码,然后把代码全部复制下去最后保存,发布.这样一来我们的版面就制作完了.是不是很漂亮呢,可以针对自己的爱好选择模版.然后根据模版来做出V-3和V-4图.其他步骤还是一样没变.希望这教程对各位有帮助。学习是每一个人都得做的.只有多学多动.才会让自己提升而在淘宝上.更验证了这一句话淘宝开店前期是一件很烦闷的工作.我们要懂的去把工作变得有激情在平时管理自己的店铺同时.还要花点时间去注重个人能力升值拓展自己的知识面,学会协调自己的时间和精力.祝大