Pimp Your Post with DIY GIFs

avatar

DIY (1).gif

Now I have been planning to write this post for quite some time, just because it´s a nice fun trick to pimp your post. Especially if you frequently use free stock images, this shows that you put in some effort and not just picked a pic.

2154993 (1).png

DIY - Make Your Own Gif for Free

I was playing with making gifs years ago, but it became really fun when I recently found how easy this is with Canva. Where you can create a free account.

Now I use postcards, but you can do it with most styles for example with banners.

Have a jolly Good my friend (2).gif

Now this one is quite simple to make as it´s mainly moving texts.

As said I used the free version of Canva to create the banner: https://www.canva.com/banners/

Step 1 - Background

I needed a simple basic background that suited my idea such as this one Source

Then I wanted to do something with tipping and I found this guy tipping his hat (sort of).

Step 2 - Pick a Vector

I searched for vectors, not images (select this to the right of the keyword).

Vectors do not have a background and therefore can be placed on top of the background just using copy-paste.

That guy inspired me, he made me feel like it was a jolly good day.

So I went to Canva and opened an empty banner template. Uploaded those images.

Step 3 - A matter of timing

Then made the slide show you require for a gif. Just moving, resizing, and adding the text. Canva is pretty intuitive.

As you know timing is everything, so make sure to set that clock right for each slide. You can test run the timing by using the play button.

Now we are already nearing the end, just select your Text Type.

Step 4 - Get Animated

Text is always more fun if it´s moving, to make the text dance you use the animate option(this works also with images btw).

Step 5 - Trial and Error

Now the first try was really messy, but even the second one is still a bit off compared to the final version I showed you earlier.

Step 6 - Just Download the poo out of it

To see how your gif is moving just press play:

press play.png

If you´re happy with the results click download and select File Type GIF, if not click in the background and make the adjustments that you like.

The End

2154993 (1).png

NOT

As I said this was mainly making text move, but you can make it a bit more difficult by creating an animation.

Luna Crashes back to Terra (2).gif

So again there is a background from Pixabay, a vector of a rocket, and a vector of the Terra (LUNA) logo. Then you just create slides that when sequenced generate that movement and set the timer to 0.1 seconds.

www11.png

It took ten slides and a little explosion vector to complete that little story.

tens.PNG

The options are endless, often I just play with some images and text.
What Your eyes think is reality.gif

And every now and then I go all the way with animated images that seemingly move.

Now How Low Will it Go.gif

Bottom Line

Just be creative, trial and error is the only way, and keep your eye on the details. But most important timing is everything!

Let me know in the comments if you have any questions. Thanks for the read hope to see you back soon.

2154993 (1).png

Image Sources

Image1
Image2
Image3
Image4
Image5
Image6
Image7
Image8
Image9

All other images are mine



0
0
0.000
18 comments
avatar

Im struggling to find the timer on my version of Canva now!!! It's like its disappeared!! Great article!!

0
0
0.000
avatar

Thanks try closing the windows on the left and clicking next to the picture or on the full slide and not on an element in the picture. That is what works for me. !CTP

0
0
0.000
avatar

This is a great tutorial for Canva animation making and I'll just give it a try.

0
0
0.000
avatar

Thanks I think it´s fun, but maybe I am just weird 😁

0
0
0.000
avatar

I tried. Is it that the timers should be different from each other? Like 1.5, 2.0 and 2.5?

0
0
0.000
avatar

That depends on what you want to achieve, if you want to make a moving object 0.1 can be applied to all, but if you want the last slide to have text that is typed you will need to adjust the timer for the last slide.so people can read it. So your animated slides are set to 0.1 and that final text slide at 2 seconds. As said timing your slides is key and you learn most by trying, watching, correcting and watch again.

0
0
0.000
avatar

So, that's a whole process of how you do your gifs for your posts. I am like a hundred years from here 😅

0
0
0.000
avatar

Yup That is my dirty little secret about how I create those attention-drawing little gems😁 It often takes some time to get it right but it´s so much fun when you get it right.

0
0
0.000
avatar

Just yesterday, I was thinking "an animated gif would be the best way to demonstrate this" and now here you are through @dreemport answering my - "well how do I make that" question. Thank you!

0
0
0.000
avatar

Well life is full of those little coincidences but they are often one day late, but good luck next time!

0
0
0.000
avatar

Timing is key as you say, but for me it is also the patience to make them!
Awesome tutorial though:)
Popped in today from Dreemport

0
0
0.000
avatar

You are right and I did not think about that because I like it so time flies when I am having fun.

0
0
0.000
avatar

hehe yeah when we like doing something we sure can while away the minutes doing it!

0
0
0.000
avatar

Nice tutorial on using Canva to DIY a Gif, I am already looking at putting it into practice, thanks

0
0
0.000
avatar

This is a very good tutorial on making animated gifs.
I am bookmarking it for future reference.

Thanks for sharing it, @whywhy

!CTP

0
0
0.000