SupercART Gautier

me yesterday: i think i’ll pass on arms

Here’s my piece for the December page of the 2016 Homestuck Calendar!

…I’ve been aching to show this off for a long time…

Here’s a little fanart to accompany a BIG occasion!

Undertale, by the cool and funny and talented Toby Fox, is here! This game is an incredible experience, with hilarious surprises at every turn, gripping gameplay, a stunningly catchy soundtrack, and an often-heartwrenching story.

Undertale is going to become the talk of the town very very fast! If you’re going in totally cold, there’s a free demo you can try that covers the first area of the game. But even if you have played the demo, the game has so much more in store than you’d ever guess! 

oh hey its a honey crab

I’ve been drawing ytris a ton (not much that I’ve been happy enough with to share), but I hadn’t really been drawing honey at all or refining her design, and that seems like a mistake since she is the title character and will show up on page one

It’s cliffhangeriffic! It’s denouement-tastic! it’s done!

Alright so I made this graph. Note that only the y-axis is relevant; the x-axis does not represent any quantity and only exists for the sake of visual arrangement.

QUICKTERMS:

Hue - The “flavour” of a colour; whether a colour is bluish, reddish, tealish, etc

Value - The lightness of a colour. Maximum value is pure white, zero value is pure black.

Chroma - The strength or paleness of a colour. Having no chroma means a colour is black, white, or a shade of grey.

When working with digital colours, it’s good to have an understanding of the properties that different hues have, especially regarding value. A colour system like Photoshop’s HSB picker will tell you that pure blue and pure yellow have the same “Brightness”, but this is of limited use, since that system defines “Brightness” in a numerically-centric way that doesn’t have much to do with the perceptual value of a colour.

Every pixel on your monitor emits some combination of R (red), G (green), and B (blue). The gamut of your monitor represents all the possible colour combinations these components can create. This is an additive system in which the stronger each component is, the lighter the resulting colour is. When all three are emitting maximally, the result is the colour with the highest possible value, pure white (or at least, the purest white your monitor is capable of).

In RGB, colours have the most chroma when one component is maxed out, and one is at zero (the third component can be anywhere inbetween). The plot above shows every possible colour that satisfies this condition, and how light each one is. The larger dots represent the six cardinal hues (red, yellow, green, cyan, blue, magenta). The smaller dots represent the halfway points between those hues.

One can see on this plot that pure blue is much, much darker than pure yellow. Why is this?

The reason is that the R, G, and B components of a colour don’t all contribute equally to its value. G contributes the most, while B contributes the least. This is reflected in the value calculation formula shown above.

Pure blue has only the B component working for it, so it ends up being quite dark. Pure yellow, on the other hand, consists of both the R and G components at their strongest, making it extremely light.

The two most important practical effects of all this are:

Different hues will contribute differently to the light/dark balance of a piece. Keep this in mind when considering how a chosen colour will impact the weight of your composition!