淘宝模块图片裁剪(深析淘宝详情页切图教程)
•
淘宝经验
大家好,我是小西。现在淘宝开店已经是非常热门,淘宝店铺主要核心的就是主图和详情页,主图是买家第一印象吸引,详情页是买家再次印象吸引,详情页的做得好不好,也是就直接影响店铺的转化率问题,下面我就教大家如何使用PS制作淘宝详情页。
步骤如下:
打开PS,新建文件命名为“宝贝详情页”,设置参数为宽度:750像素,高度12000像素,高度设置数值大些没关系的,多余的最后裁剪点就好了,我就习惯设置高度数值大些,空间也足。
在右下角,新建个图层,然后再正上方的菜单栏上点击“视图”,添加“标尺”和“新建参考线”,如下图所示:
简单论述下,淘宝详情页设计的布局规范,店铺优惠推荐区—-产品信息—-产品颜色—-产品细节—-产品对比、信誉累积(注:白色区域是图片自定义区,直接打开图片所在的路径添加,调整大小即可)
详情页做好后,选择“切片工具”,进行图片的剪切。
选择选区分块切图,划分是有讲究的,“要按模块切,不能再图中间切”,否则在无线端详情上看,中间会有白色的条横。
切好图了,点击“文件”—-“存储为Web和设备所用格式”
下一步如图,并选择保存的路径,点击确定
最后就能得到自己所做的详情页图了
这篇文章我主要跟朋友们分享用PS制作淘宝详情页的步骤以及详情页切图导出的方式。喜欢的朋友可以参考下,也可以在下方提出一点意见。