Creating Animated GIFs/WebPs Using ChatGPT

I think this topic is appropriate to Developers of all abilities who use ChatGPT to make images.

I hope you find this short tutorial useful. If you are successful in completing this tutorial and creating a nice Animated GIF you would like to share you might consider visiting:

The Official 4o and Dall-E image Megathread.

While not an obvious feature of ChatGPT creating Animated GIFs or Animated WebPs from an image is remarkably easy.

  1. Create or choose a picture to animate
    – Find/Create a picture that could evolve
  2. Ask ChatGPT to create a series of images
    – “I want 5/10 separate, square/widescreen/portrait, incremental images of subject for a stop frame/motion animation
  3. Generally this will only produce 1 image at a time so you have to prompt it to continue after every image.
    – “OK Next”
  4. Save the images to a folder on your computer
    – Name them 0.png … 9.png
  5. Zip the folder
    – Just a zip file containing 10 files named 0.png → 9.png
  6. Upload the Zip File to Chat GPT and ask it to make the images in the zip file into an Animated GIF or Animated WebP.

download (1)

Screenshots of ChatGPT Process

Pro Tip:

You may want to ‘bounce’ the animation to make it longer / smoother or to make a frame last longer. To do this simply duplicate some of the files you just created before zipping them in the Zip file with new incremental file names ie:

0.png, 1.png, 2.png, 1.png → 0.png, 1.png, 2.png, 3.png
– This would create a smooth loop effect (3.png is a copy of 1.png)

0.png, 1.png, 2.png, 2.png → 0.png, 1.png, 2.png, 3.png
– This would make the last frame appear longer at the end for effect (3.png is a copy of 2.png)

You could also specify the number of frames/second to ChatGPT or the number of seconds between each frame or indeed specify the delay between each individual frame

“Turn these images into an Animated GIF with 1 second between each frame but I want the final frame to stay for 5 seconds”

1 Like

My graphics skills are limited but some examples below :slight_smile:

Animated Robot. (Captioned by AI)

Animated Earth. (Captioned by AI)

The image is completely blank and white. (Captioned by AI)

The image is completely blank with a plain white background. (Captioned by AI)

The image is completely blank with a white background. (Captioned by AI)

download

1 Like

I think the Dall-E / 4o Images thread is currently the best place for images including GIFs but if you should find this tutorial useful feel free to drop one good GIF you create here to boost the thread and further share the ability :slight_smile:

Thank’s for making this resource!

I’m stash this here to remind myself to make it swim in a gif later <3

1 Like