ps怎么切图 ps怎么切图上传蓝湖

作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法,帮你高效切图。

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

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

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

有人会发现一个问题,6S、6S plus的尺寸呢?因为他们的分辨率和6、6 plus尺寸一致的。

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

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

工欲善其事,必先利其器

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

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

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

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

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

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

切图要点

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

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

这样做的目的:一方面,方便自己以后查找;另一方面,方便咱们的开发工程师查找文件,因为有时候是分工合作,需要第一时间找到对应的文件。

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、常用命名单词

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

<点图片看大图>

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

5、iPhone的3倍图怎么切?

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

如图所示,左边是需要切的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、切图尺寸大小怎么统一?

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

怎么处理的呢?在上面的第五点中可以看出,命名截图的旁边有个黑色的东西,那是啥?有人想到了,那是蒙板,不错,那就是蒙板,使用蒙板就可以解决掉了尺寸大小不一致的问题了,是不是很简单,虽然简单,但是,这个坑没踩过,你是记不住的,也不知道怎么处理,下面来看看具体怎么做。

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

<点图片看大图>

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

注意事项:整个过程中不要取消选区,不要误触了Ctrl(command)+D。

输出

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

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

<点图片看大图>

安卓的呢???

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

还记得上面提到的5/5s、6/6s的屏幕分辨率是326ppi吧?而,安卓的320dpi分辨率对应下的,1dp=2px,尺寸是720*1280,他们的分辨率是接近的,那么咱们直接就可以共用@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(长按复制) 获取所有的软件和更多的学习资讯

【版权声明】叽叽歪歪吧提醒您:请在浏览本网站关于《ps怎么切图 ps怎么切图上传蓝湖》信息时,请您务必阅读并理解本声明。本站部分内容以及图片来源于商家投稿和网络转载,如网站发布的有关的信息侵犯到您的权益,请及时与我们取得联系,邮箱:20451 17252#qq。com,我们会尊重您的决定并当天作出删除处理。

(0)
上一篇 2022年5月3日 11:35:04
下一篇 2022年5月3日 11:55:04

相关推荐

  • 什么是债券基金 买什么债券基金好

    什么是债券基金(买什么债券基金好)明天就是冬至时节了,经过债基学堂的科普,相信各位客官们已经充分了解债基在资产配置中的重要作用,所以回家也可以和亲朋好友叨唠下债基的优点哦!但如果有亲友问起:“市面上债券基金那么多,如何从中筛选出优质、适合自

    2022年3月27日
    5
  • 逝者如斯夫什么意思 缅怀逝者的句子

    逝者如斯夫什么意思(缅怀逝者的句子)逝者如斯夫!不舍昼夜名句的诞生子在川上1曰:“逝2者如斯3夫!不舍4昼夜。”——子罕·十六完全读懂名句1.川上:河川岸边的意思。2.逝:往,去。3.斯:这个。4.舍:停止之意。孔子在河边感叹道:“一去不复

    2022年5月8日
    3
  • 长安欧诺外观改装图片 长安欧诺改装内饰大概多少钱

    长安欧诺外观改装图片(长安欧诺改装内饰大概多少钱)面包车也有春天,长安欧诺外观大方、空间宽敞、性价比高,车主是一位对于音乐有追求的人,然而原车音质可想而知,根本不能满足车主的要求,于是车主来到了莒县车道进行三分频音响升级。长安欧诺改装配置清

    2022年3月30日 生活小百科
    8
  • 世界上最长的婚纱(世界上最难看的裙子)

    世界上最长的婚纱(世界上最难看的裙子)在图片中你可以看到有一个心形,然后下面还摆着许多道道,这是干什么呢?原来这是用婚纱组成的图形,这个婚礼中新娘所穿的婚纱长达4100米长这么的长的裙摆需要40位女孩托起,从而打破了世界纪录,据悉这件婚纱花

    2022年2月4日 生活小百科
    16
  • 该内存不能为read怎么解决 电脑关机显示内存不能read

    该内存不能为read怎么解决(电脑关机显示内存不能read)Win10系统该内存不能为written/read怎么办?有用户反映在打开某个应用程序时,提示该内存不能为read,那么该如何解决系统显示该内存不能为read的这个错误呢更多系统安

    2022年4月11日 生活小百科
    0
  • 苹果手机如何同步微信卿天记录(苹果13如何激活使用流程)

    苹果手机如何同步微信卿天记录(苹果13如何激活使用流程)iPhone手机如何备份聊天记录到电脑上呢?我们的聊天记录会有很多重要的数据,建议大家养成备份的习惯,以免造成不必要的麻烦。但是苹果用户都知道,备份到iCloud的话,iCloud空间

    2022年3月6日
    10
  • 四川成都游玩攻略 成都二日游最佳攻略

    四川成都游玩攻略(成都二日游最佳攻略)小伙伴们,大家好,我是菜菜,咱们继续聊旅游吧。在成都市区内,如果天气较好,天空清新且明朗的话,那么就可以在极远的天边看见几座雪山。雪山山顶上常年覆盖着积雪,从远处看去仿佛是天空中的仙境。随着气温的逐渐下

    2022年4月28日 生活小百科
    6
  • 自动挡手动挡区别(家用车手动挡好还是自动挡好)

    自动挡手动挡区别(家用车手动挡好还是自动挡好)现在开车的人越来越多,很多学车的人在选择是学自动挡还是手动挡纠结,今天为大家讲讲他们各自的优点。性能:手动变速器如果质量良好几乎不可能出故障,全寿命保持优良性能。 自动变速器却是随着使用年限性能

    2022年3月3日
    16
  • 办公打印机的使用步骤 办公打印机使用教程

    办公打印机的使用步骤(办公打印机使用教程)华为今年着实发布了不少高质量的新品,手机、手表、耳机一个不落,不过要说让我印象最深刻的,还是要属华为PixLab X1打印机。有人要问了,那么多新品,为什么你偏偏独宠它呢?最根本原因是因为华为Pix

    2022年5月6日 生活小百科
    3
  • 食疗减肥食谱 一周瘦20斤残忍法不反弹

    食疗减肥食谱(一周瘦20斤残忍法不反弹)已瘦45斤,一周不重样!空气炸锅食谱合努力减肥✔️无油小酥肉鸡胸肉切块,一勺盐,两勺生抽,一勺耗油,和鸡胸肉抓匀腌制15分钟。三勺玉米淀粉,一个鸡蛋,烧烤料一勺搅和成糊糊。腌制好的鸡胸肉裹上糊糊,空气

    2022年3月25日 生活小百科
    6

发表评论

登录后才能评论