创建Spritesheet动画的提示和工具


23

我正在寻找一种可以轻松创建子画面的工具。

现在我正在使用Illustrator,但是我永远无法使角色的中心位于确切的位置,因此看起来好像它在四处移动(尽管始终在一个位置),同时在子画面中循环。有什么更好的工具可以使用吗?

另外,对于使用Sprite工作表,您会给出什么样的提示?我应该在单个图层(左臂,右臂,身体等)中还是同时一次创建角色的每个部分?任何其他提示也将有所帮助!谢谢


在哪里使用一些脚本从Illustrator导出精灵表?我正在使用自己的Photoshop脚本,但我也想要Illustrator的东西。
rraallvv

Answers:


13

对于您遇到的问题,我建议您执行以下操作:

首先,使用图层和文件夹。确实有帮助,将单个子画面分组到文件夹中,以便您可以将它们全部移动,并且要复制的部分应该存在于单独的层中。

(因此,如果有剑或其他东西,应该放在一层上,眼睛应该放在一层上,依此类推)。这就是这类应用程序真正强大的功能所在。如果您弄乱了某些东西,则不会仅将其弄乱。

然后,启用标尺并启用网格。(也花一些时间在首选项菜单中正确设置它们)。如果单击标尺并将其拖离标尺,则可以创建参考线。使用准则设置自己的限制将使您可以将精灵(现在应该位于文件夹中)捕捉到网格线,从而使它们的位置更好。

最后,如果在播放动画时一切看起来还是有些异样。如果您一直放大(可能需要确保在首选项菜单中启用了此功能),则可以看到一个单独的每像素网格。这应该可以让您将事物准确地放置在所需的位置。


顺便说一句,这篇文章正在谈论如何在这种情况下使用Photoshop。

4
@Sergio,不是必需的,PhotoShop不是唯一具有图层,辅助线,规则和按像素网格的图像编辑软件。
AttackingHobo 2010年

@Sergio以为我提到过在这种情况下我会推荐PS胜过插画家。但是,是的,IIRC它仍应具有与Photoshop相同的所有这些功能。我已经有一段时间没有打开任何东西了,但Photoshop和After Effects除外。
杰西·多尔西

@AttackingHobo-他通过单击网格提到了捕捉准则;该操作主要在Photoshop中使用,任何人通过搜索找到的教程中有99%会返回Photoshop结果。

@Sergio感谢您提醒我,您应该单击并从标尺拖动。但是可以,Illustrator确实具有创建参考线的能力。因此,我认为这些信息都不是错误的。
杰西·多尔西



3

您的问题听起来很像我在这里回答的问题:什么是生成动画精灵的好工具?

基本上,您可以使用自己喜欢的程序创建动画。使用Illustrator时,建议您在图层上创建动画步骤,甚至将图稿导入Flash中进行动画处理(由于Flash CS4,您也可以在Flash中创建骨骼。请参见此处的教程)。

制作完动画后,只需将帧导出为图像,然后使用我的答案中的方法(上面)创建一个精灵表。




2

http://www.darkfunction.com/editor/

糟糕:为暗中进行自我宣传而道歉。但这可能正是您想要的。

编辑:只是我已经使该工具免费和开源的更新。https://github.com/darkFunction/darkFunction-Editor


由于这是自己的产品,请告诉我,它在常见问题
约翰麦当劳

这是一个很好的工具,现在可以使用我自己的工作流和图层了,虽然工作缓慢,但效果很好,但可能还需要进一步研究
Spooks 2012年

1

Sprite Animation Software自动创建一个Sprite工作表,其中包含Sprite动画的所有帧的有序序列。该软件不适用于已创建的Sprite表格-它会创建具有指定方向(垂直,水平或桌面)和规定尺寸的Sprite表格。

Sprite动画是由同一工具使用2D骨骼铰接模型和纹理创建的。在YouTube上观看视频


我们的常见问题解答建议不要使用“远远不只是指向外部站点的链接”的答案。也许添加一些细节来解释其中的内容以及为什么它对这个提问者有用?:)
Cameron Fredman

0

我一直在使用Texture Packer从PNG图像文件夹中创建精灵。我正在移植最初是用Flash开发的游戏,因此我只是将MovieClip的每个帧导出为png,然后将这些图像导入Texture Packer。

另一个类似的工具是Zwoptex

(后者是Mac软件,但是TP也有Windows的版本。)

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.