【私货分享】如何用闪影自由分割图集文件

##前提
此功能针对大众用户 ,即使你是美工,即使你不需要用闪影做地图,但是也会用到此功能

我们在游戏的前期的时候,对于游戏素材,往往美工需要反复的更改和调整,对于少量的碎图还好,但是如果是已经合并的图片合集呢?或者他本身就是未分割的整图呢?那么,我们该怎么对一张整图进行重新分割,这就是下面要讲的,需要用到闪影的“图片Plist生成”功能。

废话不多说,我们直接开始。

##教程

以上图来说,我们将到此图,导到“图片Plist生成”面版。因为最开始图面上什么都没有,我们先生成一些图块来进行调整,面版左侧 →启用块分化→参数如下→执行。

效果如下:

很明显我们平铺了若干行列的3232的图块。但是还远远不够,图中有很多不需要分割的空白处,和大小不是3232的图块。那我们继续。

首先先介绍两个工具:

(箭头)选择工具:用来选中单个图块,可多次选中

(矩形)选区工具:拉取一片区域,从而进行转为图块,和选中区域内图块等操作。

我们先用选区工具在空白区域拉出一块矩形。

随后可以看到右侧的选区编辑部分变的可用了。

我们点击选中图块按钮,来选中区域中的图块。

接下来,当有图块被选中的时候,图块编辑部分的合并和删除按钮也会变的可用。这里因为是要清除空白区域,所以我们点击删除按钮。

再看效果:

很明显选中区域的图块被清除了,这样如此反复空白区域的图块便会全部被清除。那我们在看一下合并功能。

上图所圈的区域,是六个32*32的图块,但是实际他就是一个大一点的橱柜图块,那我们就需要合并功能,来合并他。如上,前面的都一样,拉区域,然后点击选中图块。不过,最后点击的是合并。

结果:

六个合成了一个,看似是完成了,但是下面明显多出了一块不需要的区域,这时候我们就要对这个图块进行微调了。来清除下图所指的区域。

点击选择工具(注意上面所用的一直都是选区工具)。

选中那个图块,这是一定要单选。

之后可以看到,右侧图块更改部分变的可用了,这里我将高度改成75。

再看那个图块,多出的区域已经被清除。

这样做其实不难,但如果如果数量够了,却会变得很繁琐,对此闪影中还加了更加方便颜色收缩功能。

我们直接选中需要收缩的图块。

执行颜色收缩中的透明度收缩(因为上面素材是透明背景,如果是纯色背景,就执行颜色收缩,然后选择相关颜色)。

来看效果吧。

可以看到上面的瓶瓶罐罐,已经全部按实际像素收缩好了,可以说是一键完成(看到这里你可能会想,上面讲那么多才调好一个图块,这个瞬间就调好这么多,那还讲上面的干什么?对此,我只能回你::grimacing:你这不是废话吗,不是因为上面的麻烦,我能开发颜色收缩这个功能吗?)。

看到这里,不知你注没注意到,虽然这个素材不完全规整,但是大部分都以32的倍数排列,那么如果有很多位置和宽高都错乱的图块,我们要怎么做?

还记得选区编辑中的转换为图块这个按钮吗?

如上图,我将一片区域清除,然后根据上图面袋图块的样子画出一个大概边框。之后改为执行转换为图块。

结果以下:

可以看到原本的选区变成一个图块,之后我们就可以通过图块更改或颜色收缩,进行细调了。

接下便是利用上面所讲的功能,进行重复的调整。最终分割好的样子:

生成Plist文件,并放入到CCC后。

至此,大功告。。。。。才怪。。。。

闪影除了上面的所说的,还有很多拼好的的样式。

上图中的增加图块按钮是在特定位置,增加特定大小的图块,字面理解就行,不讲了。批增图块是增加图块的扩展,在特定位置,特定大小,增加特定行或列的图块。

如上参数,执行结果。

我在X150,Y150的位置,增加了23六个宽高3232的的图块,分别为X坐标横三个,Y坐标竖二个。

在看十字增加。

这是我个人的集成,他有四种样式,为好了演示,XY数量,我都设为1,逐个给大家看一遍。

正常:

缩入 (每个大小相同,坐标往里进一半):

半径(四周宽高不同):

九宫 (宽高不一,九个平铺):

#总结
闪影的Plist生成功能,拥有平铺、选取、更改、删除、合成、自由生成、自由增加、颜色收缩、十字样式以及导出Plist文件等功能。另外闪影还有针对生成Plist文件后的,Plist图块修改面板,有兴趣的朋友可以自行去看看。

生成和修改联合使用效果更佳哟!!!

##最后

不得不说,很多时候,你终会把碎图合成图集,但是你不能保证合成图集永远不会被更改,所以一个好的设计图集的功能是很重要的。我在设计素材时,大多时候就直接生成图集,如果相应素材有变,就直接更改素材和图集文件就行,这样好处在于,不会出现碎图太多不好管理的情况,而且也容易避免UUID这个身份证明,不统一的可能,毕竟几个meta文件,总比几十上百个meta文件好管理吧。


那么关键点来了,这么好的软件,哪里下载?

##赶紧加群:150968661 下载最版本

ps:如果你是程序汉子,闪影中很多高级功能等来开发。如果你是美工妹子,那么你来对了,闪影愿意踢开那些程序汉子,为你献出更贴心的设计体验。

8赞

功能很强大~

功能很强大~

很强大666

先支持再说。

干货,顶一下楼主

使用这个闪影用过一个项目,基于creator来说做地图累的游戏确实方便,性能是一方面,还有就是特效与碰撞也非常到位,省去了很多时间

mark 下 实现原理

mark

牛!正好需要这个东西!!!!

感谢了,不管怎么说,能看到有人用闪影做出项目,还是挺欣慰的

有没有能够自由分割cocoscreator自动生成的图集?

暂时没有,不过简单,如果需求够,可以做

正好用得到,讲解很详细,方便实用,做图省了不少事。感谢楼主

支持高手

mark一下

mark 滴滴滴

顶!!!