Skip to content

Commit

Permalink
Update create-a-gif-with-python.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
sonnynomnom authored Jun 30, 2024
1 parent b2465c6 commit e5620ad
Showing 1 changed file with 4 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -30,15 +30,15 @@ Do you pronounce it “GIF” or a “JIF”? Either way, [Graphics Interchange

GIFs are “animated images” because they aren’t exactly videos. They are more like flipbooks; they don’t have sound and flip through multiple pictures sequentially.

<img src="https://imgur.com/fSySBZW.gif" alt="Snorlax GIF" width="75%"></img>
<img src="https://imgur.com/fSySBZW.gif" alt="Snorlax GIF" width="20%"></img>

In this project tutorial, I will show you how to combine multiple images and create a GIF using just 6 lines of Python code! We'll use a list, a `for` loop, and a library called `imageio`.

Here’s a preview of the project:

<RoundedImage link="https://raw.githubusercontent.com/codedex-io/projects/main/projects/create-a-gif-with-python/process.gif" description="The Process" />

Alright, let's get started! :)
Alright, let's get started! ^.^

## ImageIO Library

Expand Down Expand Up @@ -130,7 +130,7 @@ Let’s run this program and see what happens! A new **team.gif** should appear:

Challenge yourself to take things further!

First, use your own images this time. Find two images online or on your computer/phone and store them in the same folder as the Python file. Update the file names in the code and run again!
First, use your own images this time. Find two images online or on your computer and store them in the same folder as the Python file. Update the file names in the code and run again!

**Note:** Make sure the images have the same width and height. 💡

Expand All @@ -142,7 +142,7 @@ Congrats! You created a GIF in just 6 lines of code. Now you don’t have to rel

Let me know what GIFs you have created by tagging [@codedex_io](https://twitter.com/codedex_io) on Twitter!

<img src="https://i.imgur.com/Pj6jufT.gif" alt="Kitty Chasing Heart GIF" width="60%"></img>
<img src="https://i.imgur.com/Pj6jufT.gif" alt="Kitty Chasing Heart GIF" width="20%"></img>

### More Resources

Expand Down

0 comments on commit e5620ad

Please sign in to comment.