ps切图教程 android,PS怎么切图 PS最新版本切图教程

这篇博客介绍了如何使用Photoshop 2015.1.2的最新切图功能,包括如何批量处理多个界面切图,创建蒙版确保图标点击区域,以及如何设置导出选项以适应iOS(@1x, @2x, @3x)和安卓(xhdpi, xxhdpi)的不同需求。此外,还提到了Cutterman作为替代工具,可以一键导出切图,并提供了下载链接和使用建议。
摘要由CSDN通过智能技术生成

大家平常怎么切图呀,是切片还是用的cutterman捏今天为大家推荐最新photoshop2015CC-1.2最新版本的切图功能,好用到哭,好了不用多说,为大家直接上操作方法

首先检查你的ps是否为最新版本

检查方法

点击 帮助-系统信息

查看你的版本是否为2015.1.2

25dbc9a494f2db6848c11a76eb9c630a.png

如过不是,那么不用着急,我特意请我家爱豆倾情为大家录制了photoshop2015CC-1.2更新及安装视频,视频在最后,请直接拖到底

好的,直接介绍切图的使用方法啦

一个产品有很多界面,为了节省时间,我们将所有需要切的图片拖到一张画布中去并命名好

注意命名要用英文,因为安卓系统支持英文消息加下划线:yingzi_beautiful

91a638fb5854f478aecec6d7245e99db.png

因为软件导出的图标都是贴边切的

但是我们有的图标,本身比较小,他的点击区域需要更大一点

还有的图标对齐方式不一样,所以占的位置不一样

所以我们需要用蒙版的方式将这些图标做成蒙版,这样子以保证实现效果

例如“更多”我要保证他的点击区域,又要他在界面中左对齐,所以我们就用选取选好,然后建立蒙版,这样子导出的图片他就不是挨边切的啦

b65e62c4a57528174bf3bec790c09c39.png

把所有需要做蒙版的切图都建好蒙版以后

选中要输出的图片,右键导出为

10f06f3e91c811e850975c6c65778b61.png

弹出界面

ce6e89bca3c97693d9a118807381d7e4.png

我们的iOS是要后缀的,左上角可以选择倍数

1x 就是我效果图750x1334的切图,后缀为@2x

1.5x就是iPhone6 Plus的切图,后缀为@3x

f3b38253f27fa3d88657e3d95e46b0b0.png

导出的图片就会自动变成:图片命命名+@2x,图片命命名+@3x

其中加了蒙版的图片会按照设计好的位置导出,没有蒙版的贴边导出

53686c49c3ff34e1d2d02c4cbdab5ebb.png

安卓的切图不需要后缀,我们只需要建立好文件夹,再次导出就可以了

建立文件夹

ea91839300de5ac44bad7dca1fed6dcf.png

xhdpi选择1x的图,无后缀

xxhdpi选择1.5x的图,无后缀

194821df15e3ae86e2263b6e0db42ddc.png

他们导出的图片就是安卓能直接用的,如下

21123183ab43fcc92559ccdf19d4dff3.png

好了,photoshop2015CC-1.2切图教程到这里就结束啦,是不是很简单

如果你是photoshop2015CC版,你不想更新到photoshop2015CC 1.2的话,也想拥有如此快捷的切图方法,那么推荐你用cutterman,他也是能一键导出切图的,这里为大家留下下载方式

http://www.cutterman.cn/cutterman

这里有他的有软件介绍及使用教程

我在这里说两点:

1.他的教程是在效果图中去选中然后导出图片,可能大家会觉得麻烦,这里不用照搬,我们依然是把所有界面拖到一张画布中然后进行导出

2.Cutterman所有图片也都是贴边切的,所以需要特殊处理的图片也需要先做蒙版,然后再选择导出

个人觉得ps自带的就很好用啦,cutterman可以放弃啦

好了,今天的图文教程就到这里啦

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值