Export Photoshop Animation to PNG Sequence
- Select frames 2 - 5 in the Animation Panel and choose Copy Frames from the panel menu (icon at top right corner).
- Select frame 6 and choose Paste Frames from the panel menu. In the Paste Frame dialog box, choose Paste After Selection.
- The pasted frames should appear after frame 6 and should remain selected. From the panel menu, choose Reverse Frames.
Save the animation file in the default Photoshop format as ball.psd.
Our next task is to export the frames of the animation as individual PNG in a sequence. Although a frame rate of .2 fps was good for the original animation, we need to change this to 1 fps for the export process.
- In the Animation Panel, change the .2 sec to 1 sec in each of the 10 frames.
- Select frame 1 in the Animation Panel and click File - Export - Render Video.
- In the Location section of the Render Video dialog box, choose a destination folder for the PNG images. You can automatically place the PNGs in a subfolder if you choose.
- In the File Options section, choose Image Sequence and set the type to PNG. Keep the default Starting # of 0 and set the Digits to 1. This will cause the output PNGs to be named ball0.png through ball9.png (without leading zeros).
- Keep the default Size set to Document Size. This should be 256 x 256 as we set at the beginning of the tutorial.
- In the Range section, choose All Frames to export all the frames from the animation.
- In the Render Options section, keep the Alpha Channel set to None and set the Frame Rate to 1 fps.
- Click the Render button and you should see 10 pngs appear in your output folder.
← Back | Next →
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.