要怎么使用切片工具,photoshop的切片工具怎么用( 二 )


Adobe Photoshop , 简称“PS” , 是由Adobe Systems开发和发行的图像处理软件 。
Photoshop主要处理以像素所构成的数字图像 。使用其众多的编修与绘图工具 , 可以有效地进行图片编辑工作 。ps有很多功能 , 在图像、图形、文字、视频、出版等各方面都有涉及 。
2003年 , Adobe Photoshop 8被更名为Adobe Photoshop CS 。2013年7月 , Adobe公司推出了新版本的Photoshop CC , 自此 , Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代 。
ps的切片工具怎么用的切片工具直接把需要切的部分框选出来即可

要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
也可以通过右键 , 划分切片 , 按照水平或垂直均等分出多少个切片来 , 如下
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
还有一种就是 , 通过拉取参考线 , 再基于参考线划分切片 , 如下
从标尺(ctrl+R)拖出垂直和水平参考线
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
点击箭头所指“基于参考线的切片” , 即可完成切片
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
这是切的方法 , 那么 , 当你切了N个切片 , 发现不合心意 , 想全部删了咋办?可以挨个右键删除切片 , 当然 , 最简单的方式是:视图》》清除切片
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
知道怎么清除和切取 , 再来说说如何保存切片 。
切片很多块 , 保存切片需要用存储为web格式(ctrl+Shift+alt+S)
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
预览图中可以看到刚刚的切片 , 图中箭头指的黄色切片是当前选中的切片;
在该存储设置里 , 可以设置图片格式(jpg/gif/png) , 根据自己需要选择 , 可以设置图片大小品质等等 , 最后 , 按一下存储 , 会弹出以下对话框
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
格式里 , 有仅限图像/html和图像/仅限html,啥意思呢?
仅限图像:只是将切片导出为图片 , 不含其他东西;
仅限HTML:只是将图片切片的排版(比如这里切了9片 , 其中第5片在中间)导出为代码 , 不导出具体图片的内容;
HTML和图像:导出图片的同时附带一份HTML代码;
HTML有啥用呢?某宝或者其他网站编辑详情页时 , 如果没有附带HTML代码 , 图片之间的排列方式是非常局限的 , 肯定无法满足你切片的那种格式 , 通过复制代码进去 , 那就可以完美解决这个问题啦~
还有个设置的地方需要注意 , 如下图
要怎么使用切片工具,photoshop的切片工具怎么用

文章插图
选择“所有切片” , 顾名思义导出全部的切片咯 , 选择选中的切片 , 那导出的只有你选中的那个切片 , 如上面所提到的黄色区域 , 这里根据自己需要选择即可 。导出后 , 会在选择的路径上出现一个image文件夹和一份txt代码 , 别说找不到了 。

推荐阅读