photoshop切片后怎么保存,切片工具该要怎样才可以用( 二 )


7、将全部切片选中,选择需要导出的格式及图片属性,然后选择“存储”

photoshop切片后怎么保存,切片工具该要怎样才可以用

文章插图
8、在保存位置时,还可以选择保存的格式,还可以选择全部导出或只导出选中的切片,选择完成后,确定保存
photoshop切片后怎么保存,切片工具该要怎样才可以用

文章插图
9、然后在保存位置,就可以看到保存的内容了 。已经切成好几片了 。
photoshop切片后怎么保存,切片工具该要怎样才可以用

文章插图
如何正确使用Photoshop切片工具首先我们打开Photoshop软件,小编这里用的是CC版本 。
然后我们打开一张psd图片,最好是有小图标的那种 。
【photoshop切片后怎么保存,切片工具该要怎样才可以用】所谓切片工具,其实主要是用在网页制作中的图片制作,把psd中的图片用切片切出来,然后在网页中使用 。
我们把psd图片中的小图标用切片工具切一下,也就是点击切片工具,然后沿着小图标的边缘划一下,就会出现切片的线 。
关键是保存,我们需要点击文件,然后点击“存储为web所用格式”选项 。
可以选择要存储成的格式,然后点击存储 。
然后选择保存为图片格式,保存选中的切片即可 。
切出来的其实就是普通的图片而已,只是控制了一下图片的大小等信息 。
按照这个步骤来,要是还不太明白的话,建议百度雷达下载,那里有图文结合教程
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代码,图片之间的排列方式是非常局限的,肯定无法满足你切片的那种格式,通过复制代码进去,那就可以完美解决这个问题啦~

推荐阅读