分享

手把手教你ps制作淘宝店铺模版(图文教程)

 方池 2013-07-07


  • |小店刚开,店铺首页装修是个问题,如果您资金充足,可以直接购买模版,像我这样刚开始经营的店铺,还没有多少盈利,购买模版有点不情愿,所以通过搜索和多参考其他淘宝店铺的风格界面,自己开始手动制作首页模版。

第一,打开ps(Photoshop强大的图形处理软件)

这里使用的是ps cs4版本,各种版本百度下载吧。如何使用,也请使用百度。

第二,制作店铺招牌

店铺招牌是网店的门脸,买家通过招牌可以知道你这店是卖什么宝贝的。比如我是做卖女装的,那么就要起一个好的名字,通过作图把logo设计好。

新版旺铺的尺寸宽度是950px,店铺招牌的高度是120px。我使用了130px的像素,不影响最后效果。

通过观察其他网店的店招,一般不要设计太复杂,而且要和整个店铺的风格色调一致,颜色搭配可以参考别的网店,我使用的是浅灰色背景+粉红色黑色字体的方式。

这是我设计的店招,而且店铺的头像和店招是一样的。

注意:源文件psd格式一定要保存下来,如果觉得这个店招可以改进,那么就要使用这个psd格式,同时要利用好图层关系!

做好之后,就保存为gif或者jpg或者png这3种格式,注意保存的时候文件不要太大,要不买家浏览你得网站会比较慢。

然后我们在店铺装修中把店招传上去,大小一定要设置合适。


第二,制作轮播图片。

大小依然是高度950px,高度自己确定,一定要美观,同时可以打上一些广告语!或者你主打的品牌,这样买家知道你主打什么产品。

多做几张,比如说是三月新品等等。这里呢,要把你得模特从照片中扣出来,然后放上去。抠图过程请百度,一般使用钢笔工具+生产选取羽化,比较简单方便。

然后在页面中添加模块,选择图片轮播。上传好之后把链接填好就行。



第三,就是主页上面要放置的一些具体宝贝内容,比如人气宝贝,掌柜推荐还有各种分类的宝贝等等。以及一些打折促销和优惠活动等等。

尺寸同样是宽度是950px,高度自定。比如我添加了个人气宝贝,如下图做好。

然后利用切片工具把每个宝贝都切出来,以及顶部的标题。一定要切仔细了。

切完以后,从文件选择储存为web格式和所用设备格式。

在保存的类型里面选择html格式。

这样就生成了一个带有网页和分散图片的文件夹。

我们把图片传入图片空间,选择分类是店铺装修。这个一定要分好类,要不容易出错。

然后用记事本的方式打开刚才看到的人气宝贝.html文件。选择<body>这之间的代码复制 </body>。

在店铺装修的下面,新建自定义模块。


把标题显示选择为不显示,用源码输入。把刚才的代码复制粘贴到这里面

然后取消源码模式。

看看,是不是框架出来了。我们再替换里面的图片。改为我们上传空间的图片链接。

逐个替换后,保存,人气宝贝框架就设计完成了,是不是很有成就感?

然后再制作每个人气宝贝图片,上传,替换,最后就可以看到自定义区域的强大之处了。

第四,认真制作其他自定义模块

其他模块和第三条是一样的,需要认真制作,我花了两天时间参考和设计,能帮你每月省下30块钱,而且学会了模版制作。这样的工作何乐而不为?晒晒我的模块把。

1.促销模块

2.售后模块

3.首页就是这样

就写到这里吧。

最后,给大家点建议,如果没有好的设计,就去淘宝模版里面参考吧,配色不容易学习,参考比较简单。有问题大家也可以联系我一起学习。




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多