今天也交流一下我个人的一点小经验,11月20号我因觉得标准版比扶植版更能提高转化率,所以花了30元购买了标准版......在使用标准版一段时间,想把得到的一些技巧介绍给大家..
我们首要任务...效用标准版做出一些不标准的版面,实际就是打造山寨拓展版面.
这个就是我们今次做的最终模版,下面我们看看页面版规
然后我们就要马上动手了,打开PS,选择文件,单击新建
新建一个9501000的文档,宽度固定,长度自定
版面划分为如下图.利用参考线来辅助.
先缩小版面显示为50%,方便制作
单击标尺,拖拉到相对应的地方.如下图
用矩形工具画出一个略小与750400的矩形,底色为白色,描边
然后打开已准备的图片.ALT+S+A全选,单击左键,直接拖到版面去
放到你喜欢的位置,然后填加与店铺相对应的文字,比如店铺名称或促销信息
这样一来,我们的750400的框格里已经完成了,接下来左侧选择矩形工具,来制作边框
画出两个矩形图按,比例自定.大小略比参考线小......并且设置描边
用矩形工具画出黑色的边
然后输入文字,BOOKMARK是书签的意思
设置不透明度50%,看起来比较时尚
然后制作下面,先是用选框工具如A-1图,拉出
选区,新建图层如A-2图,填充灰色,再选择橡皮擦工具
如A-3图.
A-1,如下图
A-2,如下图
A-3,如下图
上方的版面我们已经完成咯~是不是还不错呢
下面我们继续做
用矩形工具画出三条黑色的边,看上去就看分段的
然后再用矩形工具,画出边框,并描边,注意颜色的深浅
设置好第一个边框,然后复制图层,摆放好就可以了,省心又省力
把刚制作出来的黑边以及边框都全选起来,在图层里按右键合并图层,得到一个新的图层
再把新的图层复制,移动到下面,就做出下面的效果了
然后就把商品的图片打开,拖进去摆放好
注意商品图片的大小应比版规的尺寸略小些.这样看起来才会舒服
最后按视图菜单,清除参考线,得下图(我换个展示图给大家看看的)
然后的工作就是切片,切片的技巧我还没有弄得非常好的,所以我只说我的哪个方法...希望各位前辈看到的话也指导下我.
截图后再用PS打开,选择切片工具
利用切片工具把各商品部分都切分开.
然后保存,选择存储为web和设备所用格式
存储为HTML和图像,左边的版块做法一样,我就不在这里说明了..若有不懂的地方可以前来咨询我~
PS:注意左边版块那预留出来的7像素,是需要裁掉了,也就是左边的版块要比右边版快长度小7像素
虽然我们版面做出来了,但是我们还需要去给商品加上超链接,那就得运用Dreamweaver这款软件.
刚刚PS保存得到的一个images和一个html文件.把images里面的图片都上传到你的淘宝相片空间去...然后打开
把html文件拖到Dreamweaver里面
最后,把图片地址与链接都设置好了,我们只要复制代码,到店铺的自定义版块里面就OK了
左边版块的做法也是一样,我们来看看最终效果
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 淘宝装修-利用PS让你淘宝网店标准版变成拓展版