切图
以百度logo为例,背景为白色,不是透明

先在图层处将图片解锁,

左侧选择矩形选框工具,框选住需要切出来的部分,
左侧第二个,如果不是矩形,点击右下角小三角更改
右键选择通过拷贝的图层,接着Ctrl+C复制,Ctrl+N后弹出新建文档页面,将右侧背景内容改为透明,再Ctrl+C保存。
会弹出新的ps界面,点击左上角文件,选择导出,存储为web所用格式

整张图片变透明
图片解锁,矩形选框工具选择整张图片,一定要注意选定想要操作的图层,否则无法进行后续操作
选择-->色彩范围-->取样颜色-->确定-->delect或者ctrl+x

图片变为透明。

矩形选框选择后的一些操作:
- 右键自由变换
可调整局部大小
选定图层,矩形选择框选中,右键点击自由变换,更改后点击空白处,则修改完成。
更改前

更改后(中间图案)

2.右键变换选区。
当是蓝色框时,如果选区错误,可以按Esc取消或者enter进行下一步操作。
图层之间的上下顺序
越上面的图层优先级越高,会覆盖下面的图层
示例如下


切片工具:左侧第5个,右键选择切片工具

把图片分为很多部分
导出为web,会形成文件夹,所切图片和边角都会被保存

文件夹内

视图里把标尺打开,后面会用到
Alt+鼠标滚轮或者放大镜,都可以放大缩小
放大镜在最下面
本文详细介绍了如何使用Photoshop进行图片切图,包括解锁图层、选取区域、复制粘贴、透明化处理、图层顺序调整以及切片工具的应用,适合前端设计与开发人员参考。

536

被折叠的 条评论
为什么被折叠?



