详情页太长怎么切片-如何把一个淘宝详情页图片分成两部分？

在制作淘宝详情页的图片时,有时需要对图片进行切片以分别设置链接。那么要怎样在PS中进行切片呢?下面就来看看方法。

工具/材料

PS CS6

01

首先,如图打开PS,打开要进行处理的淘宝图片。

02

点击左侧工具栏上的裁剪工具,选择切片工具。

03

在图片上对着左上角切片开始位置按住往右下角拉到切片结束位置,松手后就切出01处,剩下的为02片

04

继续从拉出第二片,则剩下的就自动归为03片。

05

还可以从标尺上拉出参考线,再点击基于参考线的切片,图片上就会自动按照参考线位置进行切片。

1.首先打开photoshop,新建命名为“淘宝详情页”,一般宽度选择为750px,高为8000px(1000px大概是一屏的样子)分辨率为72。

2.在制作过程中最好使用“标尺”把每一屏隔开。

3.由于素材较多,所以需要创建新组进行分类,以方便快速找到。

4.详情页做好之后,在工具栏里使用“切片工具”。

5.按每一屏的隔开好的标尺进行切片。

6.切片好后,在左上角菜单栏里点击“文件”选择“另存为Web所有格式”。

7.接下来会弹出一个框,我们选择“存储”,然后选择要存储的位置,点击“保存”。

8.很快就导出来了,可以在“images”文件夹里查看切割出来的图片,也可以打开网页浏览。

1、如图所示,在特定的图片模式下,可能是无法使用此功能的,所以确保图片模式是RGB模式下,一般模式是不会出错的。

2、如果还是不行的话,就可能是图片格式和文件大小的问题了,我的做法是裁剪出来,分部分导出切片。我遇到过是淘宝详情页的太长了,所有导出有问题需求做切片。

3、找到问题后就好办了,使用裁剪工具,裁剪成两段基本上能够解决问题了,但是如果遇到超大的图片,多裁剪一段也是可以的。

4、这个提示可以忽略,按照自己剪切的切片进行导出就可以了。

5、如果大家也遇到这种问题我建议直接进行裁剪切片处理后在导出。