#colouring tutorial
Explore tagged Tumblr posts
kinnbig · 1 year ago
Text
Tumblr media
✨ Simple Gif Colouring for Beginners ✨
I wrote up my basic gif colouring process for a friend recently, but a couple of people here mentioned they'd also find it helpful! so, as requested, this is a beginner-friendly walkthrough of the way I colour my gifs :) it's aimed at brand new gif makers with no prior experience with photoshop or photo editing.
when I first started gif making I found colouring and photoshop in general suuuper daunting, so I've tried to simplify everything here as much as possible. hopefully this will be relatively easy to follow and not too intimidating!
a couple of things to begin with:
I'm only talking about colouring here - this is not a full gif making tutorial. I've linked to some of my favourites of those here!
I personally like to make bright, 'clean' looking gifs with vibrant but natural colours, so that is the style of colouring this tutorial is geared towards. most of gif colouring is subjective and about personal taste - the only thing that I'd say is possible to get wrong is skin tones, which I talk about a lot in this guide.
as I mostly gif Thai dramas, most of the advice is geared towards colouring for East Asian/South East Asian skin tones - but the techniques should be fairly universally applicable (and here are some tutorials that talk about gif colouring for other skin tones).
I'm not an expert! I'm not claiming this is the best or the only way to colour gifs - it's just how I do it.
this post is very image-heavy. if the images aren't loading (or the gifs are running slowly or cutting/looping weirdly), then try viewing the post in its own tab (rather than on the your dash or someone's blog) and refreshing the page.
okay, full walkthrough beneath the cut!
contents:
1. intro a. natural gif colouring goals b. very very basic colour theory 2. super simple colouring (the essentials) a. curves b. selective colour (and skin tone correction) c. hue/saturation d. saving and reusing colouring e. another simple colouring example 3. other adjustment layers a. brightness/contrast b. levels c. vibrance d. colour balance e. channel mixer 4. troubleshooting a. curves b. saturation 5. fin!
1. intro
the colouring part of gif making can be super overwhelming, especially if (like me when I first started!) you're completely new to photoshop and/or have no experience with colour theory or photo/video editing.
if you're opening photoshop and making gifs for the first time, I highly recommend getting used to making a few basic, uncoloured gifs to begin with. just to practice, rather than post anywhere (though you can always come back and colour them later if you want) - but it'll make the rest of the process much easier if you're already beginning to get used to working in timeline mode of photoshop. give yourself a bit of time to practice and get a feel for things like how many frames you tend to like in a gif, where you like to crop them for the best loop, what kind of aspect ratio you like etc* - so that you're not trying to navigate all of that for the first time on top of everything else!
* frames: for me between 60-90 frames is ideal, but 40-120 frames is the absolute min-max I'd personally use in a normal gifset loops: for the smoothest loops, try to avoid cutting someone off mid-movement or mid-word if possible. aspect ratio: for full-size (540px) gifs, I tend to go for either 8:5 (slightly 'skinnier' gifs), 7:5, or 5:4 (particularly big, thick gifs lmao)
✨ natural gif colouring goals
part of what can be so daunting about starting gif making is not knowing where to start or what you want to achieve. this is definitely something that gets easier with practice - the more gifs you make, the more you'll get a feel for what kind of look you like and the more instinctively you'll know how to get there. it also helps to see if any gif makers you like have made "before and after colouring" posts - these can help with getting a sense of the kinds of changes made through gif colouring. here's one I made!
in general, I like to make my gifs bright and 'clean' looking, with vibrant but natural colours. these are the things I'm usually hoping to achieve with colouring:
brighten dark scenes
remove muddy, yellowish lighting or filters
saturate colours
correct any skin lightening filters or overexposure
make lighting and colours as consistent as possible between gifs within a single gifset, especially gifsets featuring gifs from multiple scenes/episodes/videos
this guide is focusing on natural colouring, but of course there are many cool ways to make stylised/unnaturally coloured gifs. imo you'll need to master these basics first, but if you want to learn how to do things like change the background colour of gifs or use gradients or other cool effects, then @usergif's resource directory has loads of super helpful tutorials!
✨ very very basic colour theory
[disclaimer! I don't know shit about fuck. I do not study light or art. this is just an explanation that makes sense to me exclusively for the purposes of gif making.]
the primary colours for light/digital screens are red, blue, and green. having all three colours in equal measures neutralises them (represented by the white section in the middle of the diagram).
Tumblr media
so to neutralise a colour within a gif, you need to add more of the colour(s) that are lacking.
in practice this usually means: the scene you want to gif is very yellow! yellow is made of red and green light, so to neutralise it you need to add more blue into your gif.
it can also mean the reverse: if you desaturate the yellow tones in a gif, it will look much more blue.
looking at the colour balance sliders on photoshop can make it easier to visualise:
Tumblr media
so making a gif more red also means making it less cyan.
removing green from a gif means adding magenta.
taking yellow out of a gif will make it more blue.
tl;dr:
neutralise yellows by adding blue (and vice versa)
neutralise reds by adding cyan (and vice versa)
neutralise green by adding magenta (and vice versa)
2. super simple colouring (the essentials)
starting with a nice sharpened gif in photoshop in timeline mode. (these are the sharpening settings I use!)
some scenes are much harder to colour than others - it helps to start out practising with scenes that are bright/well-lit and that don't have harsh unnaturally coloured lights/filters on. scenes with a lot of brown/orange also tend to be harder.
I usually save a base copy of my gif before I start colouring just in case I end up hating it, or find out later that it doesn't quite fit right into a set and need to redo it etc.
so here is my base gif!
Tumblr media
it's an okay gif, but it has a bit of a yellow tint to it that I want to reduce.
colouring is easiest to do in adjustment layers, which can be found under layer -> new adjustment layer - or for me they are here:
Tumblr media
there are lots of different types of adjustment layers that do lots of different things - but for me the absolute essentials for colouring are curves, selective colour, and hue/saturation.
I also use brightness/contrast, levels, exposure, vibrance, colour balance, and channel mixer sometimes, depending on the gif - but I use curves, selective colour, and hue/saturation on every single gif.
Tumblr media
✨ curves layer
the first thing I always do is a curves layer. when you first open one it will look like this:
Tumblr media
first I usually click the ‘auto’ button, just to see what happens. sometimes it makes a big difference (it usually brightens the gif a lot) - but on this gif it didn’t do much.
if it had made the gif look nicer then I would have kept it and added a second curves layer on top to do the rest of these steps.
the next step is selecting the white and black points with the little eyedropper tools.
the bottom eyedropper lets you pick a white point for the gif. click somewhere super light on the gif to see what happens - for this gif, I clicked on the lampshade on the left. if it looks weird, I just undo it and try somewhere else - it usually takes a few goes to find something that looks good.
here's what that did to the gif:
Tumblr media
then I pick the top eyedropper and use it to pick a black point by clicking somewhere really dark, again playing around until I find a black point that looks good.
here's what the gif looks like after picking the white and black points:
Tumblr media
this can take some experimenting, but you can make super easy drastic changes to your gif just with this. in this case, the curves layer took out a lot of that yellowy tint.
and this is what the curves graph looks like now:
Tumblr media
you can click and drag those lines to make further changes if you want - I usually leave them alone though. the colours of the lines indicate which colours have been changed in the gif - for example, you can see from that steep blue line on the graph that blue has been added to neutralise those yellows.
next I usually do another curves layer and just press the ‘auto’ button again to see what happens. usually it brightens the gif a bit more, which I like.
‼️if nothing is working: usually with a bit of fucking about a curves layer works well - but sometimes you can’t find a good white and black point anywhere, and instead your gif turns wacky colours and nothing looks good. this happens more often with very heavily colour tinted scenes :( the troubleshooting section at the end goes over some options, including starting with a levels layer instead.
✨ selective colour (and skin tone correction)
skin tones are made up of a mixture of yellow and red.
removing yellow (or adding blue or red) to a gif will make the skin-tones too red - and removing red (or adding cyan or yellow) to a gif will make the skin-tones too yellow.
adding blue to this gif with the curves layer took out the yellowy tint, which I wanted - but it also took the yellows out of Kim's skin tone, which I don’t want. so I need to put yellow back into the skin tones specifically - without putting it back into the rest of the gif.
selective colour layers let you select an individual colour and adjust the levels of other colours within that colour. you can change how yellow the green shades are, or how much cyan is in the blues, for example.
I need to add yellow back into the red tones to correct the skin tones on this gif. this is the case for most gifs in my experience - the vast majority of the time, unless a scene is very heavily tinted in another colour, a curves layer will add blue/remove yellow.
in the 'colors' dropdown, select the 'reds' section and drag the 'yellow' slider higher - this will add more yellow into just the red shades within the gif.
Tumblr media
the amount of yellow you need to add back into the reds depends on how much yellow was taken out of the gif initially - I just play around with the slider until it looks right. if you're not sure, it helps to have some neutrally-coloured (not white-washed!) reference photos of the people in your gif to compare to.
here's the result. Kim's skin is a lot less pink toned and much more natural looking:
Tumblr media
✨ hue/saturation
this adjustment layer lets you adjust the hue and saturation of the gif as a whole, and also of each colour individually.
Tumblr media
I don't use the hue or lightness sliders unless I'm trying to do something more complicated with the colouring.
clicking the dropdown menu that says 'master' lets you edit the saturation of each colour individually. this is useful if your gif is still super tinted in one colour.
I thought the yellows on this gif were still slightly too bright, so I switched to the yellow channel and desaturated them slightly. (remember if you do this then you need to go back to selective colour and add more yellow into the red skin tones to balance out the desaturation!)
then I increased the 'master' saturation of all the colours to +5:
Tumblr media
I usually find the right amount of saturation is somewhere between +5 and +12, but it depends on the gif.
‼️if the gif feels undersaturated, but the saturation slider isn't helping/is making the colours worse, try a vibrance layer instead.
done!
Tumblr media
✨ saving and reusing colouring
you can copy and paste adjustment layers between gifs to make your colouring even across each of your gifs for one scene - so if you're making a set of multiple gifs of the same scene, or you think you might want to gif the same scene again in the future, you can save it as a psd so you can reuse the colouring again later.
each gif's colouring will then still need tweaking - different cameras/angles/shots of the same scene can still start out with slightly different colouring.
I recommend uploading the gifs as a draft post on tumblr so you can see what they all look like next to each other and catch any inconsistencies.
✨ another one! (speedrun!)
Tumblr media
HI KEN!
the white point for the curves layer was in the window behind them.
the curves layer removes the muddy yellow tint, but again it makes their skin tones (especially Ken's) very red toned, which is adjusted by the selective colour layer.
3. other adjustment layers
imo many many gifs can be coloured really nicely with just those three adjustment layers, but some need different adjustments.
✨ brightness/contrast
Tumblr media
pretty self explanatory!
I personally usually avoid using the 'brightness' slider because I rarely like the effect - I only tend to use the 'contrast' one. 
the 'auto' button is sometimes useful though, especially if you’re struggling with the curves layer.
✨ levels
Tumblr media
levels alters the white and black points of the gif, like curves - but unlike curves it doesn't also alter other colours.
use the sliders beneath the graph to alter how dark/light the gif is. you can slide the black slider further to the right to make the blacks darker, and the white slider to the left to make the whites lighter.
levels is a good place to start if your curves layer isn't working.
(I'm going to hit the image limit for this post lol so here are some screenshots of a table I made to demonstrate this rather than actual gifs. sorry!)
Tumblr media Tumblr media
on both sides, I dragged the sliders up to where the big jumps are on the graph - this is usually a good place to start!
✨ vibrance
vibrance... makes the colours more vibrant. it's more subtle than saturation.
it's really helpful for gifs that feel grey. sometimes adjusting saturation just makes the greys kind of weirdly tinted, but a vibrance layer can fix that.
Tumblr media
vibrance is much more subtle!
✨ colour balance
Tumblr media
colour balance affects the overall balance of colours within a gif.
it's good for scenes with heavy tints.
I tend to stick to the 'midtones' dropdown, but you can also alter the colour balance within the shadows and highlights if you want.
Tumblr media Tumblr media Tumblr media
✨ channel mixer
I avoided channel mixer for such a long time because it scared me. but it's great for scenes that are very heavily tinted in one colour.
basically, it works with the levels of red, green, and blue within a gif. you select an output colour and then play around with the levels of the colour you selected within each other colour.
kind of the reverse of selective colour?
Tumblr media
so in the 'blue' channel, the levels of blue are at 100%, and the levels of red and green are at 0% - but you can impact how much blue is in the reds and greens and blues.
this tutorial explains it well - but imo the best way to get to grips with channel mixer is just to play around with it a bit (sorry)
(when I made this guide for my friend, I also made a slightly more complicated gif colouring walk-through that included using channel mixer. there isn't space to include it within this post, but if anyone is interested I could always upload it as an 'intermediate' gif colouring tutorial - lmk!)
4. troubleshooting
‼️curves
usually with a bit of fucking about a curves layer works well - but sometimes you can’t find a good white and black point anywhere, and instead your gif turns wacky colours and nothing looks good. this happens more often with very heavily colour tinted scenes :(
for example, with this base gif:
Tumblr media
using many of the brightest points as a white point turn it wacky colours, like this:
Tumblr media
yikes :(
some options for these cases:
try brightening the gif first with the 'auto' button on the curves layer or with a levels layer. having a brighter gif to start with can give you better options for picking a white point.
try finding an alternate, whiter/brighter white point. look for places the light reflects - on this gif, using the light on Porsche's cheekbone works well as the white point. it also helps to find places that would be white if the scene wasn't tinted - the lightest part of a white shirt is often a good place to start, for example.
skip the curves layer, and instead use a levels layer to alter your white/black points, and colour balance or channel mixer to balance the colours.
‼️over/undersaturation
if your gif (especially the skintones) is looking a little washed out or lifeless, it might be undersaturated. boost that saturation - or if that's not working, try a vibrance layer.
oversaturation is often easiest to spot in the mouths and ears of any people in a gif. if the mouths are looking unnaturally, vibrantly red, then you've gone too far with the saturation.
5. fin!
and done! I hope this was coherent helpful to somebody.
if there's anything that I've missed or that doesn't make sense pls feel free to shoot me an ask or a message and I'll do my best to help! I've also collated a bunch of additional reading/resources below.
happy gifmaking 🥰
✨ some links!
photoshop basics by @selenapastel
gifmaking for beginners by @hayaosmiyazaki
gifmaking guide for beginners by @saw-x
dreamy's gif tutorial by @scoupsy-remade (includes instructions on how to blur out burned-on subtitles or annoying video graphics)
beginner's guide to channel mixer by @aubrey-plaza
how to fix orange-washed characters by aubrey-plaza
colour correcting and fixing dark scenes by @kylos
does resampling matter? by usergif
how to put multiple gifs on one canvas by @fictionalheroine
watermarking using actions by @wonwooridul
resource directory by @usergif
894 notes · View notes
shaunashipman · 2 months ago
Text
Tumblr media
here is the colouring tutorial i promised to go with my beginner's gifmaking tutorial.
to save image space, i've written up a simple explanation of how each adjustment layer works here, so i'm just going to over my colouring for these 4 different gifs.
as always, very image heavy underneath
there are many ways to get the same results and i'll use various methods usually just based on what i'm feeling at the moment. some of it is a little convoluted, but hopefully this will give you a rounded idea of how it all works so you feel more comfortable playing around with your own colouring
NADJA
this is the base gif with zero colouring adjustments, just resized and sharpened.
Tumblr media
unless the base gif is already very bright, which doesn't often happen because directors nowadays are allergic to light, the first layer i add is always a brightness/contrast layer. i don't adjust any of the sliders, i just change the blending mode to "screen", and then adjust the opacity if needed. this gif was pretty dark, so i left it at 100%,
Tumblr media
my next layers are always curves to even out the white and blacks. i use two curves layers, one for white and one for black. i used the white drop-picker and selected just below the lightshade on the lamp behind her, and for the black drop-picker i selected her hair near her neck which gives us this
Tumblr media
it's already looking much better, it's not as green tinted, but i want to make the red of her dress pop a bit more. in order to do that without making her face too red, i'm gonna remove some of the yellow. so next i'm gonna add a selective colour layer, and under the yellow channel i moved the yellow slider to -5 and the black slider to -52. now
Tumblr media
now that the yellow is reduced, i add another selective layer, and under the red i move the cyan slider to -66 and the black slider to +29. now the red of her dress pops and her face is still a realistic tone. when i first made the gif, i added the red selective layer first, then added another selective layer under it and adjusted the yellows to offset it. you can always shift layers around or add a new layer underneath as you go.
Tumblr media
voila
TOMMY
here is our base gif
Tumblr media
this scene is better lit than the nadja one, but i prefer bright and colourful gifs, so i'm gonna once again add a brightness/contrast level and keep it at 100%
Tumblr media
and then the curves layers to even it all out. since there isn't a spot that is immediately noticeable as white, you can hold the alt button with the white dropper selected and it will highlight all the white/very near white pixels. you can also zoom real close in to select specific pixels. i selected a from the white area around his chin/mouth. the same process works for finding a black spot with the black dropper, and for that i selected from a dark spot in his hair
Tumblr media
the curves layers evened it out but also made the gif a bit more red and warm toned, and since i've decided i want the end result to be more blue/green, so i'm gonna add a colour balance layer. in the shadows channel i moved the cyan/red slider to -16, and the yellow/blue slider to +11
Tumblr media
now the gif already looks great, it's bright, skin tone is accurate, he's not washed out, but like i said i like my gifs colourful, so i'm gonna add two more selective colour layers. in the first i'm gonna adjust the greens, bringing the magenta slider to -87, and the black slider to +81. in the second layer i'm gonna adjust both the blues and cyans, because when you see blue in a gif it's rarely ever straight blue or straight cyan, so always adjust both. (you could adjust the blue and green in the same layer, but i prefer to do them separately in case i need to move the layers around)
Tumblr media
now finally i'm gonna add a hue/saturation layer because i think the blue of his suit is too blue when the sky behind him is more cyan. (also, since you only have 256 different colours to work with, you don't want too many different colours otherwise it will distort the colouring.) in the blue channel i move the hue slider to -12 to make the blue a bit more cyan, and i also move the saturation to +38 to make it pop more
Tumblr media
and voila
RHAENYRA
here is the base gif (this one is going to get very convoluted and imo best exemplifies what colouring gifs is like most of the time)
Tumblr media
as always, a brightening layer set to screen
Tumblr media
now the curves layers. for the white i clicked on her hair at the top of her head, and for the black i i clicked in the shadows to the left of her.
Tumblr media
but as you can see, while it added contrast, it also made the gif more green tinted than it was. you could click around more, or manually adjust the red, green, and blue lines on the curves until it looks better but i decided to add a channel mixer layer instead. in the green channel i set the greens to -95, and in the blue channel i set the blue to -97
Tumblr media
next i wanted to add a little contrast, but i find that using the contrast in brightness/contrast can saturate it too much, so instead i added a levels layer. first i adjusted the bottom bar, moving the right slider to 230 which reduces the overall brightness of the gif, so when i adjust the top bar it doesn't brighten the gif too much. on the top bar, i moved the right slider to 212, and the left slider to 9
Tumblr media
now, i'd like it to be not exactly warm toned, but less cool, and while i could use colour balance or a photo filter, i'm instead going to add a gradient map, using the default gradient pink 08, and setting it to blend mode soft light at 50% opacity
Tumblr media Tumblr media
next i just want to increase the blacks a little, so i'm gonna add a selective colour layer and under black i'm gonna set the black slider to +10
Tumblr media
it's still not as warm as i'd like, so i'm gonna add a colour balance layer, in the midtones setting the cyan/red to +10 and the yellow/blue to -5
Tumblr media
we're almost done, but i want to make her dress pop a bit more, so first i'm gonna add another selective colour to bring the yellows down a bit, setting the black slider to -15
Tumblr media
and finally one more selective colour layer, in the reds, setting the cyan slider to -50, the yellow slider to +10, and the black slider to +15
Tumblr media
voila
NATALIE
here's the base gif
Tumblr media
as always the brightness/contrast layer set the screen
Tumblr media
now the curves layer. for the white, i zoomed in and selected a pixel on her cheek under her right eye. for the black i the dark spot just above her head
Tumblr media
now she's very yellow, so i added a channel mixer layer. in the red channel i set the reds to +88. in the blue channel i set the reds to +10
Tumblr media
she's still a little too yellow for my liking, so i'm gonna add a hue/saturation layer, and under the yellows i'm gonna adjust the saturation to -60
Tumblr media
finally, i want her to be a it brighter, so i'm gonna add another curves layer, but instead of using the drop, i'm going to manually adjust it. the two points along the line are where i selected it and then i dragged until it looked how i wanted. i start with the upper dot, which made it brighter and moved the line into an arch, and then selected at the lower end of the line and dragged in back closer to centre to add some darkness and contrast
Tumblr media Tumblr media
voila
and that's how i do my colouring. it's generally all trial and error, using a layer to fix one thing and then needing another layer to fix something the previous layer did.
play around, have fun, see what works for you and what doesn't. it will take a while for you to develop your own method and style, and even then you'll come across scenes that make you question if you have any sills at all. you do, directors just hate us
have fun and feel free to ask any questions
258 notes · View notes
an-albino-pinetree · 2 months ago
Note
Hi, hello, hi. Art question! How do you do gore so well cause I’ve been try to figure it out, and it’s so damn hard, lol.
Could you give an explanation or something plzplzplzplzzzzz? Ty :3
Hope you’re doing well -anon
Tumblr media
Here's a nondescript gut, and all the layers of it separated:
Tumblr media Tumblr media
First off- guts are shiny, the more wetness effect you can achieve the better! ✨ Secondly, organs aren't just red and pink! The more colours you can add into the organs, the more realistic they'll look: Blueish, grey, dark red, browns, purpleish, a faded or muted pink, etc.
Now- of course, if you're going for something more "fun" or a cartoonier style, this doesn't technically have to apply! 💚
Tumblr media Tumblr media
Here's some gut colours, and what a little blood and shine can do to them!
Smudge tools and highlights are your BEST FRIENDS with gore, and honesty the lazier your smudging, the better, guts are messy, so make a mess!
Tumblr media
I grew up in a hunting family, so I did always have good reference material on hand! <:]
If you can stomach it, great references are: 🩸
Medical injury forums/images
Tutorial videos on how to clean/dress an animal you’ve caught hunting (gutting and skinning tutorials)
Gory movies!
That sound a lil too out of your personal comfort zone? More good references are: 🥩
Raw meat! Raw meat is a great reference for how muscles work, and how they are supposed to look colour-wise and otherwise!
*There’s quite a few organ meats (offal) that people consume! So honestly, just search images of “organ meats”! You’ll get a variety of gut colours, beautifully plated, and possibly garnished ✨🍽️🌿
Tumblr media
Other people’s art styles! Look at a bunch of internet images for Goretober or just study an artist’s gore style you love! Compare the way multiple people draw viscera, cuz there’s no right way! :D
Gory video games / look up some horror game death scenes!
Tumblr media
More fun touches, if you’re going the realistic route, are veins and fat deposits! :] ^
Tumblr media
See the use of different gore colours and the veins, in this piece?
I can also do a mini tutorial on blood splatter, if you guys want. But there’s also tons of even more in-depth ones out there! Just search up blood splatter tutorials! 🩸 I like to make my blood and goop, stringy, when it comes to guts -v-
I’ll say once more, there is no right way to draw viscera! This is just how I do it, and what I can provide from what I’ve learned! Have fun!!
Tumblr media
Now go forth and disturb people! 🩸✨ /j
122 notes · View notes
theegh0st · 5 months ago
Note
your art makes me throw up and ascend at the same time😭😭😭
can you bls explain how you color. it looks like jelly fr
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Ty for the ask! I hope this helped but I think I lost you around the rendering part...I am still learning how I want to approach digital art and I often find myself unhappy and overthinking. It causes me to redo parts over and over. I often think I ended up overdoing the rendering. So I am still learning and figuring stuff out and it makes me happy that you are asking how I colour!
46 notes · View notes
cilekixxes · 1 year ago
Note
I love your artstyle please teach me your ways
Tumblr media Tumblr media Tumblr media
Omg thank you!! 💕 I’m happy you like my art style :3 here’s some colouring tips since I think that’s what stands out most about my style and artworks
Tumblr media
Pinterest colour palette tiles
I’m not good at picking colours myself so I heavily rely on colour palettes found on Pinterest (they are just vibrant tiles lol) 🌈
Shading style
When I’m shading my artworks, I pick the colour between the two colours to create a gradient. I don’t use blur, blend, smudge, airbrushes or gradient tools ❌
There are some speedpaint videos on my YouTube and instagram if you wanna watch my art process. I might make a tutorial if more people are interested :]
20 notes · View notes
thelvadams · 2 years ago
Text
i was asked if i could make a colouring tutorial so here's a quick look at how i created one of my recent gifs! (spoiler: i don't do anything particularly special)
Tumblr media
start with a curves layer, either using the lighter preset or auto
Tumblr media
2. another curves layer to add linear contrast
Tumblr media
3. brightness/contrast - i usually go for between 12 and 24 brightness and typically 12 contrast, but it depends on the scene i'm using
Tumblr media
4. this isn't too essential but i usually play around with whites using selective colour
Tumblr media
5. colour balance - personally, i only ever use very small values here (between 1 and 4 on either side). all i'm trying to do is stop the scene from looking either too warm or too cool
Tumblr media
6. add a levels layer to tweak the dark and bright parts of the image. i usually use similar values to the ones in this screenshot for most gifs
Tumblr media
7. i add another selective colour layer to make the blacks even darker (only with values in single digits)
Tumblr media
8. a quick vibrance layer to make the gif pop a little - again, only very small values
Tumblr media
9. finally, just any small tweaks to finish off. in this case i just wanted to change the reds on donna slightly with selective colour
Tumblr media
and that's about it! obviously it's not exactly the same for every gif, but these are the basic steps i always start off with. hope this helps!
46 notes · View notes
50shadesofoctarine · 1 year ago
Text
People keep complimenting my use of colour, so here's a quick guide I sketched up:
Tumblr media Tumblr media Tumblr media
Eventually, your colours should look something like this:
Tumblr media
Or this:
Tumblr media Tumblr media
Find more references and tutorials on my patreon:
6 notes · View notes
gunpowderandleadx · 1 year ago
Text
Reblogged
coloring tutorial (vibrant/high contrast)
Hey peeps! 
Here’s another tutorial that has been requested as a psd before, but I thought I’d just show you how you can create your own, instead of using a psd all the time :) 
So if you want to know how to go from this
Tumblr media
to this
Tumblr media
follow moi!
Keep reading
217 notes · View notes
gallnerkyle · 1 year ago
Note
love your colouring!! do you have a tutorial?
thank you so much! 🤍
i don't have a tutorial of my own but here's a list of adjustments i typically use and the order i use them in:
levels, auto levels (lower the opacity if it's too harsh) exposure + gamma correction levels again (slightly increase the black & midtones using the pointers) brightness + contrast colour balance (midtones and shadows only. but usually just midtones) selective colour for each prominent colour in the gif (i find the cyan and black pointers to be the most important for each colour and i usually never increase or decrease each pointer more than 20-30%) brighten up the white tones by going back into selective colour, select white and lower the yellow and black tones a little i usually finish off by adding a little extra contrast if i think it needs it, or i go back into selective colour, select neutrals and ever so slightly increase the black point
there are no rules though, so don't feel like you have to follow this specific order and you can always add your own adjustments.
my colourings are pretty much just a mash up of everything i've learned from other people's tutorials on here over the years, so you can always combine tips from multiple tutorials.
i hope this helps! feel free to message me if you have any questions.
0 notes
tofupixel · 10 months ago
Text
⭐ Pixel Art Fundamentals - Hue Shifting
This technique is not uniquely specific to pixel art, but it's a very common term to hear when starting out watching those "dos and don'ts" videos. So what is hue shifting?
Tumblr media
Hue shifting basically means to change the hue when making your shade darker or lighter. In this context, 'hue' = colour!
Tumblr media
You may hear 'you need to hue shift more' when getting feedback on your art, but what does that mean really? Here are some examples:
Tumblr media
We can see even with just a bit of hue shifting, we have quite a different vibe for each drawing. In warm / daylight settings, no hue shifting can sometimes look a bit muddy or grey.
If we swap the image to grayscale, you can see that they look much the same:
Tumblr media
As long as the hue shifted colours have a brightness that makes sense, they usually will work. You can get quite wacky with it.
Tumblr media Tumblr media
But is hue shifting always good? Not necessarily.
Below is some of my art where I intentionally didn't hue-shift at all. You can see it gives them an uncanny, digital, or photographic kind of look. As always, techniques are about your intention, or personal style.
Tumblr media Tumblr media
I recommend trying different hue shifting methods! I especially love to use a cool blue or teal for the lighter shades.
Tumblr media Tumblr media
Thanks for reading and I hope this helped a little! Have fun with it!!
⭐ Read my full pixel art guide here!
6K notes · View notes
journey-to-the-attic · 1 year ago
Text
Tumblr media
"karasu search how 2 cheer human up"
"karasu search difference between sad human and zoning out human"
"karasu search how long is it safe for humans to zone out for?"
(+ a longer look at each scene:)
Tumblr media
6K notes · View notes
nyatimira · 2 years ago
Text
Trick or Treat timelapse with some spoooooky music 🎃
youtube
0 notes
an-albino-pinetree · 2 months ago
Note
Hey, hi
Less gore-y more just dark/horror in general
Any tips for bones? They always look off when I draw them…
Tips on how to bone ( ͡° ͜ʖ ͡°) I’m sorry
Tumblr media
My skeletal anatomy is abysmal- so I usually draw broken, or partially still covered in flesh, bones, to hide that sdhfhfg- BUT in terms of bones! Unless it’s a stylistic choice, bones shouldn’t be just white! Above, are a ton of off-white colours I use. For instance, I like to use a pinker off-white, with bloody bones, and a yellower shade, when they’re clean or bleached -v- There’s a ton of resources on the web, for proper bone structure, and bone placement, all of which I should probably study more too! ^^ 🦴
24 notes · View notes
kugisakiss · 11 months ago
Text
Tumblr media
pulled this out of my wips to celebrate me finally reading the last chapter
original↓
Tumblr media
3K notes · View notes
hansoeii · 7 months ago
Note
Hullo! I’ve been watching a bunch of your Timelapses and I was wondering how do you always come up with the colours for your pieces? They’re always so cohesive and pleasing to look at (I almost exclusively work in greyscale so if I’m using colour it’s always a lucky guess and it never looks quite right)
Hey there!
I have to be honest that most of the time I don't actually know what I'm doing and that I have no idea how most of my pieces are gonna turn out. My work process is usually based on "Fuck around and find out", haha. I'm happy to know that it apparently doesn't come across that way, though.
A lot of it comes very naturally to me simply because I've been drawing non-stop for so long, but I can give you some small tips that really help me:
1. Have as many references as possible!
Here's what my reference sheet looked like for the Jayvik piece:
Tumblr media
It helped me a lot to understand the overall color scheme I wanted to convey. Lots of very cold tones, pinks and very light blues and greens. These colours sorround Jayce and Viktor throughout all of season 2 and I wanted to keep them, especially since in my piece they are lying in the glowing hexcore.
Don't shy away from using references, get as many as you possibly can! Look at other poeple's art too and try to understand how they work with colours.
2. Work with complementary colours!
Since I paint a lot of romantic illustrations I want them to look pleasing and comforting, which I can accomplish by using complementary colours! You see this a lot with couples that are blue and red coded, for example. And I wanted to do the same thing in the Jayvik piece! For that I used the highlights in their hair!
Tumblr media Tumblr media
Viktor's highlights are a soft pink hue.
Tumblr media Tumblr media
While Jayce's are a soft blue hue.
The colour wheel works perfect for figuring out if two colors compliment each other because they are literally right across from one another!
3. It doesn't have to be true to life.
Pretty self-explanatory, but I thought I'd add it in here anyways. It's important to understand how colour and light works, but you don't always have to follow the rules. Does the rim light look cool but it makes zero sense? Who cares! Keep the cool rim light! Just have fun and fuck around.
4. A little trick to make your life easier!
I'm not excatly the best at colour theory, I still struggle with it quite a bit, but here's a little trick I like to use from time to time:
If you want all your colours to look coherent, take one specific color as your flat colour. Choose a hue that you would like your piece to have. Like this:
Tumblr media
Now you choose whatever colours your characters have and paint them in. For example, here are the skin colours I chose for Jayce and Viktor:
Tumblr media
Looks off, right? These colours don't fit the overall piece at all. So what do we do?
Turn down the opacity! It's that easy, wahoo!
Tumblr media
I went from 100 Opacity to 72 for this specific illustration. And look at that!
Tumblr media
It's so much nicer already! Now you know what colours to use as your actual flats! Just repeat this with every other part of your illustration and you'll have a great starting point. :)
I really hope this was helpful! I'm not an actual teacher and I don't have a proper illustration degree, so some things might not be completely accurate, but I thought I'd try my hand at this anyways!
782 notes · View notes
emziess · 1 month ago
Text
Tumblr media Tumblr media
Oliver Stark as Evan “Buck” Buckley 9-1-1, S08E06 - Confessions ((Guide))
237 notes · View notes