Advertisement


Crop image while keeping center point


Question

I have an animation that is split up in ~20 individual images that I use for a mobile game. The game engine I use will take all the individual images and compile them into a sprite sheet for me.

My issue is that some of the frames in the animation have a lot of blank space (its an explosion so it gets bigger every frame) and I would like to crop them to save memory usage and eventually resize all of the images.

When I cropped all 20 by hand in photoshop and using the align vertical and horizontal features it really did not keep a center point for the explosion. This caused the animation to look horrible when the game engine ran through all the images. I am assuming it is because the images did not share that center point anymore since I pretty much cropped by hand.

How can I crop all of these individual images while keeping a main center point? Do I need to use a different program besides photoshop?

2014/06/16
1
2
6/16/2014 2:21:00 AM

It's seems like your question has less to do with cropping and more to do with alignment.

If you take two differently shaped objects and align them vertically and horizontally in Photoshop using the align tools provided they will not share a center point, as each object is treated individually.

Your objects need to have something in common for Photoshop to be able to align it properly. In your case, you will want at least one edge of the animation that each sprite shares, whether that be the top, bottom, left or right edge is irrelevant because you can then align the sprites to that respective side. This means you will have white-space on some frames. If your animation expands both vertically and horizontally then unfortunately you may need more white-space in both directions.

While I can understand the extra bits and bytes this extra white-space may bring, it's really the only way to align it, other than by hand.

I'm curious why you would be building the a animation from the sprite sheet in Photoshop, though I'm not entirely familiar with the process.

But to answer your question, no, I don't think there's a way to do what you're looking for in Photoshop.

2014/07/17
1
7/17/2014 6:17:00 PM