这个是我们的最终模版 淘宝店铺宝贝轮播图片和代码制作教程

发布时间:2014/10/25 22:00:30

一个好的店铺设计更为至关重要,因为咱们的客户只能从网上的文字和图片来了解我们,了解产品,所以做得好能增加用户的信任感,甚至还能对自己店铺品牌的树立起到关键作用。下面这个是我们的最终模版(大图图片实际效果会轮播)

V-1 下面我们来打开PS,文件菜单,选择新建

V-2 建立一个750X1460的文档,问什么要建立这样大小,请继续看

V-3拉出参考线,参考线布局如V-4

V-4图

V-5然后我们先把PS最小化,先到广告牌生成器拿点模版 http://banner.alimama.com/

V-6选择图文,可以根据自己的行业,爱好来选择模版

V-7因为我之前已经选择了这个模版,所以我在V-2步PS文档设置为750X1460

V-8然后我们进行模版更改

V-9点击上方文字,然后输入自定义文字,最后按确认修改

V-10修改完后得到如下图

V-11把所有的动态功能都去掉,然后我们改一下图片,因为图层可能比较多,所以到图层区那里快捷选取比较好

V-12图层区

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图...其他步骤还是一样没变...希望这教程对各位有帮助。

学习是每一个人都得做的….只有多学多动..才会让自己提升…而在淘宝上...更验证了这一句话…淘宝开店前期是一件很烦闷的工作..我们要懂的去把工作变得有激情…在平时管理自己的店铺同时..还要花点时间去注重个人能力升值…拓展自己的知识面,学会协调自己的时间和精力...祝大家生意火爆


本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。

上一篇:这是怎么做的? 扶植版旺铺怎样制作轮播图片

下一篇:图片滚动 旺铺-图片轮播装修教程-让你的店铺更美丽

推荐货源
选择分类:
阅读推荐
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源