当前位置: 首页 > 基础教程 > 工具教程 > 正文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

上一篇: PS如何填充颜色?PS填充颜色快捷键 下一篇: PS切片教程:切片工具使用和切片加

赞助商

本文标题:photoshop中切片工具的使用步骤PS用切片排版布局具体操作过程
本文地址:https://www.pszxw.net/photoshop/9282.html