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

淘宝店铺宝贝轮播图片和代码制作教程 【字体大小：大 中 小】时间：2010-12-08 21:20 来源：淘宝论坛 作者：blues总动员 点击： 267 　 下面这个是我们的最终模版(大图图片实际效果会轮播) V-1 下面我们来打开PS,文件菜单,选择新建 V-2 建立一个750X1460的文档,问什么要建立这样大小,请继续看 V-3拉出参考线,参考线布局如V-4 V-4图 V-5然后我们先把PS最小化,先到广告牌生成器拿点模版 / V-6选择图文,可以根据自己的行业,爱好来选择模版 V-7因为我之前已经选择了这个模版,所以我在V-2步PS文档设置为750X1460 V-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,查找一下图片的大小,制作一张待轮播的图片,大小为698X400 V-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图...其他步骤还是一样没变...希望这教程对各位有帮助。 学习是每一个人都得做的….只有多学多动..才会让自己提升…而在淘宝上...更验证了这一句话…淘宝开店前期是一件很烦闷的工作..我们要懂的去把工作变得有激情…在平时管理自己的店铺同时..还要花点时间去注重个人能力升值…拓展自己的知识面,学会协调自己的时间和精力...祝大家生意火爆 本篇文章来源于 淘宝学堂() 原文出处：/zhuangxiu/jiaocheng/383_3.html