#canva tut

First you have to collect some resources: PNGs !! I search them in Pinterest and tumblr (Check my resource archive blog @motosarchive where I repost some of them)

Let's say you wanna make a gif divider of bunnies spinning cuz why not, I went on Pinterest and literally searched "Bunny png". We'll use this one

Sometimes, PNGs come with a background which is... a crime... but don't worry I have the perfect solution!

Here's the lil bunny png in my downloads, if you have windows OPEN IT

Click that icon; It'll open the image in the Microsoft Designer and there you can remove the background for free:

Save it wherever you like and save it for later! A/N: If you don't have Windows and need to remove background, you can use this page for individual images or a bulk background remover. But there's many more sites!

Let's set everything up for making the animation:

You can use any program you like, but it MUST have layers! No layers = No animation = No gif :( Photoshop, Photopea, Canva, Pixlr, PicsArt, IbisPaint... whatever program. I'll use canva today

Create a new design (In the round "Create" Button lol) and scroll down and click "Custom size"

ABOUT SIZES FOR TUMBLR DIVIDERS:

Width must always be 1080 or 500 px

Height is up to you, BUT: For thinner dividers set from 10 to 30 pixels. The gradient animated one I'm using in this post is 10 px. For medium size I'd recommend 30 to 50 and for large size whatever you want LOL.

Let's set 1080x50 px for the bunnies: We're gonna place them however we want inside the canvas:

LMAO this is my placement ok

Now, we click this to duplicate a page:

(Canva do have layers, but they call them pages keep that in mind!)

Select all the elements in the second page like this:

A top toolbar should appear, click "Position" scroll down and change the degrees from 0 to 10º

(oh....the quality....) WELL, check how all the bunnies have rotated individually!! I'd normally rotate 7º per layer/page to have a smoother animation, but it's up to you!

Less degrees per layer = More layers = Smoother GIF

Now we duplicate the rotated layer/page and repeat the process, adding the degrees in each layer/page, see:

and we do this over and over and over until bunnies are back at 0º !

SuperDuperImportantNote: Once you've reached 180º you have to keep spinning in neg numbers: The sequence should be 160º : 170º : -180º : -170º : -160º etc

Not gonna lie nonny.. I don't know shit about math so if I can do this, even a 5 year-old can!

Anyway, let's keep spinning... After 721562531616 hours of repeating the same shit, we're left with 37.fucking.pages...

Download them (If you have pro, better check the Transparent background to save time, but if you don't just download them and remove the background in bulk with the web I linked above) Once you've got the zip file, extract it wherever you want (I recommend creating a folder just for this)

Thankfully canva will numerate them by default. Time to finally make the gif!

My fav site is Ezgif.com but I believe there's others like Pixlr or canva itself but I'm too much of a noob to know how to do it that way lmao.

This is what you'll see, obvi click the "Choose Files" button, select your layers/pages and then "Upload Files!"

Again they're in the correct order T-T thank god, scroll down until you find the options:

First of all, I don't know what the first thing is, so we'll ignore that LOL.

GIF OPTIONS - Delay time: the more delay you insert the slower your gif will be.

This is what our bunnies will look with 20:

Now with 5:

You choose the speed! NOW DON'T TOUCH THE LOOP COUNT plzzzz, it will make your GIF freeze after certain time. No count = infinite spinning.

2. EFFECTS - CHECK THE "Don't stack frames" BOX PLUHEASE, if not, your GIF will look all chopped, just watch T-T:

like wtf is THAT...?

Lemme suggest NOT touching the "crossfade frames" box, it's kinda hard to understand and if you don't know how to use it, it'll make everything ugly Boooooo

N e way... Once you've customized everything to your liking, save the gif!

As you can see, there's a ton of different tools to use on your gif but I've never used most of them ok? That's for another tutorial LOL.

FINAL RESULT!

Hope this wack ass tutorial helped nonny... If ANYONE has questions please abuse my inbox or this comment section!!

p.d: I know there's easier ways to animate, if I'm not wrong some programs like Photoshop and Canva have a timeline editor and shi, but I'll stick to the rudimentary way okkkkkk

THANKS FOR YOUR TIME!!!