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

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手动标注、切图。

切图工的修养:切图方法、切图工具经验谈。_第1张图片
查看属性

查看图层属性,看到宽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重命名后,标注层就作废了。

你可能感兴趣的:(切图工的修养:切图方法、切图工具经验谈。)