溜溜问答 > 平面设计 > PS > Photoshop中的切片工具怎么用?
Wengxiu
Wengxiu
邀请你来回答
310人阅读 2020-09-09

Photoshop中的切片工具怎么用?

我要回答
2个回答

切片工具直接把需要切的部分框选出来即可

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代码,别说找不到了。

希望能帮到题主

查看全部
2020-09-09
回复 采纳

PS里切片就是用来切割图像用的。
切片分两种,一种是用户切片,就是用户用切片工具在图象上拉出来的切片,另一种就是衍生切片,是由用户切片衍生出来的。
在切片名称上名击选编辑切片,会弹出来了个对话框,具体如下
切片类型:图像,指这个切片输出时会生成图像,反之输出时是空的
名称:为切片定义一个名称
url:为切片指定一个链接地址
target:在哪个窗口中打开
x,y指切片的左上角的坐标,
w,h指切片的长度和宽度,你可在自己定义节的长和宽。
另外你还可以选切片工具在图象上右击选择切割切片来分割图像,可以按指定长宽,也指指定在长度和宽度上等分来分割。
一切做完后,选文件,保存为web所用文件格式,保存后在文件所在的地方有个叫image的文件夹,里面包含了所有输出为图像的切片。
注意一点的是,cmyk模式的图片在网页上是看不到的。

查看全部
2020-09-09
回复 采纳

相关问题

Photoshop中切片工具怎么用?
共2条回答 >
长毛的方块: 好简单,PS里切片就是用来切割图像用的。切片分两种,一种是用户切片,就是用户用切片工具在图象上拉出来的切片,另一种就是衍生切片,是由用户切片衍生出来的。在切片名称上名击选编辑切片,会弹出来了个对话框,具体如下切片类型:图像,指这个切片输出时会生成图像,反之输出时是空的名称:为切片定义一个名称url:为切片指定一个链接地址target:在哪个窗口中打开x,y指切片的左上角的坐标,w,h指切片的长度和宽度,你可在自己定义节的长和宽。另外你还可以选切片工具在图象上右击选择切割切片来分割图像,可以按指定....
回复
怎样用Photoshop切片工具?
共2条回答 >
RHO🔆: Photoshop切片工具使用方法:切片工具是用来分解图片的,用这个工具可以把图片切成若干小图片。这个工具在网页设计中运用比较广泛,可以把做好的页面效果图,按照自己的需求切成小块,并可直接输出网页格式,非常实用。
(2) 回复
Photoshop的切片工具怎么用?
共2条回答 >
Superpepper。: 比如你用PS做好了一个页面,这个页面导出成图片是五M,你整张上传上去了,别人打开你的网页时是一整张读取的,图片是慢慢地刷下来的,那就会感觉打开速度很慢,而如果你切片了,切成了一二十张,读取时就是一张几十K这样读取,速度就会很快地一张张刷出来,视觉上就觉得打开网页快了。
(13) 回复
Photoshop中的切片工具怎么用啊?切片选项框中怎么设置?启什么作用?
共1条回答 >
一只迷妹: 切片是用来方便做网页时候用的。比如一张漂亮的突破。如果把它直接做成网站的模板就需要用到切片工具,根据需要把整个图切成不同的几个块。最后保存成网页。具体我没办法在这里描述清楚。
回复
Photoshop的切片工具怎么用的?
共1条回答 >
💎: Photoshop的切片工具使用方法如下:1、在自己电脑里找到安装好的Photoshop并双击打开,然后在点击Photoshop导航里的【文件】,然后在点击打开。2、在弹出的打开对话框里找到要界面切片的图片,选中然后点击打开,如下图所示。3、要进行切片的图片导入到Photoshop后,在Photoshop左侧的工具栏里找到剪切工具,然后用鼠标长按。4、然后在弹出的菜单里直接点击选中切片工具。5、选择好切片工具后就可以直接在图片里进行切片了,点击鼠标左键后然后拖拉就可以了。6、再次长按切片工具后在....
(29) 回复
发表成功!
感谢您的分享!
好的
25年12周年庆活动
25年12周年庆活动
官方微信群

(微信添加“妙妙”或“笑笑”,邀您进群)