欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

PS三种切图方式,干货满满,不看绝对后悔

程序员文章站 2022-07-04 22:23:42
作为前端开发的话…不会切图的话会有很多麻烦,除非你跟ui小姐姐关系很好哈哈例如有这样一张psd图片如果我们想切出中间“备战中考,领先一步”那张图片,怎么做呢?第一种方法:点击一下这个,然后再点击一下图片,右边会出现这样的情况然后右键第二种方法使用切片然后把这个图片圈住然后单击文件,点击存储为web所用格式然后点击存储点击选中的图片之后出现的那个,直接点确认,然后会生成一个文件夹,里面就是切的图片了第三种方式,用Cutterman这个插件,好用的不行哈哈进入这个网站...

作为前端开发的话…不会切图的话会有很多麻烦,除非你跟ui小姐姐关系很好哈哈

例如有这样一张psd图片

PS三种切图方式,干货满满,不看绝对后悔
如果我们想切出中间“备战中考,领先一步”那张图片,怎么做呢?

第一种方法:
PS三种切图方式,干货满满,不看绝对后悔
点击一下这个,然后再点击一下图片,右边会出现这样的情况
PS三种切图方式,干货满满,不看绝对后悔
然后右键
PS三种切图方式,干货满满,不看绝对后悔
第二种方法使用切片
PS三种切图方式,干货满满,不看绝对后悔
然后把这个图片圈住
PS三种切图方式,干货满满,不看绝对后悔
然后单击文件,点击存储为web所用格式
PS三种切图方式,干货满满,不看绝对后悔
然后点击存储
PS三种切图方式,干货满满,不看绝对后悔
点击选中的图片
PS三种切图方式,干货满满,不看绝对后悔
之后出现的那个,直接点确认,然后会生成一个文件夹,里面就是切的图片了

第三种方式,用Cutterman这个插件,好用的不行哈哈
进入这个网站

http://www.cutterman.cn/zh/cutterman
注:如果PS是绿色版的话是下不了这个插件的

然后下载安装它,之后再关闭ps,重新进一次
PS三种切图方式,干货满满,不看绝对后悔
看是否有这个,然后注册一个账号登陆吧
PS三种切图方式,干货满满,不看绝对后悔
默认选择web端,你也可以选ios活an都行

以后想切图的话,在输出那个地方,我们指定一个自己的文件夹,然后切出的图片就会放在这个文件夹里

PS三种切图方式,干货满满,不看绝对后悔
怎么切图呢?
PS三种切图方式,干货满满,不看绝对后悔
PS三种切图方式,干货满满,不看绝对后悔
然后图片就切好了,是不是特别好用

如果想几张图片合成一张图导出的话,直接shirt选中,然后把那个合并导出选中图层勾选一下再导出即可
PS三种切图方式,干货满满,不看绝对后悔

最后再补充一下下,如果不用这个插件的话,想合并多张图然后再导出的话,就像这样
PS三种切图方式,干货满满,不看绝对后悔
PS三种切图方式,干货满满,不看绝对后悔
这个绿色的大块,它由三部分组成,我们通常就把它们合并,然后导出,怎么做呢?

按住shirt,把三个选中
PS三种切图方式,干货满满,不看绝对后悔
然后点击合并
PS三种切图方式,干货满满,不看绝对后悔
然后就合成一张了,再导出即可

本文地址:https://blog.csdn.net/weixin_45389051/article/details/107208241