-------THEME 03 BY NATALIE (VATICAMEOS.TUMBLR.COM) DONT REMOVE THE CREDITS NEITHER USE THIS CODE AS A BASE-------/>
To do this tutorial you have to already know how to do the basic GIF (Click here). Please, PLEASE…I am sorry about all the English mistakes. Remember, English isn’t my first language and I do not know a bunch of things.
After you’ve made all your phrases and they are showing and disappearing in the right places, you just have to save it “Save for web & devices”.
Here it’s the final GIF
Uh, right. This is the first tutorial. Since people are asking another ones, i will post with TAG’s, then you can always go to GIF tutorials and it will be there.
Let me see. This is a basic tutorial, there is much more you can do when you are making GIFs but even I don’t know all them, and when you learn the basics you can go to the next level.
First of all, you will need Photoshop (there is a thing called Piratebay :P) and KMPlayer.
Second: you DO NOT GIF small files. What is that suppose to mean? If you are gonna GIF some scene from True Blood, you do not pick a file with only 230 mb. You have to download better versions, the best is 720 MKV versions (I can tell you where to download). The bigger and brighter your caps are, the better the quality of your GIF will be.
So let’s go.
I will pick a random scene and only make a 500px GIF.
- Create a folder on your desktop just to save all the captures.
- Open KMplayer with the file you want to capping.
- Press ctrl+G and use this settings:
(where it says “Extract to:” open and put the name of the folder you created for the captures.)
- Go to the point you want to make a GIF.
- Then you click on Start. The program will capture automatically the frames for the GIF… When you use a MKV file this may take time.
When you already capped all the scene you want:
- Open Photoshop (I use 5.1). Go to File>Scripts> Load Files into Stack and then click on “Browse” and go to the folder you saved all the caps. Chose all the captures you will use and click ok.
- Now Photoshop will open all the captures you will use in one file. It’s time to cropping/resizing the image. In this site you can see all the size options you can use on Tumblr. In my example I am using the regular: width 500 px (The limit on tumblr) X whatever height you want to (to resize you go to Image> Image size and change as you want)
- The resize and crop is very important because tumblr only accepts certain sizes and also you have to take care because if you don’t crop or resize properly your GIF may look disproportional, like this:
(exaggeration I know, but I have seen a lot of disproportional GIF’s and they are….ugly)
- Now it’s time to Sharpen. You can do it, OR NOT. I am used to doing it, but this requires you to do another separate step. If you want to know how to sharpen and make an action to do it go here: http://brittany-santana.tumblr.com/post/8505974210/how-to-apply-an-action-e-g-a-filter-like-sharpen-to.
- Don’t forget to sharpen before make the animation but after resizing.
- Now I guess all the boring and complicated part it’s done. Some people say you can only use a specific number of frames for specific sizes. This is bullshit,you have to try and try always and see what works better for you. Some GIFs I made huge and then change the color to B&W and it’s fine….Others i have to delete frames and more frames to look good.
- You already cropped/resize and used sharpen (or not). Now It’s time for animate. Go to Window> animation. Click on the arrow (image) and “make frame from layer”, then in this same menu you click “ Reverse frame”, then again in the same menu “Select all frames”.
- When you’ve selected all frames you click on top of one of the frames and put the delay for 0,16…Can be another delay depending of the type of GIF you’re making, but usually 0,16 is fine.
- Now is time for deleting unnecessary frames… I always selected first the odds, and then if is still too much frames I select every second frame. To select you click on top together with the ctrl. To erase you click on the little trash icon on the bar. This is also a step where you have to take care not to delete too many frames because if you do, your GIF you look sloppy, wobbly… ugly! :P
- Now it’s done… You animated the scene, you have deleted unnecessary frames… Just ready to go? Not so fast…To make pretty GIF’s is better if you colour then.
- To colour you have to go to your layers and click on the top (just remembering…Frames are the ones in the animation bar, layers are the images you’ve imported from the captures):
- When you click on the top layer then you go to Layer > New adjustment layer and play as you wish with all the options…Brightness, contrast, hue, saturation, B&W… a bunch! Or you can download colouring PSDs on tumblr or other sites and use them on your GIFs. I have a ton of colouring PSD’s ready to go when I wish to use them.
- To add text layers is a bit complicated…If you will use just one line or two of texts in your GIF it’s easy,you just have to create the text on your first frame and on top of the first layer (like for colouring), but if you are giffing a huge scene like this one, you use several layers of texts in one GIF, you have to use the “eye tool” and clicking it on where you want some line to appear or disappear. Yes, I don’t know how to explain.
- Now my GIF is ready to go, colorized, pretty, not so big, not wobbly or sloppy… Go to File> Save for Web & devices. Now it’s time for the truth. In my case I’ve made a B&W GIF so I can put less colors to be less than 1MB (size limit for tumblr)… But most of the GIFs has to be more than 100 colors and this can be a bitch…If your GIF is bigger than 1MB you have to delete more frames (and changing the delay because of this), maybe changing the GIF to B&W and if is coloured using at least 100 colors…Less can destroy your GIF…This you just get with time and practice.
Here it’s the final: