Mobile app version of vmapp.org
Login or Join
Megan533

: How to create a PNG strip from a Photoshop timeline I'm looking to make transparent GIF-like animations for webpages. However, saving transparent GIFs for webpages causes all sorts of problems

@Megan533

Posted in: #AdobePhotoshop #Gif #Png

I'm looking to make transparent GIF-like animations for webpages. However, saving transparent GIFs for webpages causes all sorts of problems - the most prominent being a white halo. If I can save all of the frames as a PNG strip, I can have the js run the animation and avoid any problems. My question pertains to the fact that I don't know how to generate these strips.

Here is an example of what I'm trying to generate: darsa.in/motio/img/ash_crimson_kiss.gif
I know I can save it as a GIF and then use other software to generate the strip. However, saving it as a GIF produces the transparency problems so I'm trying to save it as a strip directly.

Is there a way to save a timeline in Photoshop into a PNG strip?

Thank you for your help!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Megan533

1 Comments

Sorted by latest first Latest Oldest Best

 

@Debbie163

I think your best option is to use Export > Render Video...



Select "Photoshop image Sequence" and the format to "PNG".

Then in order to produce a Sprite Sheet I think your best option is to use something in the likes of the HTML5-Photoshop-Sprite-Sheet-Creator and produce your sprite sheet via a Photoshop Script.

You could also produce a compound Script that merges the two processes into a single task!

Hope you can do it!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme