So, in my little Intro To Giffing thing, I explained that I use frame animation because I like to micromanage my gifs, and that I sharpen frame-by-frame. By the feedback in the reblog tags, that's an insane thing to be doing. I'll not be dissuaded, but I'll share how to make insanity easy.

Starting with your gif, (details of how to start are in aforementioned post) you're going to use Smart Sharpen. Not regular sharpen.

I mean. You could, if you wanted to, but default sharpen sharpens everything as a blanket; smart sharpen is... smarter? You've got a bit more control, basically.

It's harder to see the difference on mobile, btw. It's much more obvious on desktop. This example is a bad one but I'm too slapdash to go back and find another scene. Regular sharpen actually probably would be fine for this scene, but in busier scenes it'll make ALL the details sharper, and we don't want that.

(Side note, you can absolutely use regular sharpen and then Edit > Fade Sharpen for greater control that way. That's how we used to do it back when dinosaurs roamed the earth. But smart sharpen turns it into a one-step process)

So, photoshop action! I use actions for sharpening, noising and blurring - I'll share mine, but again, this is how to do it for yourself.

If you don't have Actions, go to Window > Actions. It'll appear in your workspace and it looks like this:

So, go ahead and go down to the little folder to create a new set of actions - you can see mine's just the default Set 1, but I've made a new one because actually it turns out I am insane for tutorial purposes.

Once you've made the little folder, click the square with the plus in it and name it whatever you want - presumably, something along the lines of Sharpen.

Upon creating the action, you'll see the little circle button turns red - it's recording! It's going to record everything you do in Photoshop while this is red.

So, with your newly imported and sized and flattened baby gif and with Frame 1 and Layer 1 selected, go up to Filter > Sharpen > Smart Sharpen.

You'll get a little pop up box with some settings in it. Play with the settings as much as you like - mine will change occasionally, but broadly speaking, this is roughly where they are.

Amount is for... the amount of sharpening. You can whack it right up to max - sometimes it's fine, sometimes it burns. You're usually safe to have this pretty high.

Radius is the radius of the sharpening. It begins looking horrifying the moment you go over 1.0. At around that point, you'll start seeing finer details actually start to blur in the worst possible way.

Reduce Noise is exactly what it sounds like. There's no harm in having this fairly high, but I don't like to lose too much texture because gifs have a habit of banding if things are too smooth.

I don't change these settings even for each gifset - I usually leave it until it bugs me for one particular set, and then I'll futz around.

So, now you've got your sharpening settings set. That's exciting! Once you hit OK, you'll see your action has updated accordingly

Now, to tedium!

Click on Frame 2 in your Timeline and Layer 2 in your Layers. Then, you can either go back to Filter and the most recent thing you did will be at the very top. It won't give you the settings pop-up again unless you go down to Sharpen > Smart Sharpen again.

Or, marginally quicker: Ctrl + Alt + F.

It should now be kind of obvious why we flatten the frames to layers rather than working with the 'video group' folder in your Layers tab - the action is literally going to read Select layer "Frame 2" every time you run this action, so if your second layer is called TVShow-EP01-04345, the action won't work. The whole purpose of creating this action is so you can use it with every gif you ever make.

So, continue this particular nonsense until you reach the end of your gif. As much as it's a particular pain in the hoop, you probably want a fairly long gif for this one so that you can get all of the tedium out of the way in one go.

That being said, it's not the end of the world if you've only got a short gif for now. We can add to actions, I'll go onto that.

For now: Frame 3, Layer 3, Ctrl + Alt + F. Frame 4, Layer 4, Ctrl + Alt + F. Etc etc ad nauseam.

At a certain point, you'll perhaps once or twice - or a dozen times - mis-click a layer or frame and it's tremendously annoying.

Not to worry! Click the square (Stop) to the left of the red Record button to stop recording your actions. Then click on the step that was wrong and then click the little bin to get rid of it.

Then go back to whatever your most recent (bottom) action is, ensuring you've got it selected. Now click Record again, and resume.

This is also how you can add to an action later on, if you're later creating a longer gif: you'd be able to run the Action, it'd stop when it ran out of actions, then just click Record, click your next frame and layer, and Ctrl Alt F, and on your merry way you go.

Continuing on. Keep going until you've finished your gif, and you're done! Hit Stop, and your first action is complete! Yay!

So, if you've done this for 300 frames, you'll be able to run it on any gif up to 300 frames without issue. If you run it on a gif that's less than 300 frames, you'll get this error message:

Just hit Stop, it's fine: the action's basically telling you "hey, the action can only find Frame 50 and Layer 50, there's no Frame 51!" - it's completed everything up to that point.

If you've done up to like 300 and then you've imported something with 350 frames, you can run the action and it'll just stop at 300. Then, open your actions, press record, and just do the 50 manually. Then your action will henceforth go to 350.

I know there are giffers who use actions for their colouring and other setting up basics, but I do all of those manually - there's not really a limit to what you can use them for. I use it for sharpening, noising and blurring as previously mentioned. I rarely use the blur - usually if I'm making something complex that requires layering, but anyway.

So, all this sort of comes to nothing if you'd rather not make your own, because here's a link to a Drive folder with all three actions in.

Sharpen goes to frame/layer 390, Noise to 294, Blur to 92.

I'm not going to make a whole tutorial on screencapping, but very briefly:

Open video player with capture capability. Open your video file. If using KMPlayer, right-click anywhere on the video screen and go to Capture > Frame: Extract, or press Ctrl+G. The options are fairly intuitive but I've included a picture of my settings for our visual learners.

For your first gifs, I recommend using a scene where there's already good lighting - don't go too dark or too bright. These are your first gifs - you can get wacky and frustrated later. Examples below. Pick something very clear, where the background and the subject are very distinct, or at least inoffensive. There's a whole spiral I could go down about too-neutral backgrounds, but that's not this. Not today. Clearly.

Pick your scene. Remember to have picked somewhere with space for your extraction path. Press play, and Start on the Frame Extraction pop up. For this example, I captured about a minute and a half's worth of frames - 1425 1080p images, just over 1GB of images.

I personally have... well. I've got three drives on my PC; the one my screencaps live on is a 2TB.

I have a problem, but that's neither here nor there.

If you're a laptop user or don't have space, you'll likely cap-gif-delete caps-repeat. I still occasinally delete folders to recap things. I do recommend using the highest-size screencaps you can - saves you a ballache later, but you can use smaller frames if your laptop's giving you a look rn.

*

OKAY. So you've got your caps - depending on how much space you have and what your intentions are, you can cap scenes at a time if you're doing a multi-scene gifset, but for these purposes we're just gonna gif this minute and a half or so.

We're going to open our Photoshop or Photoshop equivalent and open a new file. Dimensions I use are 540px x 360px for standard gifs - many of my gifs are taller than that, but that's where we start running into problems with sizes and having to make shorter gifs to compensate. 360px or less (I know many giffers use 320px or 300px as their standard. I'm a size queen. For gifs, anyway.) Pretty much everything else is left at default. You can always make it smaller mid-edit; making it bigger not so much.

540px for one gif the width of a standard tumblr post; 268px if you're doing two columns. Height... whatever you like.

Quick Photoshop Workspace screenshot - this is my workspace. It's what makes sense to me - and I use pretty much everything visible in every gifset barring the default tools on the left.

It's usually bigger than this, I promise.

If setting up for the first time, you definitely want Timeline (bottom) because that's where you frames are gonna be, Layers because weirdly enough that's where your layers are going to be (same same but different from your frames), Adjustments (this is where we play!), History (for oopsies). To edit what windows you have in your workspace, go up to the top navigation bar and click on Window, then pick what you want visible.

To giffing! In your Timeline, click Create Video Timeline, go to the little dropdown arrow next to the film reel icon and Add Media... and then select your caps.

Word of warning: depending on what your system can handle, don't add your whole scene at once. Try just one shot. no cuts between characters for now. This scene I've picked actually starts with a long shot, so I've selected the whole thing. It'll take a minute or two to load in. Photoshop will only accept a max of 500 frames per 'animation' and it will absolutely punish you for it. My PC is used to me importing 300+ frames at a time and still gets mad once I'm like 8 gifs in. Generally speaking, the dimensions of gif we've created, we're probably looking at anything up to about 120 frames, depending on how busy the scene is. I usually import the whole shot and then chop into pieces as needed, so let's do that.

Once it's finished importing, you'll see all of the frames/layers appear in your Layers tab, and your Timeline will have a bunch of stuff in it. Click the three little rectangles to convert to a Frame Animation (I know some folks use the video timeline - it confuses me and my tiny bird brain).

Now, you can see you have a blank frame at the start if your settings were the same as mine - I can technically start a gif with a transparent background, but it's kind of become a ritual for me. Step 1 is to delete the white frame and then step 2 is clicking on your first frame, scrolling aaaall the way to the end, hold down Shift and click your last frame. Then the little dropdown next to the frame delay (5 secs default because apparently people are out there making Powerpoints in Photoshop). If you've used KMPlayer the same way I did, your frame delay is going to be 0.06. Playback within Photoshop is always going to be slightly slower than the real playback, may require some tweaking later if you're using other programs, but let's go with that for now.

Timing set and frames loaded, now's the fun part.

You want to resize your gif and writing this tutorial has made me realise how much I use my keyboard and not actual menus. First, in Layers window, ensure you have Video Group 1 selected (i.e. the whole folder), and then Ctrl + T or Edit > Free Transform. Depending on your resolution, the handles of the images may not be visible. First thing I tend to do is go up to the top bar and change either the vertical or horizontal scale from 100% to 50% or 60% and then adjust the handles from there. These screenshots have an annoying network watermark on them, so you'll typically find that giffers will crop frames rather than include it. In this example, I've cropped it so that there are about 130px or so of the frame cut off. Sometimes it'll be the top of the frame. Sometimes you'll do both.

At this point, I'll use the little buttons at the bottom of the Timeline window to play the whole animation through. This animation has 363 frames so I'll be cutting this up into probably 3-4 gifs minimum. This bit's trial and error, you'll get better at estimating. Rule of thumb is typically you want to try and preserve as much of an action in any given gif so you're not ending gifs mid-word or sentence. Out of these 363 frames, not all of them will make the final outcome. Blow-by blow:

I played this animation until the actor began moving his mouth to speak, so my first slice will be frames 1-130. DON'T DELETE ANYTHING YET. Go to your History window and click the little page with a plus sign on it (shown below) - this is going to duplicate your whole document. It'll open a new file with exactly the same everything and renames that tab the last 'Action' you took. Leave that and go back to your original. Now you can click the next frame, Shift click the last frame, and then click the little bin to delete all of those frames. Bye bye!

Typically what I'll do at that point is go into the new (duplicated) document and delete all of the frames up to 125 or so, and then repeat. Coincidentally, I cut the second gif at 135 also, and so I end up with 3 tabs and 3 much more manageable-sized files.

*Side note, you don't have to cut things up, but I find it so much easier to navigate. I used to just create 300+ frames gifs but things tended to get wonky quickly. I give myself a few frame margin when chopping so I've got room to play.

So! Back to Untitled-3!

Happy with the play and the crop of things, go to the hamburger menu on the Timeline window at the far right and click Flatten Frames Into Layers. This will now crop everything and disappear the original frames (they're still accessible at the bottom of your Layers, but I don't recommend doing anything with them. Invisible, they take up no space.) You'll now have neatly named layers rather than all those file names.

First thing I tend to do with any gif is use Sharpen - in this case, Smart Sharpen, So, go up to your navigation menu and go to Filter > Sharpen > Smart Sharpen. My settings tend to vary, but in this case I didn't want to lose all of Fourth's glorious little freckles, so I binned 'Reduce Noise'. Depending on what you're using, play a little with the noise reduction and amount settings. I don't recommend doing anything wild with the radius. Bump it up and see why.

I have a Photoshop Action that sharpens every frame for me, because once upon a time I made a giant gif and tediously sharpened each frame manually so I'd never have to do it again - I can do an action tutorial another day, it's really easy, but for now... hopefully you haven't picked a shot with as many frames as me. Once you've sharpened the frame 1 (Timeline)/layer 1 (Layers), go ahead and click on frame 2 and layer 2. Alt + Ctrl + F will use the same Smart Sharpen settings. Then onto frame 3 and layer 3 and repeat. Keep repeating 'til you run out of road.

(NB. you don't have to sharpen your gif, but it does make things look a lot more polished at the end)

I am told this is easier when you're using the video timeline. I refuse to believe this because I'm old and set in my ways (Y)

Once all sharp, we begin to play! Keeping your final layer selected in Layers, select your first frame in Timeline. First thing I do is play a little with the depth of things - brightness, contrast and levels. Sometimes there'll be a curve layer flung in for fun, but I'm sticking with the basics for now. Brightness and contrast is the first little icon in your Adjustments panel - it looks like a half blacked out sun.

This is already a pretty light image, but I'm going to boost both brightness and contrast a little. These can be adjusted later if we end up overboard... or underboard?

Back in Adjustments panel, Levels is the next button along from the last one. It looks like a spiky graph. I usually pull both dark and light ends in a bit, increasing the contrast further and narrowing the number of colour variants going on. Mid value tends to stay untouched. Mostly.

Now, this is perfectly acceptable as-is, but I'm going to play a little with the colour balance and see if I can give the skintones a little more warmth to pull them out of the background, just a tiny bit. This is where my beloved and much-abused Colour Balance adjustment comes in.

So, back to your Adjustments panel, por fa! And this time we're going for Colour Balance. Which, funny enough, looks like a pair of scales. It's second in on the row below the first two I talked about.

I usually emphasise red and/or blue in shadows, I just like how it looks. Typically, I'll then use very slight cyan as a highlight, but I used red and blue again here because it's a warm scene and I wanted it to stay warm. Midtones are very very tiny adjustments because I'd taken too much yellow out of the skintone by de-greening him and I do try not to literally whitewash people lol.

For all intents and purposes, we're done! I intended this to be an extremely "getting into giffing/intro to using adjustments" thing and it sort of... grew. I'll typically do a few other things - selective colour is my most and also least favourite thing in the world, occasionally I'll slap on a gradient or colour fill layer or play with saturation. I also have a love/hate relationship with vibrance and curves.

I'll fire on my watermark, which is just a text layer overtop everything, either white text set to 10-30% opacity with a faint drop shadow, or white text 100% opacity set to soft light or overlay with a faint drop shadow.

Now, how do we show people your work? We export! For web! And inevitably cry!

To File > Export > Save for Web (Legacy)

Jumpscare in 3... 2...

WAS IST DAS.

Handily for me, the most likely culprit here is the fact this gif is 130 frames long because most of the colours here are in tact, it's just the dark colours that are choosing violence, which just tells me there's too much for Photoshop to choose from and it's garbage at prioritising.

In this case, I just went back to the gif and lopped off 47 frames, and:

Ah, much more better. It's still not perfect, but nothing's ever gonna be perfect.

The other side of this preview panel is where you can play your gif and it'll play at the speed it'll show once you've uploaded it. You can cancel out of this and go and adjust your frame delay if needs be. It also shows you a panel of all 256 colours it's prioritised using. Sometimes you'll stare at that panel going "Why have you prioritised 250 shades of green and only one dark brown and 5 skin tones? Why. Why/??" and. idk. There are mysteries in this world that no one knows the answer to, and no one ever will.

RESULT:

Look what we did! Yaaaaay!

This has been a crash course in giffing. There's more to be done to actually create a full gifset, which is mainly just drag and dropping your adjustment layers over to the other tabs we created earlier.

My biggest piece of advice is just... go nuts. Start something basic but then just... click stuff. Make weird adjustments. It's just a gif, at the end of the day - starting over is terror-inducing when you've had something open all day or you've got a lot of moving parts or individual elements, but for the basics? Dr. Pepper it. What's the worst that can happen?

Nobody asked for this but I hope it's interesting for someone. I hope it explains things in excruciating detail, at least.

If this helps in any way, please feel free to assault me with your gifs - I'd love to see how you go. Or if you get stuck, by all means give me a shout. I've been using Photoshop for over half my life, it'd be nice to have a use for all the absurd knowledge I've accrued.

With the text layer selected and timeline (Window > Timeline) open, there's a dropdown menu available when you click the arrow:

it should look like this now:

I like playing the entire gif to have it load fully on the timeline to make the next step easier. To get the fade, you have to set keyframes for the changes in opacity.

You'll see a stopwatch at the left of the word "opacity", click it. This adds a keyframe at the point in the timeline you are at, indicated by the playhead (the redline).

To add keyframes after the first one, you have to click "add keyframe" which is the diamond on to left of "opacity":

Keyframes will make the text remain at the opacity it is set at in the layers panel every time the gif plays at that point.

(tip: the arrows by add keyframe helps you move from one keyframe to the next easier than dragging the playhead)

Finally, making the fade:

First, I set the keyframes for the section I want 100% visible; the start and end points. Make sure these two keyframes are with the opacity at 100% in the layers panel.

(You can change the settings of multiple keyframes at once by selecting them holding shift, you will see that they are selected when they turn yellow.)

For my gifs, I make my captions start at 20% opacity instead of 0% (you can choose whichever number suits you best). To do this, I go 6 frames before and after the section I want 100% visible.

Lastly, you have to move trim the start and end of the text layer to the first and last keyframe. You do this by dragging the beginning of the text layer in the timeline window to the first keyframe and doing the same for the last keyframe. It should look like this:

Note that if you change the opacity settings of the text layer after adding the first keyframe, even without adding a new keyframe, it will automatically make one to allow for the change in opacity settings.

You should have your text fading in and out where you want it.

You can edit the text if you want to, in my case here to add a comma, and the settings will not change because it is a text change not an opacity change.

Import your clip into Inshot and cut it down to your wished length, I always aim for the clip to be 3 seconds. (1.5 —if the moment I wanna gif is shorter I just tune down the speed of the clip)

2. After that I crop the clip:

3. (This one is optional) Then I enhance the clip with the HD tool, after applying the tool I watch the clip a few times to see if it looks smooth/better overall —if it doesn’t I just delete the enhancement.

4. Go to effects, there’s going be the four Icons which I added here in the picture, and choose adjust. The following will pop up:

There are many, many adjustments (I rarely ever use all of them) that I always set differently from gif to gif and from gif set to gif set (dependent on quality, lighting and so on of the clip), but there is a general range I often set these settings in:

Sharpen: from 5 to 50

Film Grain (I prefer this one over the other Garin adjustement because the other one tends to make the clip look like as if there was dust or so on the camera that filmed): from 0 to 25

Lightness: from 5 to 50

Contrast (careful with this one it can quickly darken the clip even if set pretty low): from 0 to 20

Saturation: from 0 to 15

Shadows (similar to contrast, though this one doesn‘t make clips appear as grey when set to a negative value): from -10 to 15

Tint (helpful to fight against a yellowish/greenish tint): dependent of clip anywhere from -10 to 10

The now following settings, Curves and HSL, are also only available with the pro version, yet they are the most crucial ones for colouring

8. With Curves my main goal is to make certain elements pop and to get rid of the green/yellow tint that MC often has. But overall you gotta experiment a little with it. I mainly work with the three dots is the middle —the first middle dots is great to colourize or decolourize shadow areas, the second helps with the vibrancy and hue of bigger areas and the third for the hue and vibrancy of highlights.

(The unedited setting are set at 0, 25, 50, 75 and 100)

9. Pretty much the star of the show, HSL lets you play around with all the colours. I personally often tone down the orange and yellow in saturation to gain a still natural looking skintone that is not over saturated with said colours. In the pictures I added each factors in each photo (p.1 is only tweaked in hues, p.2 is in hues and saturation and p.3 with all factors). Same as with curves this is an experimental field and open to be setted to your liking, so all the adjustments are just examples on how you can do it :)

And yeah, that‘s pretty much it for the editing part :3

After editing the clip I save it and proceed to drop it into Ezgif (my settings to convert them on the right)

Should your converted gif turn out with more than 9.5 MB select the Optimize option under the converted gif (the Tumblr MB limit is ten I know, but when downloading the gif from Ezgif nearly always 5 MB are then added on top so you wanted your gif to have 9.5 MB or less in Ezgif). There a quite a few optimization methods but my fav is the Lossy Gif option with a 5 to 20 setting to maintain the gif‘s quality.

I use KMPlayer to get my caps, and for the Sequel Trilogy at least, I broke down and downloaded extremely high quality copies (they're about 8gb per file), but this is not necessary. Many of the files I use for my gifs are anywhere between 2gb to 3gb: they're not always the clearest, but they work and they're not a requirement imo, it's just that I love seeing all the details in the sequels (and for TROS, it's necessary in order to gif the sand burrows sequence).

Once I load my caps into Photoshop, I crop my gif. Photoshop is helpful, where they actually have presets for the dimensions you can use. Any of them will do, but if you're setting out to make a mobile header, you'll want to go with the 16 x 9 setting.

For the sake of this tutorial, I'm sticking with my tried and true 2x3, though. The next thing I do is resize it, Tumblr's width dimensions right now are 540, so I always go with that for the width of my big gifs.

Now, what I've learned is what you choose on the drop down menu, will impact how your gif looks. For a brief period in time, I was using billenial, but I didn't like how it made my gifs look (I think they were coming out fuzzier in a way I disliked), so I always select bicubic (best for smooth gradients).

To me, this tends to make the gif look smoother, anyway, once I've resized it down.

Now, from here I fucking cheat, lmao. I made an action years ago to deal with the technical aspect of animating a gif cos I still get confused by that, so I click that until it goes to the portion where I need to start sharpening my gif:

As you can see, I have a few actions saved for sharpening: it's cos depending on the quality of the file I'm working on, I'll shift how I sharpen it to make sure it doesn't lower the actual quality of the gif. Right now, though, my primary sharpening settings are this:

My first smart sharpening layer:

Then, I have a Gaussian blur layer. Since I don't want the gif to be too blurry, I have lowered the opacity of this layer to ensure it doesn't overwhelm the gif itself:

And then I do one last smart sharpening layer, with these settings:

Now that the sharpening is done, I can move into the coloring stage! The first thing I do is I try to brighten up the image/gently color correct. The easiest way to start this is by using the white point color dropper in the curves layer:

What you'll do is look for the brightest corner of the image, click on it with this tool, and it'll color correct for you. This step involves a lot of trial and error, and sometimes I scrap it altogether and use exposure and channel mixer for more control on the outcome of the coloring.

I clicked on the white walls to the left of Rey, and that worked fairly well in terms of coloring. It's a tad more red leaning than I'd like, so I lowered the opacity of that layer to 74% (I always lower the opacity on the "fill" area rather than the actual opacity, cos I'm curious like that), and then I took the white line in the curves box, which designates the lighting/shadows, and I pulled it down a bit to give it a more natural look.

From there, I always add a levels layer: it's great for adjusting highlights and shadows in my opinion. I always bump up the white pointer until I'm happy with the brightness, and then I lower the black pointer until the gif has the depth I want (but not too much, cos I'll go back and edit it with selective coloring later). Depending on the gif, I might use the grey pointer in the middle, which brightens the overall gif, though it's not super often this is necessary.

Now, Rey's still looking a little too red for my liking, but I like the overall brightness of this gif (so far), so I'm gonna get into the weeds of working on the actual coloring. My first trick is adding a vibrance layer:

Lowering the saturation is a great way to get rid of any orange hues on a characters skin, while vibrance adds a (normal) level of color to their skin and doesn't make them look like a corpse, basically lmfao. I actually learned this trick through this wonderful anti orange-washing tutorial, which if you're giving any characters of color, is critical reading.

So now I move onto selective coloring, this one's a very play at your own leisure thing. I tend to work the most with the Reds, Neutrals, and Blacks, to tweak the coloring to get the result I want. This is what my settings look like so far:

There was some pinkish areas in the canvas (near Rey's hairline, her shoulders, and obviously her mouth) so I went ahead and messed with the magentas as well - selective coloring is probably the most important part of any of my gifs, not only does it help me get the tint that I want (or help me remove any tones that I don't want), it's also my primary tool in avoiding whitewashing, next to the vibrance tool - if I were giffing Poe or Finn, there'd probably be at least two or three additional selective coloring layers to make sure their skin tones were the right shade.

So, right now our Rey gif is looking like this:

Which is honestly fine, but I want the background to be a little less neutral. So I'm adding a channel mix layer, and going to the blues: from what I can tell, the lights behind Rey are a bit greenish in tone, so I'm gonna add more blue to the greens in the image:

Now, this made Rey's face a bit more cool/pink than I want, so I'm gonna add another selective color layer, and add more yellow to the reds:

There's still not as much depth to the gif here as I'd like, so I'm gonna add a little more to the neutrals and blacks:

Honestly, we could stop here, but I want to add a little more brightness to the gif (not much), so I'm gonna add a brightness/contrast layer:

Now that I'm satisfied with how the gif looks, I'm gonna run my action to change the speed the gif plays at to 0.05 (PS automatically sets it to 0.03 which is like watching the scene on fast forward), and our result is this:

And that's my usual process! I've gone through many "style evolutions" across the years with my coloring, so my biggest piece of advice is to just go ham fucking wild. Experiment, figure out what works for you: there was a time where I relied on photo filters to color correct my gifs and I used that for almost two years! Then I moved onto color balance for almost a year, I think, until I quit liking how it looked and I landed on my current method.

My other piece of advice is to look up as many giffing tutorials as you can find. I'm only as familiar with all these tricks because I'm constantly reading other people's tutorials and experimenting with their tips and tricks, blending them together until I find my own rhythm. @usergif has a directory of gif tutorials that I frequent often tbh!