【修图实操系列课2】拼多多详情页切片怎么做?

什么情况下需要切片?

1. 完整的商详页太大,无法上传。

2. 买家浏览商详页时因完整图片内存太大导致加载太慢,会消磨掉买家耐心。

3. 切片后可以灵活修改商详页图片的局部。

切片能给大家提供这么多便利,我们又该怎么操作使用切片功能呢?接下来就是多多大学的上课时间,将为大家介绍手动切片和基于参考线切片两种方法。

准备材料:

Adobe Photoshop

商品详情图

步骤:

方法一:手动切片

1. 打开Photoshop软件,点击左上角文件->打开,或Ctrl+O,选择商品详情图。

Ctrl+"+"可放大屏幕查看

2.同时按住CTRL和“+”,放大商详图方便后续切片。选择左侧工具栏的切片工具。

3.大家手动在需要进行切片的位置画框裁剪即可,各部分图片左上角的蓝色数字标识代表切片后储存的图片顺序。

4.保存。选择文件->导出->存储为Web所用格式。

方法二:基于参考线切片

1.同方法一的步骤1

2.同方法一的步骤2

3.选择视图->标尺或者快捷键Ctrl+R,调出标尺界面。

4. 选择视图->新建参考线,出现参考线的设定界面,根据需要选择水平或垂直方向,以及基于标尺的位置。也可以直接鼠标从标尺处拖出参考线摆放在合适的位置(从导航栏侧拖出水平方向参考线,从工具栏侧拖出垂直方向参考线),无需填写位置具体信息。

5.绘制好参考线后,选择导航栏下方而位于图片上方的“基于参考线切片”即可完成切片。

6.保存,同方法一步骤4

两种方法保存的切片图片效果如下所示


商务达