PS怎么切图 PS最新版本切图教程

若水若冰
2016-07-06 09:44 电脑百事网

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

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

检查方法

点击 帮助-系统信息

查看你的版本是否为2015.1.2

PS怎么切图  PS最新版本切图教程

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

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

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

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

PS怎么切图  PS最新版本切图教程

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

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

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

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

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

PS怎么切图  PS最新版本切图教程

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

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

PS怎么切图  PS最新版本切图教程

弹出界面

PS怎么切图  PS最新版本切图教程

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

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

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

PS怎么切图  PS最新版本切图教程

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

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

PS怎么切图  PS最新版本切图教程

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

建立文件夹

PS怎么切图  PS最新版本切图教程

xhdpi选择1x的图,无后缀

xxhdpi选择1.5x的图,无后缀

PS怎么切图  PS最新版本切图教程

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

PS怎么切图  PS最新版本切图教程

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

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

http://www.cutterman.cn/cutterman

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

我在这里说两点:

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

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

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

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

0
0
PS高级灰色调怎么调 PS高级灰色调调色教程 电脑很卡?让PS快到飞起来!PS软件性能优化技巧 PS合成月光下挥着翅膀的女孩教程 PS绘制一枚清新优雅的调节旋钮图标 PS将照片处理成非主流伤感图片教程 PS将照片处理成彩色铅笔画效果教程
热门文章