Nashi's Gif Making Tutorial (◕‿◕✿)

Since a few of you asked me how I make my gifs, here’s the answer! It’s a step by step, (hopefully) easy gif making tutorial. If anything is unclear, don’t hesitate to drop me an ask.

The final gif for this tutorial will look like this:


Click “read more” to learn how to make gifs!

Read More


How to make a Tumblr GIF in a few minutes using Instagiffer!

Instagiffer is a free tool for Windows that allows you to create GIFs easily from video files and Youtube links.  I’ve created this video tutorial to get you started.  Go to to download Instagiffer and ask questions, and make sure you read the FAQ.


Okay first of all THIS IS NOT A TUTORIAL (cause I’m sure pixel artists would laugh at me), just an explanation of some sorts, but feel free (and I’m flattered if you do) to take it as reference if you find it helpful : )
I’ve been asked about those gifs that I made a while ago, and how I did them.
Basically I have little experience with gifs and pixel art, before this I still used MSpaint for them, but the Binary tool in SAI is wonderful, and MSpaint doesn’t have layers.
I hope this explanation doesn’t sound too confusing, I suck at explaining and, in english it’s harder, haha, but this is it:

  1. I picked the main palette I’d be using (hopefully no more than 2-3 “main” colors per character, in these cases, black-white, and black-white-green)
  2. For bouncy gifs, I only needed two main parts, body and scarf, cause they have separate movements. The body movement is only a couple pixels up and down. And the scarf is more complicated, since it’s more flowy (?).
  3. Then I made a layer for each base color, (body-black, body-white, body-green, scarf-black, scarf-white) etc.(try to use layer groups/folders), and then just worked on some lighting and shading on the bodies.
  4. Since they’re bouncy, the movement is super simple, it’s usually only 4 or 5 frames, and I just copy/pasted the layers, (body-black1, body-black2, 3, 4, etc, if you had 4 layers before, and your gif will use 5 frames, you’ll have 20 layers in total now) 
  5. Slightly altered the duplicates so they’d be 1 or 2 pixels taller/shorter. (WOW, s-such animation!), pay attention to those bits like hair or clothes, they have “inertia” (?)
  6. For the scarves, it was more complicated to get a natural-ish flow movement so I just experimented with some basic random lines and put them together quickly animated to see if they worked, and once I got a basic movement, started working on the pixelart of them.
  7. All this was done in SAI, but then (lol don’t laugh at me) once I had all the layers ready for each “frame” I just put them together one at a time and took screenshots of it, cropped them and used Jasc Animation Shop (a super basic gif making program) to put them together as a gif animation. :’D

I had to do lots of trial-and-error, seeing what worked best and what not, but that’s basically how I did it. Thanks to all those people who were interested and/or curious about this and sorry for responding so late, hehe. Hope it helps!

Full GIF Making Tutorial: Photoshop CC

This is a tutorial on how to make gifs with Photoshop CC on a Mac. It might work with a PC, and it might work with an older version of Photoshop.

If you want to download Photoshop CC, this tutorial (for both Mac and Windows) should do the trick. Personally I like this version of Photoshop better, so you should check it out.

Making gifs is actually much simpler than it looks. If you have any questions, my askbox is always open!

Final result:


This tutorial will include:

  • PART 1: Creating Your Gif.
  • PART 2: Colouring.
  • PART 3: Sharpening.

Things you’ll need:

  • Photoshop CC.
  • A video you want to gif.
  • Quicktime Player.
    (*Only if your video is a full movie or episode. If it’s already rather short, you don’t need this.)

Read More


hello, my name is kit kat, and i’m here to guide you through the process of gif making. i only recently started myself, so hopefully this will help any beginners out there! it’s going to be a bit long and detailed, so i’m putting it under a read more. this is the gif we will be making together today! (i’ll post the gif separately later):


here we go! :)

Read More


PEOPLE OF TUMBLR! Listen up because I made this just for you!

Here’s a really useful tutorial for you to make your own GIFs, AND upload them to Tumblr!

Let me know if there’s anything I may have missed, and have fun GIF making!

anonymous asked:

HOw do you get your gifs so high quality looking? they are the best ♥

oh wow thank you so much! I think the main thing that gets the HQ result is that I use 1080p video then I take screencaps with KMplayer using these settings. (detailed tutorial)

I crop them to the right dimensions for tumblr, to sharpen I use this method here outlined under “sharpen settings” and this is how I save them. I also spend alot of time colouring each GIF to get the look I want.

I have many unfinished GIF in my folders because I could not get them to look the way I wanted. With dark scenes I find it hard to keep the quality whilst having the brightness I like, so I try to avoid those.

I hope this helps (ノ◕ヮ◕)ノ*:・゚✧


ALRIGHTY. So I made this by request from one of my followers on my Roosterteeth blog. 

A couple of quick notes to add to this: 

-Typically gifs made this way should be 50 frames or less. You can make them with more than 50, but the more frames there are, the larger the file will be and you’ll have to sacrifice size and quality for length. 

-I usually make my gifs with a width of 400 pixels or less. Again, you can make yours larger than that but it will significantly increase the file size. 

-Tumblr is very picky about gif size. I’m not actually sure what the size limit is, but I’ve never been able to get a gif over 2mb to upload. So if you seem to be having issues uploading something, either shorten the gif, decrease the size, or lower the quality through the “colors” option while saving. Sometimes a combination of the three will be necessary. 

So there ya go!