photoshop切片的使用

本文详细介绍了Photoshop中切片工具的使用方法,包括如何选择、裁切和调整切片,以及导出切片。同时,文章解释了雪碧图(CSS Sprites)的概念,阐述了其优缺点,并指导如何在CSS中使用background属性配合雪碧图。最后,文章还简要说明了如何在PSD文件上进行切图。
摘要由CSDN通过智能技术生成

一、photoshop中切片工具的使用方法【切图】

在前端编写页面时,部分小图标会使用ps中的切片工具将UI给的小图标组合在一起的大图片进行分割,小编今天将切片工具的使用方法分享给大家。

1.首先找一张图标很多的大图片,将图片放置画布中。
在这里插入图片描述
2.选择工具栏中的“切片”工具。
在这里插入图片描述

3.从最上方开始画出区域,将图片裁切为需要的部分,可以看到上方显示的裁切数字。
在这里插入图片描述
或者在需批量裁切大量图片时可以打开标尺(ctrl+r),然后通过拉参考线划分区域,然后点击基于参考线切片。
在这里插入图片描述
4.将图片裁切好后,如果需要修改,选择工具栏中的“切片选择工具”,在需要更改的切片中,可以移动更改尺寸,移至切片周边出现箭头符号时就可以更改尺寸。
在这里插入图片描述
5.如果想要去除切片,需要使用“切片选择工具”将需要去除的部分选中,然后del删除。如果需要全部撤销时,选择“视图”工具,然后在最下方选择“清除切片”,全部切片即可全部撤销。
在这里插入图片描述
6.导出:选择“文件-存储为web所用格式,批量裁切时会出现大量无用部分,可以批量选择需要的图片部分,保存时选择导出选择的切片即可。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值