: How to export groups to separate PNG files? I have an Illustrator file that contains several animation frames for a game. Every frame is a single group and they are all on the same layer.

@Debbie163

Select group

Ctrl C

Ctrl N

ENTER

Ctrl V

Ctrl Shift Alt S

SAVE

Yes its 2016... Illustrator has Million options, not a million and 1.

Vote Up Vote Down

@Marchetta832

Artboards. Easy to create and they already come automatically numbered. You can batch create them or batch-create rectangles and then convert them into artboards. Only limitation: can't create more than 100.

Vote Up Vote Down

@Kimberly620

This worked for me:


Copy the group to the clipboard
Open Photoshop
Go File-New
Tick Presets: Clipboard, Background Contents: Transparent.


This will give you a non-background in exactly the right size, and then you just hit Paste (as Smart Object), and there's your image. Then you File-Save As and pick out png.

Vote Up Vote Down

@Cofer715

Uncertain but, would it be just as easy to copy and paste your frames/groups to separate art boards and using export? This may save the necessity to save a new script to your computer.

Go to file> Export> and then tick the box that says "Use Artboards" Although you would need to reposition your groups.



Illustrator CC

Vote Up Vote Down

@Heady304

I recently worked on a mobile game and was searching for a similar solution. I found this article Export layers as PNGs in multiple resolutions The author created a script to automate the process, however your frames will need to be on separate layers; it doesn't matter if they are in groups.

You designate each layer for auto-export with a # at the beginning of the layer name, e.g., #frame1 .

While the article says, "multiple resolutions" you can export in a single resolution only by editing the script.

Vote Up Vote Down