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. How can I quickly export all these groups, each to a separate PNG file?
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.
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.
In Illustrator CC, go to Window drop-down menu, select Asset Export. In the Asset Export window, drag and drop each grouped art into the Asset Export window panel. Then at the bottom of that window, click Export Settings to change the file output you'd like. Once completed, click the Export button in the lower right corner of the Asset Export window. Big time saver!
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.