Photoshop中的切片和代码,是店铺装修时比较常用的功能,在这一节中我们就针对切片给大家演示一下操作技巧。

首先我们打开Photoshop,找到切片工具。常用切片方式有:划分切片、常规切片、辅助线切片。

1.划分切片

我们先来看一下划分切片,划分切片的效率很高,适用于产品排列方式为等分的结构。

2.常规切片

选择切片工具,用切片工具逐个手动选出不同切片,在拉框选切片的过程中要注意,不要有交叉或空隙出现,那样会导致切片失败。这种切片方式效率低,且容易出现误差,所以并不推荐。

3.辅助线切片

辅助线切片是按照参考线快捷切片的一种方式。首先按Ctrl+R组合键调出标尺,在标尺上按住鼠标左键向下拖出一条辅助线,将线放在切片的位置,然后选择切片工具,点击“基于参考线的切片”按钮。

切片做好后,我们选择“文件”-“存储为Web所用格式”,选择所有切片,改为jpeg格式,调节图片品质,推荐品质为80~90即可。

点击存储,选择格式为“HTML和图像”,文件命名使用英文或数字,尽量不要用中文。

以上是操作切片工具的相关内容,希望对您有帮助。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)