切图教程，app切图命名总结
来源：站酷
作者：joanna228
从网上收集了一些资料，再根据自己的习惯对APP切图命名进行整理总结。
作为一个有强迫症的设计师，希望产出是有缜密的思维逻辑，当然包括细节。
文字有的部分参考其它文章，整理后根据自己的工作经验作出的总结。
自己也还在不断的摸索与学习。
如文章有错误的地方或者不足的地方，希望大家可以提出来一起交流，不断完善，共同进步。全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。
【原创教程 投稿邮箱： 】
==================== 学习提示 ====================
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学！
官方微信：ps_bbs，或扫右侧二维码！
关注我们微博：
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
看完教程望大家
旧一篇： 新一篇：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
免责声明：除本站原创外，本站文章均收集整理自网络，其版权归该教程原作者或原出处所有！本站转载文章均保留了原出处及作者，如出现资料错误或侵权，请联系修正或删除：做iphone&app界面怎么切图！！？
您的位置： >>
>> 话题内容
您是第 13689 位浏览者 / 有 6 条回复
5年前 发表1F
我感觉最好的就是拿框一点一点选了，但是显然不行……因为iphone用PNG，支持透明图层，所以要是做了透明就不能直接切了，对吗？顺便问下，为什么输出时候选了PNG还是输出gif，就一张PNG。除非一点一点手动选中了才输出PNG，真麻烦呃，求具体介绍批量输出PNG切片。
5年前 发表2F
没做过。。。
4年前 发表3F
我的方法是新建透明图层，拉入元素~~
2年前 发表4F
哈哈，我也是一样。现在在学习更快捷的切图方法
引用了 zhrock 发表的内容：
我的方法是新建透明图层，拉入元素~~
2年前 发表5F
有什么方法是更快捷的切图方法呢？告诉一下哦，万分感激呀！
引用了 libra慢 发表的内容：
哈哈，我也是一样。现在在学习更快捷的切图方法
1年前 发表6F
你保存一次png的
等下次再切的时候就是所有图片都是png的
314天前 发表7F
Assistor&PS
站酷讨论组
你未加入讨论组，无法在本组发言！
简介：Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。如果您喜欢『PS学习网』，请推荐给您身边的朋友！本站永久域名：www.
详解PS切片工具的切图使用技巧
来源：网络作者：网络时间： 21:32:16点击：
我们在制作网站的时候如何把做好的效果图转成网页格式呢？这里就有很多方法，如果是比较复杂的网页就需要用手动来切图。如果不是很复杂的可以直接用PS自带的切片工具来切割。教程中介绍的是规则切图，实际应用中需要用手动来划分区块的大小。最终效果
一、打开要分割的图片，点工具栏的切片工具。
二、将划分切片的水平划分为4，垂直划分为3，点好后出现12个等分的图片。
三、将图片划分好后，我们点工具栏最下面的键计入IR状态下编辑图片。
四、直接点文件，将优化结果储存为HTML格式。
五、保存在电脑桌面或其它文件夹，会出现一个HTML格式的网页，我们打开另一个文件名为Images的文件包，里面就是我们刚才分割好的小图片。
六、我们打开这些小图时会返现默认为索引颜色，这时选择菜单：图像 & 模式 & RGB颜色就可以对这些小图片进行处理了。
我们在做网页的时候，使用分割好的小图片有利于网页的浏览速度。
[标签: , , , ] [] []
&&PS学习网是一个专业的学习交流Photoshop的网站，本站致力于向广大PS爱好者提供一个学习与交流的平台，想要学习提高自己的PS水平，马上从这里开始吧…&&&&&&&&&&#PS教程：你所不知道的Photoshop CC快速切图的方法 : PS笔刷吧-笔刷免费下载
您的位置： &
& #PS教程：你所不知道的Photoshop CC快速切图的方法
记得前不久才写完《切，切个大西瓜》，肯定有人就会提出疑问了 “我擦，这孙子怎么又有西瓜切？” “我之前的评论这孙子还没回复呢，又来了？ ”
之前文章链接：
没错，首先本仔（什么仔别问，别叫孙子）对上次没上首页怨念十分重，一定是你们只看不赞的原因！ 一定是！然后，上篇《切》已经讲的很详细了，但是干干万同行（同行是冤家，切图 也一样）用评论，用QQ把我轰得体无完肤了，其中有个前同事，简直就是专业得我五体投 地，用了数个日日夜夜验证以后又跟我用了一个通宵时间彻夜长谈，最终得到了一个终极切图 方法。也许很多朋友都知道了，但我还是想拿出来和大家分享分享（怨念嘛！）。
那么直接开始教程
之前说的前提，开生成器，开图片资源都不用了，也别找了，我们用抽出资源。
对！只用这个。不过，同样有个前提，这次的前提更加苛刻。需要有PSCC 版以上才行。下面是我 的测试环境。
希望看教程的把版本号看清出，不要再在评论里问版本，至于怎么下载 网上大把不多说（基本上用Creative Cloud更新，打上XX补丁即可）
这是本次测试切图资源，图标是网上开源的，因为喜欢就拿来做例子也会在底下提供PSD下载供学习和参考。
打开PSD,找到我们要切的资源图片（这都是TM废话）。
这一次我们只挑其中4个icon做例子，这4个图标我也用醒目色给标出来了。 “皮卡丘，就是你了！”
将要被切出的资源逐一选中（为什么要逐一，我后面会说）右键，看到抽出资源没？这就是今 天的主角，我可以肯定的告诉你，低版本PS是一定没有这个选项的。
其实，已经完了，剩下的顺着做就行了，这时候你肯定会发一个表情。
被骂多了，容易怀孕，于是秉着为人民服务的精神，我们详细的讲解一下，这个抽出资源到底是怎么回事。
最终会生成一个XXX-资产的文件夹，默认尺寸显示在根目录，其他尺寸会自动归纳到对应的
一个文件夹里。为了保证大家相信我们真的一键切完全部尺寸的图标，我拿Evelina.png做对比，关键是，图标不虚哦!
我们可以很直观的看到，顶上的“0.25x”，“0.5x”，“2x”，“3x”。这就是额逗比为UI 设计师，不对，熟练切图仔们量身定制的多尺寸适配的救星！这样只需要点一个按钮，抽出的资源就是你想适配的各种倍数关系的资源切图了。
我们再回过头来看看额逗比对“抽出资源”这个功能的解释说明。
抽出图层或者图层组，为什么我上面提到要逐一？因为可以整体切嘛。比如像下面这样选中图层组，就可以将资源整体切出来了。
我们再回过头来看看额逗比对“抽出资源”这个功能的解释说明。
抽出图层或者图层组，为什么我上面提到要逐一？因为可以整体切嘛。比如像下面这样选中图层组，就可以将资源整体切出来了。
最后一个问题！
看来还是额逗比牛逼，“我们不生产方法，我们只是方法的搬运工！ ”肯定又有人吐權说 “说来说去，这孙子就只会复制Adobe的帮助文档。”“你们研究了一通宵就这样？”
显然不是！因为我们还有最后一个问题没有解决，也是我们切图职业生涯中最常见的一个问 题。如何做到统一切图大小7 因为这种切图方式是系统沿《图片边缘切的，大小不可控。
1.我们给需要统一尺寸的资源一个大小一样的蒙版遮運
2.不知道怎么遮罩的可以看这张图
4.这就是结果，不需要我显示每个点尺寸对比吧
最后感谢诸位在此期间给我提出各种建议和意见的热心设计师（切图仔）们。感谢上海MUX 全部小伙伴的各种试验研究，感谢那个找我对抽出资源小窗讨论，并决定出教程补齐我的切 图系列的同学（对不起，我没看到你的教程，所以我自己补了一份）。THANK YOU!
属性标签：}