#our tutorial

basically you cap, import, make your gif as normal. if you don’t know how to do that, i have a tutorial here. 

to start off, you have your gif. (this one’s already sharpened)

add your base psd

now!! before you make any more adjustments or mess with masks!! turn your frame animation into a video timeline by clicking this icon

and then your timeline should look like this

select all of your gif frames in the layers tab on the right (but not the coloring!!) right click and find the “convert to smart object” option and click that.

altogether it should look like this

and back to coloring! 

that blue line on her face was bothering me so i made a selective color layer under the base psd and go to the “cyans” option where it says colors and put the cyan one to -100 and now it looks like this

it changed quite a bit of the background so i clicked on the mask part of the layer and i painted over the background with a black brush (tutorial here) so now it looks like this 

(you can actually see where i painted the background in the photo above)

then i added a hue/sat layer, went to the cyans tab. 

settings: hue +5, sat +100, lightness 0

NOW there’s that pesky little corner.. basically i painted over the left side of the gif with a color that matched and now it looks like this (ignore the dots, it’s the way i saved it)

now i added another hue/sat layer, cyans tab again

settings: hue -10 / sat +100 / lightness -5

and now you have your finished gif!

here’s what the layers bar looks like in case you’d like to see which parts i painted on the masks :)

i hope this tutorial helped! sorry i linked to other tutorials, but it seemed silly to re-do them so i linked instead~

1. Brillo/Contraste. Aquí pongo como máximo 80. Si la escena no es oscura, 60. Poner 100 supone riesgo de que aparezca grano. Además, las escenas muy oscuras no se colorizan bien al estilo "pastel", y no queremos que los gifs pierdan calidad.

2. Curvas. Siempre añado Curvas, es una manía. Va más o menos así y, si es una escena más oscura, el punto va más abajo (más hacia la esquina de abajo-izquierda):

3. Correción Selectiva. Y aquí me quedo, no suelo añadir nada más XD Lo primero, es ver qué color predomina en la imagen. Normalmente es el rojo, ya que el color que más se parece a la piel de las personas es el rojo. Entonces (y no solo aquí, sino en cualquier color), lo que hay que hacer es bajar los negros, y es donde se empieza a notar mucha diferencia:

4. En Negros, yo suelo subir el negro para lograr ese efecto que hace el negro muy negro XD que se usa mucho ahora (es como contraste):

5. Bajar el negro en Neutrales implica lo mismo que ocurrió en los Rojos pero aquí sucede a escala total; vamos, afecta a todo el gif, es como añadir mucho blanco:

6. Bajar el negro en Neutrales como en la imagen anterior es lo que hace que el gif sea pastel en sí. Si añadimos luz y hacemos eso a un gif, nos queda pastel sin mucho trabajo. Pero lo suyo es seguir para conseguir un coloring más bonito.

Ahora, en la misma capa, yo me fijo en qué otros colores hay en la imagen. En este caso, fácil: verde.

En esta imagen, ya he empezado a jugar con las barras de color. Subir/bajar cyan, magenta, amarillo y/o negro puede causar uno u otro efecto (en mi opinión, imposible acordarse de qué cosa hace cada uno en qué pestaña), de modo que el truco está en probar. Aquí no se ha notado mucho, solo que la hierba es un poco más oscura. Cada uno lo tiene que dejar como más le guste, claro.

7. De vuelta a los rojos, podemos seguir investigando. Algo que se hace mucho es convertir el rojo en rosa, porque es facilísimo: el color rojo puede cambiarse a más amarillo o más rosa (eso sí es fácil de recordar. Sin embargo, subir el cyan en Verdes, por ejemplo, no hace que el verde sea cyan... esto solo sirve en los Rojos) dependiendo de cómo se muevan las barras. Subir magenta y bajar amarillo, supone este efecto:

Con el cyan a cero (en el medio), queda más oscuro el rosa:

8. Otro efecto de moda se puede conseguir en la pestaña de Blancos. Subir el negro en Blancos supone rellenar los huecos blancos (la luz) de color gris (poner +100 significa llenarlos de negro. Eso no se usa pero lo que vemos en la siguiente captura, sí):

Y al revés:

Con el negro bajado como en la foto de arriba no se puede hacer nada más, pero si el negro está subido como en la anterior a esa, podemos mover la barra de los colores para rellenar las sombras de otro color. Por ejemplo, anaranjado aquí:

Eso es todo lo que yo recomendaría saber :D

Colorings are really diverse, but making your own can be quite a pain sometimes. But do know that not all psds work for every single scene and not everyone does things the same. This is just simply how I do it.

This tutorial won't be super in depth, and instead will be walking you through the whole coloring process for different types of scenes. I will be using Photoshop CC, but any version will work.

To start off, make your edit/gif. crop and resize, and add any filters like sharpening of gaussian blur and etc. If you're relatively new to the adjustments, there's a nice tutorial on that here.

1. Neutral/Warm Coloring

This type of coloring works best on well lit, neutral colored scenes. Basic and pretty simple to do. The one I made is a little on the red-ish side.

I will be starting off with this gif here:

1. First thing, apply a selective color layer. These are my settings.

Not much of a difference, no? 

2. Slap on a color fill layer in the color #d4a8a1 and set it to overlay. You should have something like this:

3. And now we'll be using one of my faves, a black and white gradient map on soft light. No seriously, they will your best friend. You should get this:

4. Now another selective colors layer to enhance some of the reds and bits of blues. These are my settings. This is what you should have:

5. We're gonna be darkening the gif a little bit. And now, another one of my faves. Make a new curves layer. The curve should look like this.

6. Make a brightness/contrast layer and set the brightness settings to -25 and the contrast to 15. You should have something like this:

7. And again, we're gonna go even more in reverse. Make a new curves layer and apply these settings. Your gif should look like so:

8. Once again. another curves layer. It should look like this.

9. And now for the last step, a gradient map layer set on soft light. It should be something like this. And here we have our end result:

2. Pastel Coloring

This one is a little trickier and might take you a bit longer. Works best on colorful scenes because you have more to work with.

I will be starting with this gif:

1. So we'll start off with a black and white gradient map set on soft light at 80% opacity. Your gif should look like this:

2. Apply another gradient map, except this time with these settings set on soft light at 60% opacity. You should have something like this:

3. Add a levels layer with these settings to add a little more contrast.

4. And now onto selective colors. These are my settings. This is what your gif should look like so far:

5. Now make a brightness/contrast layer and set the contrast to -30.

6. Create a levels layer, and we're going tweak the colors just a little bit. These are my settings. Your gif should be a little darker, like so:

7. Create a selective colors layer with these settings. Your gif should look like this:

Getting a little more pastel, don't you think?

8. And since it's looking a little dull, slap on a color fill layer in the color #ff0072 and set it to saturation at 8% opacity to brighten the colors up.

9. To cool the colors down some. apply a photo filter with these settings.

10. Now play around with the hue/saturation to make it more colorful. These are the settings I used and your gif should end up looking something like this:

11. To brighten everything up, create a curves layer and it should look something like this.

12. To deepen the blacks a bit, make a selective colors layer with these settings. This should give your gif more contrast and sharper looking edges.

13. Apply a new curves layer. It should look like this and this is what your gif should look like:

14. To counter the brightness, we're gonna apply a gradient map layer with these settings and set it to soft light with 75% opacity.

15. Add another curves layer that looks like this.

16. Create a brightness/contrast layer and set the brightness to -5 and the contrast to 15.

17. For the final adjustment, make a selective color layer to tweak the yellows a little bit. And after that, we're finished. The end result:

3. Cool/Colorful(ish) Coloring

This one works beautifully with scenes with many different colors. By instinct, I made it a little pastel-y. You can also make it more blue if you'd like.

This is the gif I'll be starting out with:

1. The first adjustment I'll be making is a gradient map with these settings set on soft light. Your gif should be a little more yellowed like this:

2. To add some contrast, create a levels layer and apply these settings. Your gif should look something on the lines of this:

3. Apply a selective colors layer with these settings to lighten the colors up.

4. Create a curves layer that looks like this. It should brighten the gif and give it more contrast.

5. Make a vibrance layer at 15 saturation. Your gif should be a bit more colorful.

6. Apply a selective colors layer with these settings, keeping it nice and simple for now. Your gif should look like this:

7. Slap on a color fill layer in the color #677694 and set it on soft light. Your gif should be bluer.

8. At this point, you really don't even need to go on. But like I said, I made it pastel-y on instinct. So, I applied a gradient map layer with these settings and set it on soft light and the gif should lighten up.

9. We're gonna add another gradient map with these settings on soft light.

10. Make a selective colors layer with these settings. Your gif should be looking more pastell-ish.

11. For the last adjustment, create a curves layer. It should look something like this, and thus we have our end result:

4. Coloring for Dark Scenes

If you had enough experience with this, you should know by now that dark scenes are a total bitch to color. So, this coloring most likely won't work on a majority of them. They're pretty specific to their own colors.

The gif I will be starting out with is this one:

1. The most important thing about coloring dark scenes is to make sure you brighten it up first. Don't worry about doing to much because you can always go back and add on to it later. So, we'll start off with a brightness/contrast layer and set the brightness to 50 and the contrast to -50.

2. You really only need to adjust the colors you can see. So, create a selective colors layer and apply these settings. You should have something like this:

3. Brighten it up with some curves. It should look something like this.

4. Now, add on a gradient map layer with these settings on soft light at 50% opacity.

5. Create a selective colors layer with these settings to lighten up the blues. Your gif should look something along the lines of this:

6. Add a curves layer, it should look kind of like this.

7. Add another one, this time it should look like this.

8. Now to really brighten up the colors, create a selective colors layer with these settings. Your gif should be nice and vibrant, like so:

9. For the final adjustment, make a brightness/contrast layer and set the brightness to -10 and the contrast to 50. Here is the end result:

5. Soft Coloring

Probably one of the easiest colorings to achieve. Doesn't have much contrast and looks the nicest on scenery. Really basic and you can easily change it's hues.

Here is the gif I will be starting out with:

1. For this one, I will be starting off with a selective colors layer. These are my settings, and this is what your gif should look like:

2. To brighten the gif up and tweak the colors a bit, create a curves layer with these settings. Your gif should look a bit more red-ish.

3. Now we're going to play around with the channel mixer. These are my settings.

4. Create a brightness/contrast layer. Both brightness and contrast should be at 20.

5. Make a selective colors layer with these settings. You gif should look like so:

6. Play around with the channel mixer again. These are my settings.

7. And for the last adjustment, we're gonna soften the colors up. Apply a color fill layer at #ffffff and set it to soft light at 50% opacity. This is the end result:

Some Tips:

Contrast is your best friend. Curves, brightness/contrast, and black and white gradient maps are best for this. Don't use too much, though.

Do not wash out your coloring. It can get really pizelated and unattractive if you overdo it.

Don't use too many colors. Keep it nice and simple.

Never, ever over saturate. Tumblr might not let you upload your edit/gif and it doesn't look very good on graphics at all.

Be careful not to over brighten. Brightness is great, but it could really wash everything out if used too much.

Just don't overdo anything. No, seriously.

Be patient. Some of the more difficult scenes can take you much longer to color than others. Don't rush yourself.

Play around a bit. Combine psds, switch around the layers, experiment with opacities.

And that's about it for my ridiculously long coloring tutorial. Please, please give it a like if this helped you. I sacrificed massive amounts of blood making this. PSD files for the colorings above can be found here.

i'm going to use this gif of thomas from the maze runner trailer:

step 1: identify your colors.

so in this gif, we got a lot of cyan and green so that's what we're going to play with.

step 2: brighten.

i sharpened my gif, applied curves(x), bit of brightness (x) and contrast, and levels (x). this is what it looks like now:

step 3: enhance the colors a bit.

now im going to place a selective color layer below all those stuff earlier. i start with cyans (x), then greens(x), then blues(x). this is the gif now (see how the shirt became purple-ish and the trees became blue-green-ish)

step 4: color vomit!

basically you just repeat step 3. just play with selective colors. i usually have 4 layers, but you can do more or less depending on what you want.

also, you can change how the colors look. make blue to pink, the yellow to green or whatever! just play with it!

me, i put another selective color layer with these (x) settings.

after that i put on 2 more layers and this is what i came up with.

step 5: finishing touches and saving.

i put another brightness and contrast and levels layers bc i didnt like how it looked and then i saved it!

see how easy it is? we didn't even add a vibrance layer. 

end notes: