PS中的切图

网友投稿 266 2022-09-06

PS中的切图

文章目录

​​图层切图​​​​切片切图​​​​PS插件切图​​​​附:常见的图片格式​​

PS 有很多的切图方式:图层切图、切片切图、PS 插件切图等。

图层切图

最简单的切图方式:右击图层 --> 导出 PNG 切片。

如果发现某张图片它的文字和背景是分离的,那么可以按住shift对两个图层进行多选操作,然后在图层菜单里面选择合并图层(ctrl + e),然后再导出为png即可。

切片切图

①利用切片选中图片 利用切片工具手动划出

②导出选中的图片 文件菜单 --> 存储为 web 设备所用格式 -->选择我们要的图片格式 --> 存储 。

如果想要透明背景的切图,则要先把最底层的背景给关掉,然后再去切图!同时存储的格式最好是png的。

PS插件切图

Cutterman 是一款运行在 Photoshop 中的插件,能够自动将你需要的图层进行输出,以替代传统的手工"导出 web 所用格式" 以及使用切片工具进行挨个切图的繁琐流程。

官网:注意:Cutterman 插件要求你的 PS 必须是完整版,不能是绿色版,所以大家需要安装完整版本。

附:常见的图片格式

①jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,​​产品类的图片经常用jpg格式​​。

②gif图像格式:GIF格式最多只能存储256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果,​​实际经常用于一些图片小动画效果​​。

③png图像格式:PNG格式是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景。​​如果想要切片成背景透明的图片,请选择png格式​​。

④psd图像格式:PSD格式时Photoshop的专用格式,里面可以存放图层,通道,遮罩等多重设计稿。对与前端人员来说,​​最大的优点:我们可以直接从上面复制文字,获得图片,还可以测量大小和距离​​。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:CSS高级特性①(精灵图、字体图标)
下一篇:CSS--浮动
相关文章

 发表评论

暂时没有评论,来抢沙发吧~