Making a gif/edit is honestly not that hard and takes about 5 minutes, well, depending on the scene, how long you’ve been doing this and how you color but the steps are:
- Getting your screencaps.
- Importing them into Photoshop.
- Cropping and putting them into the correct dimensions for tumblr.
Six pretty easy steps. But this is not a tutorial post, this is a resource post.
Tutorials on how to make gifs:
- Windows using KMPlayer
- Windows using PotPlayer (my settings for capturing frames)
- Windows using GOM Player
- Mac using MPlayer OSX Extended
- Windows AND Mac using MPEG Streamclip
Resources for getting caps:
- KMPlayer (For Windows)
- Potplayer (For Windows)
- MPlayer OSX Extended (For Mac)
- GOM Player (For Windows)
- MPEG Streamclip (Windows and Mac)
Downloading videos from youtube, vimeo, and some other sites:
Downloading videos from twitter:
- Put a m. in front of the url, for example,
- Click on the video and then right click > Save Video as…
New Dimensions for tumblr:
- 10 gifs: 268×145
- 9 gifs: 177×177/178×178/177×177
- 8 gifs: 268×160
- 6 gifs: 268×186-200 (whichever you prefer)
- 4 gifs (side by side): 268×268
- 4+ gifs: 540×220
- 2 gifs (side by side): 268×300
- 2/3 gifs: 540×240
The width is the most important, that stays the same but the height can be different as long as the gif size is under 3MB
Sharpening for gifs: (these are the best ones)
- Actions I have made (includes two: the basic sharpening & gaussian blur)
- Current sharpening I’m using by hoechlin
- the above sharpenings you need to convert your gifs into a smart object when you are in video timeline
- Basic Sharpening (up to 150 frames) by karazorel
Resources for getting good quality pictures and caps for making edits:
Downloads for Photoshop:
- This is probably the hardest part finding a good download, its a trial, I went through a couple before I found a good one (I forgot where I got it sorry.)
- Photoshop CS5 is probably the best one for making gifs, makes them look smoother.
- Never use google to find images especially those found in pinterest, weheartit or other sites like that. Use the ones above or from official sites.
- Never stretch an image more than it’s original size. If you already sized it down to 268px but now want it to be 540px, you need to just start over cause stretching it would make it really pixelated and gifs/edit that have pixels are ugly.
- Always download 1080p, 720p is fine but try to find 1080p. Never 480p. Never, just love yourself.
- When it comes to sharpening gifs, keep it simple. If you do use gaussian blur, don’t make it too blurry. Simpler is better but again, everyone is different so its not my place to tell you what to do. *You know you oversharpen your gif when you get that weird line around an object.*
- Always use the right dimensions! Only use widths of 268px or 540px, unless you are making 3 gifs side by side then its 177 x 178 x 177. If you are makings gifs that are side by side, example, keep it 268px never anything smaller or higher, it makes the gifs blurry.
- The only time it’s okay to use a bigger size is when you make a graphic, infographic, or art. Never for gifs or edits.
- A clear sign that someone is stealing/recoloring gifs is if the gifs in the post are all different sizes from each other and/or have different sharpening.
- For text, keep the font size between 10.3-11px. The best front to use is Arial Rounded MT Bold with a stroke of 1px and if needed, a drop shadow at 50%, angle 30, distance 3, spread 0, and size 5. You can download my font psd here if you want.
- Make your frame rate 0.05, 0.05 or 0.07. Personally, 0.05 is the best, makes it more naturally looking. When you save your gifs, photoshops puts the frame rate to 0.07, so make sure to reopen your gif and put your frame rate back to the one you want and save.
gif pack of CHARLIE HUNNAM in his role as ARTHUR PENDRAGON from king arthur: legend of the sword. this gif pack includes 611 gifs in total, all made by me for roleplaying purposes. please do not claim these as your own or include them in other gif hunts (( gif icons is fine, but please ask and credit back to me as the source )) crack ship gifs are also fine if provided as the source! otherwise, click the LINK and enjoy!
Virginia Gardner in “Little Bitches”
Under the cut you will find #26 HQ 250X140 gifs of CAMERON MONAGHAN.
- PROJECT(S) USED: Gotham S04E18
- All gifs were made by me so please do not steal.
- Please like and/or reblog if you have used any of these gifs.
ABOUT THE FC
ETHNICITY: Polish, Irish
ROLEPLAYABLE AGE: 22-26
HAIR COLOR: Red
EYE COLOR: Green
so, disclaimer – I have learned most of these things through trial and error, so if you see older sets by me that do something I say isn’t great in gifs – *coughcolouringcough* – that is why. and ofc I’ve only been in the giffing game for about a year, and because the programme I use is adobe photoshop cs6, these tips will be based largely on what I know using that.
- first off – dimensions. current dimensions are 540px in width for wide gifs (and they vary in height) and 268px for the smaller gifs that take up roughly half that space. stick to those or at least stay consistent in your dimensions.
- try to crop out logos and credits. it’s a pain esp because a lot of my more recent cw show downloads have all had the pesky cw watermark in the corner. but trust me, your gif will look better without it.
- if you’re giffing poc, try and avoid or at least exercise some caution with blue photo filters and blue colour balance. they are notorious for whitewashing poc, especially those who can seem white-passing in certain lighting or if they’re coloured wrong. on that note, go easy on exposure, brightness and the lighter options for curves and levels layers.
- if your gif looks grainy in the black areas, you can increase the contrast in a brightness/contrast layer, or in a levels layer, or in a curves layer (I find the more subtle one is linear contrast because the other options tend to be a bit overboard). if your gif still looks grainy, try increasing blacks in a selective colouring layer.
- this one is definitely one I’m guilty of – if you’re unsure about colouring, don’t post your set immediately. save it as a draft on your laptop or tablet, and then open tumblr on your phone and see how it looks there. if it looks too saturated or conversely washed out, or the gifs are too dark and you can’t actually see the faces, then you can go back and tinker contrast and colouring until it looks better.
- frame-wise, I tend to either have 50 or 38 frames for a gif. if it’s 50, each frame will be 0.06 seconds. if it’s 38, each frame is 0.07 seconds. in both cases the total length of the gif is three seconds. no matter how many frames I have, my minimum length for any gif is always three seconds. it can go above that and that’s fine, but I tend not to go below that. that’s just my preference, but I’ve seen shorter gifs on here before and I think it kinda is a bit – blink and you’ll miss it, kind of thing, so I’d recommend all your gifs to be at the very least 2.5 seconds long each. I’d recommend you don’t go over 75 frames in total, just because your gif will get too long or it’ll go way too fast.
- when importing video frames to layers (aka your first step in making a gif), try to avoid using limit to every _ frames unless you’ve got a long scene that you want to get all the dialogue in. the reason is because when you play the gif, it will be twice as fast in speed and that makes it kinda jarring to see.
- psds are great, especially if they’re tailored for a specific show which has dodgy lighting (such as arrow). use them, but always give credit where requested and also reblog them.
- keep text centred by first selecting the text layer, then manually selecting all the frames (as in click the first frame and then go to the last frame and click while holding on to shift), then doing ctrl + a (or the mac equivalent of select all) and then going to layer > align > horizontal centres and then again – layer > align > vertical centres
- on the subject of text, the most readable colour is going to probably be a light one. my default is white, with 1px stroke and 5px distance and size drop shadow (opacity 75%), both in black. to do this, you again need to select the text layer, manually select all the frames and then right-click the text layer and select blending options. stroke will be 3px on default but I find that’s too thick most of the time. you shouldn’t have to change any of the drop shadow settings on default.
- keep your fonts simple! my faves are intro, arial (bold italic), century gothic (bold italic) and gill sans mt (bold italic). most of the time using all caps is your best bet, unless your font is distinctive enough. if you go for something more complex, curly or anything that isn’t totally plain, just be careful with sizing.
- on that note, bear in mind the size of the gif when you size your text. if you’ve got a wide gif, it ofc depends on the font but my font size varies between 18 (for the plainer fonts) to 24 (for the more handwriting-y fonts). for the smaller gifs, I’d recommend sizing centred text no bigger than maybe 15, and if you’re using text for captions, 12 is probably best (and arial bold and italic is my default here).
- using selective colour is a lot of fun! but just be aware that sometimes you (I) can go overboard and it messes up the gif. (aka I have definitely messed up with selective colour before and my gifs have been shoddy so like – learn from my mistakes, yo.) pay special attention to neutrals because that changes the colours of people’s faces a lot of the time. also it is perfectly normal to have a few selective colour layers. just watch out for graininess.
- it’s always nice for your gifs to have similar colours. if you want things to match or at least be in the same ballpark palette wise, it’s always a good idea to zoom out (66.7% or 50% is best depending on size and number) and then drag each of your gif windows side by side and/or stacked on top of each other, like this:
that way you can see if the colours go together for the gifset as a whole.
- it’s always good to have a vibrance layer – the vibrance is something you can increase to make the colours more, well, vibrant, and decreasing saturation can help balance out the effects of selective colour esp if someone white looks a bit too pink or orange. just be aware that when giffing poc you should use this layer with caution and do your best not to whitewash.
- make sure your clips are at least 720p. if you’ve downloaded the episode and the resolution isn’t high enough, if it’s a popular enough scene you might get lucky and find it on youtube. if you do, you can easily download it, very possibly in a higher resolution, using onlinevideoconverter.com or another site. you may have to crop out watermarks, but it’s worth it if you get clearer gifs.
that’s pretty much all I got for the time being. none of these rules are set in stone. in fact, none of these rules are even really rules, because there is often no order to art. but these tips may help you along the way. be sure to reblog if you found this useful, and happy giffing!