一个店铺要装修是免不了的,卖家也想用最少的钱得到做好的效果,那么下面就分享如何用PS制作宝贝描述页,下面是以专业版旺铺为例。
1、打开photoshop,新建宽度为950px,高度任意,以870px为例。
2、用photoshop,按照一排3个宝贝主图,分两个,也可以多个设计,按个人喜好。头部为栏目标题【2015夏季新品】。
用ps制作好一个模板
3、点击photoshop——视图——新建参考线,我们需要利用参考线来吧整个图片,进行切片,分成7个部分,头部栏目标题1个,6个宝贝图
4、新建2条水平参考线,2条垂直参考线
5、点击【移动】工具,吧鼠标放到参考线上,鼠标图标发生变化,就可以拖动参考线了,向右拖动垂直参考线,向下拖动水平参考线
拖动参考线
将参考线拖动成下图的样子
6、选择【切片工具】——基于参考线的切片
7、切片完成,出现下面9个部分,但是我们需要的是7个,【2015夏季新品】需要为一个整体。看第8步。
8、选择好切片工具
点击【1】号切片,按住键盘中的【shift】键,选择【2】,【3】,如下图,【1】【2】【3】都同时选择了
右击鼠标,选择【组合切片】,【1】【2】【3】为一体了。
如下图显示,7个部分,1个栏目标题,6个宝贝主图。如下图显示,即成功一半
9、点击【1】切片,鼠标右击【编辑切片选项】。
在【URL】中输入【对应的宝贝地址】,目标为【新窗口打开】,代码为【_blank】,依次类推,将7个部分全部设置。(设置【新窗口打开】,可以让访客多一张网页,关闭了宝贝,还可以看下你的店铺首页,增加购买率)
10、保存为web格式。
11、首先将预览图缩小,然后点击【1】号切片选择,【jpeg】格式,依次点击余下切片,设置【jpeg】
保存为【html和图像】,即网页代码和图片。
12、保存完,出现一个图片文件,和一个网页文件,网页文件就是我们需要的代码。可以打开网页文件,点击下,看下效果。
【images】里出现7个图,即1个栏目标题,6个宝贝主图。
以上就是关于如何用PS制作宝贝描述页,如果还想了解更多,可去“淘宝店铺装修教程”专栏查看,各种实操、纯干货应有尽有!
*本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:
甩手网