#giffing tips

[a-wayward-warlock]

Vacancy's tips for posting NSFW

If it doesn't post to the dash or if it shows up on the dash but not in your likes when you like it, it will get flagged. Delete that post and live to post another day👍

[scottstiles]

COLOR PO/RN WITH THE “COLORIZE” TOOL - a brief tutorial

I was asked by several people about my technique for coloring the pride flag gifsets I made for spn pride week, like this one:

so i gave in and made a quick thing that i hope works for some of you looking to try! it’s kinda fun and not too complicated, so here are the steps (screenshots and explanations below the cut):

TO KNOW BEFORE YOU START: - you’ll need photoshop and an editable file of the scene you want to gif - i’m using photoshop cs5 extended (because i hate change and im right)

STEP 1: - choose a clip where things are barely moving (make sure its enough frames or that you can slow it down realistically enough so things are fairly still **this is really important for the last step, otherwise you’ll have to start over if the movement is too distinct) - sharpen and convert your frames to timeline mode in your usual manner

STEP 2: - apply your regular basic coloring layers or psd in your usual manner

STEP 3: - add a hue/saturation layer

STEP 4: - click on “colorize” - adjust the hue setting as close as you can get to the color you want the background to be, and use the saturation/lightness bars if you need/want to (i put my little example there in the corner to match the colors as i go)

STEP 5: - add selective color or color balance layers on top to get even closer to the hue you want. here i adjusted the red and magenta levels to make it pinker.

STEP 6: - make more adjustments to the hue/saturation layer to get that color right

here’s what my layers look like so far:

NOW THE HARD PART this is why you choose a scene with no movement. now all we have to do is erase the color where it doesn’t belong.

STEP 7: - once the color is to your liking, click on the hue layer’s square so that it’s hilighted (right side of below screenshot), and open your eraser tool (left side)

STEP 8: - erase the parts of the gif where you don’t want that color (you’ll see the layer turning black where you erased it)

if you accidentally erase too much, you can always get it back using the brush tool:

AND THAT’S IT! here’s your final result (this is the original gif not the screenshot i used for this tutorial hence the different expression):

hope this made sense :)

[camelotsheart]

i had a question about a giffing technique and thought i'd ask, if that's alright? if it's like a trade secret or something then no worries :D

in your most recent merwaine fest gifset (which is stunning and i never noticed that parallel before), how did you manage to get the purple to only be on certain parts (like gwaine's gambeson sleeve)? is it using the layer adjustment thing of 'darker colour'? i've usually had to do it with a brush and overlay on the specific bit, which can make it look messy, so i just wondered if there was an easier way?

please don't feel you have to answer this if you'd rather not, though. your gifs never cease to amaze me and i hope you have a wonderful evening :)

can’t believe i woke up to sell my trade secrets today 😔✌️(i’m kidding. i love you anon. thank you for the ask!)

i’m not sure what program you’re using but in photopea there’s an adjustment layer you can add by going to Layer > New Adjusment Layer > Selective Color which allows you to change specific colours in the gif.

So let’s start with this gif that’s got the normal color balance/brightness/contrast/saturation adjustments:

so say i’m feeling magenta today and want to change the colour of the blue carriage. I would go to the options in the top bar and go Layer > New Adjusment Layer > Selective Color. This will pop up:

as you can see in the adjustment settings to the left, I’ve selected the Blue in Colours: because that’s the colour I want to change. From there it’s a matter of fiddling with the bars to get to magenta. By setting the adjustments to those shown above, I get this:

yay! magenta carriage!! but wait -- merlin and random guy number 1 got magentified too????

to prevent that from happening and focus the colour change to the carriage only, you can click the white box in the selective color layer. this is called a raster mask, and it specifies where you want the adjustment to happen. (it’s the white box that’s outlined in the picture below)

all you have to do from here is select the erase tool and erase the part of the gif where you don’t want the blue to be magentified. the erased portion should be shown as a black mark in the box. (tip: using a soft-edged eraser works better most of the time in making the gifset look neat!)

aaaaand voila!

hope this helps!! 🤩 💖

[theoldtaylors]

coloring gifs on ezgif.com tutorial

(requested by anon)

hi there!! this post will be explaining how to add effects like coloring and sharpening to your gifs on ezgif.com! (under the cut) i will be showing how to go from the first gif to the second gif:

the first thing you want to do is sharpen your gif by clicking the below button. The default setting is 1.0, which I’ve found works great most of the time, but if your gif is particularly blurry, you can turn it up. now, my gif looks like this:

next, I adjust the saturation (color) and brightness (highlights). do not adjust the hue, as it makes your gifs have super wonky coloring. I’ve found that it works really well on most gifs if these two settings are the same. (obviously if the video is super dark or desaturated, you can change this.) my go-to setting is 110 on each. this is what it looks like now!

next, I change the brightness and contrast. again, this works best if both are on the same setting. my go-to for these are 10 on each, but for this specific gif I went a tad brighter, at 15 on each:

lastly! I don’t do this for every gif, but this one has a blue filter on it that I realllly don’t like. so the last thing I’ll do is add a tint to it. you must do 100% intensity or else it will look really black and strange. using basic color theory, the opposite of blue is orange, so I’ll make the tint orange. also, it should be a light color. if it’s not a pastel color, the gif will end up looking just straight up orange with no other color. here is the finished gif:

well, that’s all for this tutorial! if you have any questions, or want me to make any other tutorials on ezgif, just shoot me an ask and let me know!!! 💗💗💗

[whitewolfofwinterfell]

Gif colouring tips

This post is some top tips for colouring gifs that I’ve learned from colouring my own gifs over the last year or so.

It’s for people that already know how to gif and have perhaps been using other people’s PSDs or have been trying to colour themselves but haven’t quite got the hang of it yet or have been colouring themselves but don’t like the results.

For reference you can find all of my giffing tutorials here.

Don’t use PSD’s - If you learn how to colour your own gifs and then attempt to create a couple of PSDs to use across all of your gifs, you’re most likely going to have crappy results. Every gif (even if they’re from the same scene) will need different layers and settings to make it work. In the time it’ll take you to adjust your PSD’s to suit your gifs, it would be faster to just colour it from scratch. Some people like to have a “signature” look with their colourings, which I understand, but it’s tricky to pull off, particularly if you’re a beginner and you’re giffing multiple fandoms. Which brings me nicely to the next tip. 

Take each gif individually - The best approach to take, in my opinion, is to colour each gif individually. Sometimes if you’re giffing just one scene it is feasible to use the same PSD on every gif, but even then the lighting can be different because the scene has actually been filmed in two or more different takes. 

Make use of your drafts - Drafts serve a purpose - so we can draft things, duh! But until recently, I didn’t realise how useful they could be in making gifs. When you’re in the process of making a gifset, create a post and save it to your drafts. As you make each gif and save it, add it to the post and that way you can see what your gifset is going to look like as it unfolds. It enables you to make sure the colourings of your gifset match because you can see all of the gifs together. And it also means you can simply pop over to PS and add a little brightness or adjust colour balance to make sure the gifs all look similar.

Don’t get too overwhelmed with it - Easier said than done, I know, but I found that the biggest hindrance to me colouring was thinking it was a lot harder than it actually is. Tutorials can seem long and overwhelming, but when you break it down and put it into practice a few times, you’ll realise it’s not as tricky as you think it is. Some gifs can be a lot harder to colour than others, but 9 times out of 10 when I’m making gifs it takes about 5 minutes. A lot of the time I sharpen it, add curves and the gif already looks great, so it’s really not as hard as it seems. 

Practice, practice, practice - Colouring like anything else in life is not something that you’ll be able to do overnight. I’m still learning new things and better methods all the time even after a year of doing it. Experiment, read as many tutorials as you can and just get used to it. When I switched from PS CS5 to CC there were quite a few changes to the methods of giffing and for about 3 weeks I barely giffed because I couldn’t get over the hurdle of having to learn a new process, but now I’m completely used to it. So persevere and set aside a couple of times a week to practice. You don’t even have to post what you make, just practice for yourself. 

Get an eye for colours/what looks good - Like I’ve said time and time again in all of my tutorials, it’s all about judgement when it comes to colouring. Some people may look at my gifs and think I coloured them badly (hell, I do most of the time lmao) or that they would have coloured it differently but that’s the point - everyone has their preferences. Don’t try to replicate somebody else’s colouring exactly, because that’ll never happen (even if you follow every tutorial they have) create colourings that you like. Figure out whether you like pale gifs, vibrant gifs or black and white gifs. Do you like high contrast or low contrast? Bright gifs or not-so-bright gifs? Once you feel confident with the process of colouring gifs, the best thing to do is step away from tutorials and practice colouring by yourself, and eventually you’ll develop your own colouring techniques and preferences without even realising. 

Learn the function of each layer - It’s easy to follow tutorials without fully understanding what the hell you’re doing or what any of it means (I did exactly the same in the beginning), but understanding what each layer does yourself will really help you to colour. The basics are that curves, levels and brightness/contrast change the brightness and colour balance and selective colours change the colour. But there’s more to it than that and each layer serves different purposes. For example, if a gif is particularly red, if you try to go to colour balance and reduce the red right down the gif is going to end up looking awful and most likely green/yellow. The best approach to take in this case would be to apply a little colour balance to reduce the redness and then go in with selective colours and increase the cyan in Reds. You’ll learn the best way to tackle these things by going back to the above tip - practice, practice, practice! 

Everything in moderation - Before I started colouring my own gifs I used PSD’s and a lot of them had 20+ layers. Since I didn’t colour myself, I assumed that was normal, but personally, I rarely exceed 6 layers. It’s not necessary to colour the crap out of a gif with multiple layers of contrast, selective colours etc. Depending on your tastes you may want to do that and that’s fine, but it’s very easy to create good gifs without adding lots of layers and making lots of changes. 

Hopefully some of these tips were helpful. Feel free to ask if you have anything else I can help with related to giffing or colouring and I’ll do my best. 

[habibialkaysani]

tutorial: centring text on gifs

my first tutorial/list of giffing tips went down well, I think, so I figured I should do another one for a friend - or several, hopefully.

this tutorial will be helpful presuming you already know how to make a gif (importing frames, etc) and how to colour it.

I’m going to show you how to get from this:

to this:

as you can see, the second gif has the text clearly in the centre. more under the cut.

okay. so first off. have your gif all coloured and basically otherwise ready to go. also have your text layer sized appropriately with a decent font size (bell mt 14, if you’re wondering). 

you’ll see that I currently have the text layer selected. I also have the first frame selected. what I’m now going to do is scroll across to the final frame to select it while holding and pressing the shift key.

it’s important that you don’t select the frames using the select all function. that often messes it up and means your text is not centred on all frames for some reason. select them manually, by selecting the first, holding shift and selecting the last frame.

next up, you gotta do ctrl + a to select the entire area of the gif.

go to layer > align layers to selection > vertical centre

my gif now looks like this, with the text in the vertical centre of the gif.

then you do the same thing with horizontal centres -  layer > align layers to selection > horizontal centre

your gif now has text perfectly centred. if you want to avoid doing this long-drawn out process for every gif in a gifset, provided they’re the same size you should be able to duplicate the layer to another gif and just change the words in the text layer, although do keep in mind that if your text is more than one line you may have to recentre it.

so that’s it. hopefully that was straightforward enough. if anyone has any questions, or you need any other photoshop help, my inbox is open :)

[camelotsheart]

Hi! I was wondering if you had any tips to make gifs clearer without photoshop? I normally use my ipad and a bunch of online sites to do mine, but I’ve only got decent quality on about one set and it’s bugging me no end :/

Hello! My apologies for the late reply 😔 For me, gif quality tends to depend on the quality of the original video itself and sharpening. I try to use 1080p for all of my gifs, and then sharpen them on photopea. (But since I convert the video to gif in ezgif first, there's some noise that comes through the ezgif conversion which ends up lessening the quality). If you want tips for sharpening, try checking out online tutorials. Most of the tutorials for photoshop work on photopea too!

One method that @ughmerlin told me is to sharpen the gifs (in 0.4px for example), duplicate the gif file, sharpen the duplicated file again (0.4px), duplicate the double sharpened file, and then add a 1px gaussian blur to that second duplicate. Now you have three files. Set the opacity of the original to 100%, the double-sharpened to 50%, and the blurred double sharpened to 20%. Now collapse the three files, select all of them, go to layers > animation > merge. This will possibly create better sharpening, but at the end of the day it does depend, mostly, on the quality of the original video.

I hope the instructions weren't too confusing. If they were, feel free to message me and I can run through the process with screenshots!