切图工的修养:切图方法、切图工具经验谈。

Foreword:


作为一个职业的切图工,如何切好图,把图切快,是切图工的工匠精神体现。

切图规范:


*游戏切图和应用切图要求不同
*也许适合大部分游戏

1)单位:游戏切图主要用px(像素)切图,看具体情况用不同的切图方法。
2)通常情况下,游戏要比应用需要更多考虑美术资源的复用,特别是手游。
3)手机游戏的切图,最佳显示尺寸通常用1334 x 750 px,即iPhone 6的分辨率。
*每个公司/组可能不同,分辨率要多和程序那边沟通。
*可以了解Unity拼界面原理,方便对切图有更好的理解

字体需要标注大小、颜色,其中颜色需要用HEX模式标注,方便程序拼界面。
*有些公司要美术自己拼界面,所以具体怎么标,可以多和对接的同事沟通。

一、切图方法


1)整个切

按标准界面显示的大小整个切出png,这样拼界面导入png就不用调尺寸。
多适合 非对称图形/图案 、渐变的切图。
*渐变资源也可切九宫格,但要到Unity里拉伸实际看一下效果。

2)九宫格切图

适合对称图形的切图。把png资源体积缩小,unity里面可以实现九宫格拉伸。Unity九宫格拉伸原理,可以看:https://blog.csdn.net/andyhebear/article/details/50476802

3)绝对位置正确切图

适合美术字的切图方式,png尺寸,以及字体中心坐标必须一致,方便前端程序的对齐。

4)放大了切

为了更追求更好的美术效果。和放大1~2倍制作资源的方法类似,考虑到png在界面中的可能最大表现尺寸,按照这个尺寸来输出png资源。

二、标注、切图工具


这一部分主要写的是插件,虽然可以用PS手动标注、切图,但这样效率太低了,作为一个职业的切图仔,一天下来不可能只是切那么几张图,有时候是很多图堆到一起切了,插件比手动的快多了且不易出错,是标注和切图的更有效率的方式。

1)PS手动标注、切图。

查看属性

查看图层属性,看到宽x高了吗?然后用文字写到合适位置,标注给程序。

PS手动切图:
将要切的图层或组,转换智能对象后,再转换成一次智能对象,这样就转换了两次,从原图层进入第一个智能对象内,ctrl+左键选中智能对象,按下c 裁剪,这时ps会自动定位到要切的部分,通常不会把阴影等样式切没了,这时既可以手动调整切图大小,也可以直接导出成png。
如果遇到固定尺寸大小的切图,需要新建一个psd,把需要切的图放到里面,然后导出。多个图需要一样的固定尺寸可以使用同图层。

2)Cutterman+Parker

Cutterman是一个很好用,很强大的工具。
控制尺寸方面做的不错,缺点是一键切图的png文件名会比较麻烦,还有覆盖同名png的问题,但这个覆盖可以设置。

Parker 能一键快速生成标注。
缺点是Parker试用太短,且付费价格不便宜,要60RMB。作为一个对技术不了解的用户,有时候会担心购买后换机不能用的问题。

3)Assitor PS

完全免费。除了字体的字号切不准,偶尔颜色失误外。
其他方面很好很强大。对元素的尺寸标注是准确的。
也可以切图,但是Assitor PS在切图控制,和速度上来说,比不上cutter man。

4)PxCook等工具

PxCook像素大厨标注还算智能方便,标注也会跟着原psd修改而变化,而且免费。

缺点是导入较慢,还有psd修改后更新问题,标注图也只能导出png一种格式。
还有是一旦原psd重命名后,标注层就作废了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容