本文作者:臻臻

PS基础教程-切片工具

臻臻 2024-01-26 365 抢沙发

一、切片作用

切片工具的作用把一张大图划分成若干小图,并分别存储;也可以把若干小图在浏览器合并,提高大图加载速度。

二、切片工具

使用切片工具,在所需要切片的图片上划定边框,完成后图片上会出现不同大小的框,可以将鼠标移动到每个方格的边界点上调整各个方格的大小,且可以移动边界的大小。如果认为需要更多的切割方格,可以再次使用切片工具进行切割,图片被切割后将生成的不同大小的子图片会以序号显示,用户可以观察到有多少张图片被切割出来。

切片工具拉出来的那个区域形成的切片称之为用户切片,以醒目的深蓝色表示,点击蓝色边框区域进行编辑,以改变宽高。用户切片的周围会产生自动切片,用灰色表示,在自动切片名称上右击鼠标上升为用户切片。

切片工具.jpg

切片的三种边框

  • 蓝色边框:划分好的准备要用的区域(用户切片)

  • 灰色边框:是被划出区域隔离出来的还未使用的部分(自动切片)

  • 橙色边框:正在编辑部分,可改变宽高

三、自动切片

  • 基于参考线的切片:根据参考线的条数和位置划分切片区域(推荐)

  • 基于数量的切片:根据设定的数量划分切片区域(或者根据切片单位划分切片)

四、编辑切片

删除切片:鼠标右击在快捷菜单中找到删除切片

提升为用户切片:对灰色区域,鼠标右键点击“提升到用户切片”,使灰色区域变为橙色边框可进行编辑以调整宽高。

重命名:双击切片区域,命名

五、切片选择工具

提升:点击灰色边框部分,提升为用户选项

划分:选择要划分区域,在弹出的窗口中划分切片

对齐、分布:按住Shift点击多个区域,再按对齐或分布以调整位置

隐藏显示自动切片:隐藏或显示灰色边框区域(未划分部分)

切片选项:查看切片大小、调整切片名称、设置切片跳转的网页链接等,以生成网页

六、切片的保存

【文件】-【导出】中“存储为web所用格式”,窗口左侧选择“切片选择工具”,可选择窗口中任意切片以改变各项生成参数,利用切片工具划分出区域,改变存储格式达到动静图片,动态格式为GIF,静态可为JPG。

切片导出.jpg

阅读
分享

发表评论

快捷回复:

验证码

评论列表 (暂无评论,365人围观)参与讨论

还没有评论,来说两句吧...