photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(1)打开一张图片,并执行单击【视图】→【标尺】,把鼠标放到标尺上,按住鼠标左键拖拽,生成参考线,使用参考线把图片分开,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(2)划好参考线线后工具切换到切片工具,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(3)查看工具对应的属性栏,正常模式下单击上面的基于参考线的切片,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(4)单击基于参考线的切片之后,会发现图片被切割成了六张图片,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(5)我们需要把切片1和切片2进行组合,选择工具栏上的【切片选择工具】, 如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(6)按住<Shift>键,选择需要合并的切片1和切片2,单击鼠标右键选择【组合切片】合并切片1和切片2为一个切片,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(7)右键单击某个切片,然后在打开的右键菜单中选择【编辑切片选项】,打开切片选项对话框。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

(8)单击【存储】按钮,选择保存文件类型为“HTML和图像”, 如图所示。保存完成后,电脑上就会出现一个名叫xm.html的文件和一个名叫images的图片目录,切分后的图片就保存在这里。xm.html就是用切分后的小图片组成的网页文件,如图所示。

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程-LMLPHP

10-23 11:38