不用在意那么多设备,不管iOS和Android手机型号有多少,只要我们理解它的屏幕分辨率之后就好办了。

<点图片看大图>www.16xx8.com

有人会创造一个问题,6S、6S plus的尺寸呢?由于他们的分辨率和6、6 plus尺寸同等的。

从上图可以看出不同分辨率对应不同的倍率,这样的话我们适配的时候就知道怎么切图了,@2x表示两倍图,@3x表示三倍图;以上的那些尺寸图,重点看这张图就可以同时适配iOS和Android的切图了。

711 PS高级切图教程分享一种高效切图方法

工欲善其事,必先利其器

现在PhotoshopCC2015已经出了切图就更方便了,但是对付电脑的配置哀求比较高,不然卡去世,土豪就不用担心,随便安装,对付电脑配置比较低的可以这样干,作图的时候用CS6,文件在这里面做好之后,只须要启动CC2014或者CC2015进行切图操作就可以了,我现在便是这么干的,毕竟高配置的电脑本钱比较高。

现在开始来捣鼓CC2014或者CC2015吧。

1、调出首选项Command(Ctrl)+k,勾选启用天生器,默认是不足选的。

2、文件-天生-图像资源,这个是后期的时候用的比较多的一个选项。

切图要点

1、不同的模块建立不同的切图文件夹存放。

这样做的目的:一方面,方便自己往后查找;另一方面,方便咱们的开拓工程师查找文件,由于有时候是分工互助,须要第一韶光找到对应的文件。

2、命名规则

建议采取以下方法命名:

公式:模块_种别_功能_状态.png

例子:new_icon_share_nor.png

解释:最新_图标_分享_正常.png

备注:2倍图和3倍图的时候须要在后面加2x、3x,以便明确这是几倍图,比如:new_icon_share_nor@2x.png new_icon_share_nor@3x.png;命名的下划线一定要用“_”这个不能用“—”这个,在安卓上面不支持,并且利用这个符号也不是很规范。
.png绝对不能丢,由于CC须要这个后缀来进行切图的输出,没有的话就输出不了。

3、常用命名单词

<点图片看大图>

4、切图文件大小必须是偶数,格式为PNG-24。

5、iPhone的3倍图怎么切?

如图所示,左边是须要切的icon,右边是命名,@2x图和@3x图,从图中可以看到有一个红框,刚开始肯定会纳闷,@2x图和@3x图唯一的差异便是前面多了百分比150%,后缀变成了@3x,命名没变,为什么是150%的比例而不是其他的?

这是由iPhone6和iPhone6plus的屏幕尺寸比得来的,750/1080≈1334/1920≈2/3,由于iPhone5/s与iPhone6的屏幕分辨率是同等的,都是326ppi,以是它们用的是一套图,也便是@2x图,6和6plus的屏幕宽高比是2/3,当5/6利用@2x图的时候,6plus利用的@3x的图,也便是5/6的图片资源宽高的各1.5倍,换算成百分比刚好便是150%。

6、切图尺寸大小怎么统一?

这是一个坑,并且还是亲自被埋过,埋得去世去世的,然后才爬起来的,当时也是查资料,来回试了好几次才找到方法,刚开始我在做的时候就纳闷,为嘛我的切图切出来大小不一样,大的大,小的小,还有一些乱七八糟的尺寸。

怎么处理的呢?在上面的第五点中可以看出,命名截图的阁下有个玄色的东西,那是啥?有人想到了,那是蒙板,不错,那便是蒙板,利用蒙板就可以办理掉了尺寸大小不一致的问题了,是不是很大略,虽然大略,但是,这个坑没踩过,你是记不住的,也不知道怎么处理,下面来看看详细怎么做。

<点图片看大图>

这个切图的尺寸是140140px的,我在做的时候是用矩形选取框画了这么大的区域,让切图文件居中对齐,拉参考线,这个时候的图层是图1的样式,然后,点击添加图层蒙板(图2),图层变成了图3,多了一个图层蒙板,蒙板里面白色是高亮的,是要保留的区域,玄色的部分便是去掉的部分(去黑留白),白色区域的大小决定你的切图文件的大小,这样就办理了切图文件大小分歧一的问题。

把稳事变:全体过程中不要取消选区,不要误触了Ctrl(command)+D。

输出

这个时候,就开始输出了,由于咱们的准备事情都已经弄完了,下面就须要用到CC2014或CC2015的图像天生器了,前面的利其器的部分的增效工具里面的启用天生器一定要打勾,然后就可以直接操作,文件>天生>图像资源,然后你会看到,切图文件的阁下多了一个文件夹,文件夹的名称一样平常是“文件名-assets”,里面便是你的切图文件了。

<点图片看大图>

安卓的呢???

莫急,安卓的实在已经出来了,咱们只须要把iOS的@2x的图拷贝一份,然后建个文件夹命名为android,拷贝进去,去掉命名后面的@2x就可以了,有人会问,就这样?

还记得上面提到的5/5s、6/6s的屏幕分辨率是326ppi吧?而,安卓的320dpi分辨率对应下的,1dp=2px,尺寸是7201280,他们的分辨率是靠近的,那么咱们直接就可以共用@2x的图给安卓利用,不过须要去掉后面的@2x,并且只须要供应一套切图就可以了,至于其他的安卓尺寸,就交给安卓开拓工程师办理了,他们会利用点九的办法进行适配。

1、须要本套教程素材和各种牛B插件的同学可以咨询客服微信 2808734777

2、免费供应Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 会声会影 word ppt excel 3Dmax Maya 500G传授教化视频和软件,加微信 2808734777获取

3、想系统学习影视后期设计制作各种软件技巧的同学请加微信 2808734777

4、关注微信"大众号 yshqsjzz(长按复制) 获取所有的软件和更多的学习资讯