手把手教你ps制作淘宝店铺模版图文教程 淘宝店铺装修免费模版

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

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

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

第二,制作店铺招牌

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

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

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

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

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

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

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

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


第二,制作轮播图片。

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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


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

然后取消源码模式。

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

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

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

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

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

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

1.促销模块

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

2.售后模块

3.首页就是这样

就写到这里吧。

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


  

爱华网本文地址 » http://www.aihuau.com/a/25101010/14515.html

更多阅读

手把手教你使用财付通:4 如何使用微支付

手把手教你使用财付通:[4]如何使用微支付——简介财付通微支付专为游戏和移动消费提供,使用起来和Q币一样,无需密码,点击支付,支持全部腾讯游戏手把手教你使用财付通:[4]如何使用微支付——工具/原料财付通账户手把手教你使用财付通:[4]

教你如何制作生活电子杂志 电子杂志app制作

教你如何制作生活电子杂志——简介《生活》电子杂志是采用iebook超级精灵电子杂志制作而成,小舍在会教你们怎么去制作一个精美的关于你生活的电子杂志,它能让你轻松的实现自己制作属于你自己的电子杂志,是不是很期待啊,好的,那接下来,小舍

手把手教你做蔬菜花 精 手把手教你网上开店

日子好了,天天如过节,没节日创造节日,中式节不过瘾,把洋人节也那来增加气氛。玫瑰、巧克力涨价再涨价商家肥了,自己的口袋憋了居家过日子,柴米油盐酱醋茶菜一样可以凑出浪漫篇章手把手教你做蔬菜花 精——制作材料食材:白萝卜,红皮萝卜

手把手教你制作LOMO卡 手把手教你冲制作

什么是Lomo卡?Lomo卡是目前比较流行的一种新兴时尚产品,指的Lomo风格的卡。Lomo是一个缩写,LOMO=Let Our Life be Magic and Open!让我们的生活开放有魔力。Lomo卡原意是:用Lomo相机拍出的照片,乐摸照。后来,lomo卡延伸出的说法是:可以通过

教你怎样制作头花 精 手工头花制作教程

教你怎样制作头花 精——简介今天依然是讲碎布头的妙用。平时不起眼的碎布头或想丢弃的旧的花裙子花衬衣,千万要收好哦,废物利用制作头花,既环保又美观,在制作的过程中的乐趣是平时无法体会的,你会感觉到很有成就感,你会想跟朋友姐们儿显

声明:《手把手教你ps制作淘宝店铺模版图文教程 淘宝店铺装修免费模版》为网友七寸南季分享!如侵犯到您的合法权益请联系我们删除