#HDJDJDJDKS | Explore Tumblr Posts and Blogs

slowestlap · 1 year

Note

i have to shoot my shot and ask - HOW on earth do you make your gifs so crisp. they're so clean its literally out of this world!!!!!! when your gifs are on my dash i almost always know its you just by the QUALITY of the gif. help a girl out!!!

Hii! Thank you!! <3 I'm happy with the way my giffing process now goes but it's taken years and a few different fandoms and stumbling upon good tutorials which is why i decided to make one of my own too.

I still love figuring out new things to try and hopefully you can get some new tips to your process from me too. Under the cut is a long af post about gif making, focusing on some basic stuff and sharpening/coloring tips.

________________________

WAY TOO LONG INTRO

Before i get to the photoshop part, the base stuff is super important: You can't turn a very bad video into great gifs since there's only so much photoshop can do BUT you can turn a good video into great gifs. So, obviously the original video quality matters a lot.

I religiously stand by the correct tumblr size dimensions (see example, the numbers mean the width. Height doesn't really matter). However in 3 column sets i’ll sacrifice that one pixel and would make them all 177px. The empty space between gifs in 2 column sets is 4px, in 3 column sets it's 4px + 4px.

Since tumblr can only properly handle 540 gif pixels in the same row, sets with two wide gifs side by side can be laggy to scroll by. So for example, 268px gif will not be as sharp as 540px gif (if you click on it to see it bigger), since it legit has only half of the pixels, but if you plan to post 2 gifs in the same row, the 268px will look better on the dash in the gif set since it’s correctly sized for the best dash result.

I download videos when i can (dl is always better than screen recording), so that's youtube, instagram/twitter etc. Streaming sites/broadcasts i have to screen record and i use OBS to do it. It's the best i've tried for hq recording. I record with 60fps and use display capture. OBS is a heavy program, as is photoshop, so a good enough computer is also super important imo. I used to make gifs with a laptop of 4gb ram/128gb emmc and lost my mind after all the crashing and spent 1k€ on a new one. Basically, have as much performance as you can afford, and editing experience will be much much more pleasant. Of course gifs can be done with an average computer too, it'll just likely be slower and clumsier and you need more patience 😫

Also, i've gotten rid of the urge to be the first to post a gif set when new content drops. I'm not the fastest, i always do every coloring from the scratch. I save to drafts to see how it looks like on mobile, i go back to ps to correct the things that don't look right (too dark/bright, too green/yellow/red, too slow/fast), i make the changes, then save to drafts again and then post. I'd rather post a set i'm happy with than to post quickly knowing i could've made it look better with just a bit more time. (It'd bother me and i'd go back and re-color for my own peace of mind 😅) And i just wanna say it's totally fine when people make gifs of the same stuff!! The more the merrier, no need to think only the first to gif something somehow now has the rights to that moment. I just never get the best result if i try to hurry, so i’ve stopped trying to get my sets out asap. I’ll post when i’ll post.

________________________

SHARPENING

All these words and i haven't even gotten to the point yet 🫣 But fine tuning the details won't work if they don't have a proper base at first. Which!!! Finally brings us to your question:

I'm not sure if the order really matters but the main steps i do in this order: once the layers have been converted to video timeline and video timeline is converted into a smart object -> smart sharpen -> crop -> resize -> coloring

I like to sharpen things first, to me it makes sense to do it before resizing because after resizing you've already lost some pixels, so feels better to sharpen when you still have all the original pixels.

All the above steps (sharpening, cropping, resizing) will affect how the gif looks, so i do the coloring as the very last thing so i can better see how the end result will look.

To me sharpening and coloring go hand in hand, and you use both of them to get the best result. Sharpening obviously does what it says but good coloring will help to make the gif look cleaner and smoother too.

Finally, examples!! The key to a sharp result in my process is 2 sharpening layers. The main layer and the second layer.

Enjoy looking at judgy max f i giffed last year and chose to use as an example here. The source video quality was 1080px and i screen recorded with OBS.

I use photoshop CC2019 so cannot guarantee that these will work the same way in other ps versions. As always, it's about fuckin around and findin out 🙏🏻

__________________

1. Example with resizing done, but no sharpening or coloring (blurry and ungood)

2. Example with resizing and main sharpening layer (already much better)

3. Example with second sharpening layer included (more depth, dark spots are darker, almost too strong of an effect but coloring will fix that)

4. Example with all of the above + coloring (the final result)

5. The final result as a gif

And how did we get that result?

Main sharpening layer settings (yes, it’s in finnish but i think the options are in the same place in every language):

Because the sharpening is quite heavy, I double click on this thingy (red circle) in the layers panel to lower the opacity to 50-70%

The middle layer is gaussian blur, which i’ve set to 0,2.

So basically i intentionally oversharpen the gif and use the opacity function and blur to soften the effect. Dumb or smart, who knows not me, but it’s working for me so i’m rolling with it.

The top layer is the second sharpening layer. A godsend trick i’ve learned along the way: (the difference between the example photos 2 and 3 above)

(I've created an action, so i just gotta push one button and it'll run thru these sharpening settings, ie. i don't have to manually click thru these every time, saves crazy amount of time)

Wasn't sure at which point i'll mention this so i'm just putting it here: when saving the gif for web, i almost always use adaptive and diffusion.

________________________

COLORING

I’m not gonna go thru every coloring thing in my process since this is already so long hsdkfjdkjgkd but i’ll give some info on what i usually do and some tips i've found helpful.

My style is quite natural and i prefer colder tones. I hateeeee overly green/yellow/red skintones that are caused by bad lighting so I always try to correct that. The below stuff is more or less what i did to color that example gif too. (Everything is down to preference, these are just the way i like to color)

My most commonly used coloring layers:

Curves. Utilize the eye dropper tools, pick white eye dropper and click on a white spot on the gif (not pure white tho since it won’t do anything) and it will turn that spot to 100% white and correct the other colors at the same time. Black eye dropper will turn a dark spot you picked to 100% black. It can be super effective, just try a spot, undo, try another spot, undo, until you find what looks good. If you like the result but it’s too strong, lower the layer opacity. And of course you can just simply drag the curve up and get brightness that way. There are times when the eye droppers won't work nicely but it's always worth a try.

Levels. Works similarly to curves, they are basically the more efficient brightness/contrast combo.

Color balance. No gif of mine has been made in the last 3 years without dragging the blue in the midtones to the right. I also often drag the green to magnetas side.

B&W gradient map. I set the blending mode to soft light and lower the layer opacity. Gives the gif a bit more depth and pop to the dark/light parts.

If the dark parts in your gif are too dark, for example details around eyes look messy but you don't want to lower the contrast, then try adding light colored gradient map (light yellow-white or light blue-white etc) and set it to soft light and play with opacity. It will give light and brightness to the gif without making things blinding and not losing much contrast.

Photo filter. I’m almost always going for cold blue and 10-20 setting. (Orange filters can give a nice effect too, if you want to bring some warmness to the gif.)

Vibrance. Always adding at least a little bit, helps colors to pop and makes skintones look nicer.

Selective coloring. Just drag them sliders to left and right to see what works, that’s really the best advice i can give. If you want reds to pop, go to red and play around. If you think the white spots are a bit blinding, go to white and then slide the bottom one (black) to the right. If you want some more contrast, go to neutral and slide the bottom one (black) to the right. Same with black (black).

Also, i don't like to do too much with one layer. I tend to do different colors with different selective coloring layers, so if needed i can lower the opacity and it will only affect that one color. Also it's handy to duplicate layers if you really want a certain color to pop, one layer often isn't enough in that case so duplicate it and if it's too strong then play around with opacity.

(Left image below). If you want to correct overly yellow/green skintones, go to yellow and you can try these settings. Then lower the layer opacity to see what looks good.

(Right image). If you struggle getting rid of very red tones, you can use hue/saturation layer, go to red and just drag the middle slider to the left. (This is also a good tip with POC, when you think their skintone is overly orange/red but you are afraid of white washing. This setting will usually correct the orange and red tone without taking the dark/black color away.)

______________________

THE END

Wheew this is what happens when you give me an opprtunity to talk about giffing 😅 I hope it was easy to follow, feel free to ask if i was unclear about something!! And hopefully you got to learn something new.

Also these are obviously just my way of doing things, not the Only Correct way, do whatever you like and enjoy and don’t worry too much if other people do things differently. Most important thing is to have fun creating 🫡

#slowestlap's lowkey gif tutorial of sorts #answered #one thing about me is that if i start talking about photoshop #i simply do not know how to stop hdjdjdjdk #ok to reblog btw if you found this helpful #(thank ya again for the nice words anon <3)

26 notes · View notes