淘宝模块图片裁剪(深析淘宝详情页切图教程)

大家好,我是小西。现在淘宝开店已经是非常热门,淘宝店铺主要核心的就是主图和详情页,主图是买家第一印象吸引,详情页是买家再次印象吸引,详情页的做得好不好,也是就直接影响店铺的转化率问题,下面我就教大家如何使用PS制作淘宝详情页。

步骤如下:

打开PS,新建文件命名为“宝贝详情页”,设置参数为宽度:750像素,高度12000像素,高度设置数值大些没关系的,多余的最后裁剪点就好了,我就习惯设置高度数值大些,空间也足。

434f00043f11fe33f4f5?from=pc

在右下角,新建个图层,然后再正上方的菜单栏上点击“视图”,添加“标尺”和“新建参考线”,如下图所示:

434f00044b8db829da6a?from=pc

简单论述下,淘宝详情页设计的布局规范,店铺优惠推荐区—-产品信息—-产品颜色—-产品细节—-产品对比、信誉累积(注:白色区域是图片自定义区,直接打开图片所在的路径添加,调整大小即可)

4350000459757f7e9416?from=pc

详情页做好后,选择“切片工具”,进行图片的剪切。

43520002df0a2b593491?from=pc

选择选区分块切图,划分是有讲究的,“要按模块切,不能再图中间切”,否则在无线端详情上看,中间会有白色的条横。

43500004743b27fd812b?from=pc

切好图了,点击“文件”—-“存储为Web和设备所用格式”

43550000223a653c81f2?from=pc

下一步如图,并选择保存的路径,点击确定

43540000302da49e3df4?from=pc

最后就能得到自己所做的详情页图了

43520002fd5c42b49951?from=pc

这篇文章我主要跟朋友们分享用PS制作淘宝详情页的步骤以及详情页切图导出的方式。喜欢的朋友可以参考下,也可以在下方提出一点意见。

发表评论

登录后才能评论