#process tutorial

[steelsartcorner]

If you wouldn’t mind sharing your secrets, can you drop a quick tutorial for the hades art style? You seem to capture it very well!

Hey anon! Thanks so much, I’m flattered you think so!

To be honest there's really no secret, just a lot of trial and error. I am an amateur, but I’ll point out a few of my observations of the amazing Hades team’s work that I attempted to incorporate into this Astarion drawing, especially SuperGiant Games art director Jen Zee. Everything below is just my layman’s observation of her much, MUCH better work. You should check her out yourself!

First off, here’s a simple split out of the whole process (this will be long, more below the cut:)

POSE & PERSONALITY

Hades art is full of personality so the first challenge was to pick a pose that illustrates just one or two aspects of the character. For example, Dionysus from Hades 1 below has a languid, draping pose that reflects his chill-guy party vibes. Just looking at him you get an immediate idea of his personality.

And as much as I love the later wet-cat version of Astarion as he matures as a person, for the purposes of illustration in this style I chose a pose and expression that leaned into his early, less complex, more wily self. The dagger, wink, jaunty hips and head tilt are meant to communicate, without additional context, that he’s both trying to be appealing and is not trustworthy. 

LINEWORK & SHADING

Next is the linework and blocking! The Hades art team tends to use a combination of near-mono-thickness black lines, where exterior lines are thicker and interior lines are thinner or have no lines at all. They will often forgo an interior line to communicate form via color blocking instead. The style also makes heavy use of absolute black for the deepest shades, especially on more sinister characters or spooky aspects of a characters design. (See: Zagreus’ three dog head skulls and his red eye perpetually cast in deep shadow.)

It took some back and forth to find the right balance of black shading for Astarion. Too much and he looked too sinister and not approachable enough. Too little and he looked too innocent. 

Picking a strong light source helped with determining the direction and placement of the shadows so that just enough was obscured/revealed. It also helps in differentiating forms from each other so that, for example, the arm doesn’t disappear into the chest and become unreadable.

Using heavy black shading was a particularly useful trick in Astarion’s case, because his camp clothes color palette is fairly monochromatic between his light hair, pale skin, and white/cream shirt. That much light color can easily blend in too much and become boring: the flats I used were slight variations of white, from a warm reddish-peach to a yellowy cream to a cool light gray for the dagger.

COLOR & LIGHTING

Last is color! In Hades 1 and even more so in Hades 2, the lighting schemes are deceptively complex. There are often multiple light sources and use of bounce lighting to add a lot of visual interest. For example, check out this lighting on Polyphemus from Hades 2:

Not only does he have a cool moonlight hitting him from above, he also has a warm orange rimlight lighting him from the left, AND cool lavender bounce light bouncing off the ground and hitting him from below. All these combine and layer on top of one another to help emphasize the forms of the cyclop’s musculature and the textures of his sheep wool coat. 

I don’t think I was as successful in my own lighting scheme, because I’m an amateur, but I determined that the scene in which I was placing Astarion has a high sun and was outdoors. This means that the light hitting him from above would be a light, warm yellow and the bounce light hitting him from the left would reflect the nearby water and blue sky of the environment. 

To achieve this, I made use of different layer modes in my art program (Clip Studio Paint) to apply purple shadows (via the Multiply layer mode) and highlights (via the Soft Light layer mode) in a light sky blue and a light yellow for the primary and secondary light sources.

I ran into trouble with the blade, because it was also a light metal in an already light-color-heavy color scheme. At first, it was blending in too much and hard to read. So I decided to give it a bit of a magic teal glow to help it stand out, which meant adding a few specks of magic light reflecting back onto the face and clothes as well. 

INTEREST & DETAILS

Speaking of, Hades style art makes extensive use of adding little speckles of high-saturation color to add visual interest and cohesion. See this Zagreus portrait which is primarily made of grays, a tan bone-color, and reds: 

But sprinkled in are neon teal and magenta that don’t relate to the lighting at all. It’s just there to break up the blocks of color, bring unique colors like his green eye into the rest of the portrait, and direct the viewer’s eye. These highlights are slightly less bright in Hades 2, but still there, such as in this depiction of Apollo, who mostly glows with a warm sunlight but also has random pops of sky blue and green flecking his armor and hair.

The pops of color are often placed more centrally on the figure to keep your eye on the important parts of the portrait, like near Apollo’s face and on his armor. The color pops aren’t as frequent at the extremities; too much on the arm and your eye would be drawn away from his face.

I took a similar approach where I grabbed some of the brighter colors (like Astarion’s red eye, and the teal glow of the dagger), to add dabs of color that normally would not “make sense” from a lighting perspective, but add a little visual interest:

Also I totally studied their approach to Apollo’s curly hair to create the impression of Astarion’s curls!

Anyway, I think that's all I got for now, I hope this helps! There's more but this is already REALLY long so I'll stop here. In the end, it's really just a process of observation and replication of things you love in artwork you admire. Give it a try, it's a lot of fun :)

[heikala]

Here’s a video on why I only use a pen to sketch ✅ Hope you try it out, it has helped me tremendously to streamline my process and improve faster ☺️💕

[iraprince]

gonna show u guys a little opalescent highlight hack i threw together today

rainbow gradient above your main figure (i usually have all my main figure folders/layers in one big folder, so i can clip gradient maps + adjustments to it!). liquify tool to push the colors around a bit. STAY WITH ME I KNOW IT LOOKS STUPID RN I'M GOING SOMEWHERE WITH THIS

THEN: set it to add/glow (or the equivalent in ur drawing program), lower the opacity a bit, and apply a layer mask. then u can edit the mask with whatever tools you like to create rainbow highlights!!

in this case i'm mostly using the lasso fill tool to chip out little facets, but i've also done some soft airbrushing to bring in larger rainbow swirls in some areas. it's pretty subtle here, but you can see it better when i remove the gradient map that's above everything, since below i'm working in greyscale:

more granular rambling beneath the cut!

u could also just do this with a brush that has color jitter, but what i like about using layer masks for highlight/shading layers is how simple and reversible it makes everything. i can use whatever brushes i want, and erasing/redoing things is super low stakes, which is great when i often approach this stuff with a super trial-and-error approach.

example: have u ever thrown a gradient w multiple colors over an entire piece, set it to multiply etc, and then tried to erase it away to carve out shadows/highlights? it's super frustrating, bc it looks really good, but if u erase something and then change ur mind later, u basically would have to like. recreate the gradient in the area u want to cover up again. that's how i used to do things before figuring out layer masks!! but masking basically creates a version of this with INFINITE undo bc u can erase/re-place the base layer whenever u want.

anyway, back to rambling about this specific method:

i actually have TWO of these layers on this piece (one with the liquified swirls shown above, and another that's just a normal concentric circle gradient with much broader stripes) so i can vary the highlights easily as needed.

since i've basically hidden the rainbow pattern from myself, the colors in each brushstroke i make will kind of be a surprise, which isn't always great -- but easily fixable! for example, if i carve out a highlight and it turns out the rainbow pattern in that area is way too stripey, i can just switch from editing the mask to editing the main layer and blur that spot a bit.

also, this isn't a full explanation of the overall transparency effect in these screencaps! there's other layer stuff happening below the rainbow highlights, but the short version is i have all this character's body parts in different folders, each with their own lineart and background fill, and then the fill opacity is lowered and there's multiply layers clipped to that -- blah blah it's a whole thing. maybe i'll have a whole rundown on this on patreon later. uhhh i think that's it tho! i hope u get something useful out of this extremely specific thing i did lmao

[juubli]

Here are some of process snapshots of this piece of Astarion in Baldur's Gate.

I am a messy painter and I often adjust and change the designs as I paint. (Mostly because I don't have the patience to do proper line art haha)

I start out with a rough sketch, I usually sketch ideas out on my ipad and move to my cintiq to work with colors.

Next I block in rough color thumbnail. I keep this part messy as I just want to figure out the value structure and the overall mood.

At this point, I have collected a myriad of screenshots and reference images from the game, pinterest, and also from artists work that inspires me.

With the references on one screen, I start to paint the details, I work from foreground to midground to background. (Sometimes I'll bounce between the depth when I get bored from painting one thing for too long)

Sometimes after I block in the colors I'll make adjustments. I didn't like how warped the perspective was getting on the building on the screen right side, so I adjusted the vanishing point and added more tiers to the design. I went back into the game and looked at more how the stairs were designed and figured it out more thoroughly with a sketch on on top.

I think sitting down and doing the details is the most time consuming part. I still want the focus to be on the character despite all the detail going on the background. At this point I'm toggling on black & white filters constantly to check the value, grouping everything in the background together, making sure the lighting frames the subject in focus. At this point I realized, I forgot to paint Astarion's hair LOL, and that the bg was getting a bit too detailed, so I used a more textured brush and painted away some of the edge details of bg buildings.

Last, I make final adjustments, and I make a overall lighting/fx adjustment folder. Adding in some noise, adjusting the contrast, color balance, and lighting over all and call it done!

Link to Print shop!

[alfheimr]

My Favorite Cheap Art Trick: Gradient Maps and Blending Modes

i get questions on occasion regarding my coloring process, so i thought i would do a bit of a write up on my "secret technique." i don't think it really is that much of a secret, but i hope it can be helpful to someone. to that end:

this is one of my favorite tags ive ever gotten on my art. i think of it often. the pieces in question are all monochrome - sort of.

the left version is the final version, the right version is technically the original. in the final version, to me, the blues are pretty stark, while the greens and magentas are less so. there is some color theory thing going on here that i dont have a good cerebral understanding of and i wont pretend otherwise. i think i watched a youtube video on it once but it went in one ear and out the other. i just pick whatever colors look nicest based on whatever vibe im going for.

this one is more subtle, i think. can you tell the difference? there's nothing wrong with 100% greyscale art, but i like the depth that adding just a hint of color can bring.

i'll note that the examples i'll be using in this post all began as purely greyscale, but this is a process i use for just about every piece of art i make, including the full color ones. i'll use the recent mithrun art i made to demonstrate. additionally, i use clip studio paint, but the general concept should be transferable to other art programs.

for fun let's just start with Making The Picture. i've been thinking of making this writeup for a while and had it in mind while drawing this piece. beyond that, i didn't really have much of a plan for this outside of "mithrun looks down and hair goes woosh." i also really like all of the vertical lines in the canary uniform so i wanted to include those too but like. gone a little hog wild. that is the extent of my "concept." i do not remember why i had the thought of integrating a shattered mirror type of theme. i think i wanted to distract a bit from the awkward pose and cover it up some LOL but anyway. this lack of planning or thought will come into play later.

note 1: the textured marker brush i specifically use is the "bordered light marker" from daub. it is one of my favorite brushes in the history of forever and the daub mega brush pack is one of the best purchases ive ever made. highly recommend!!!

note 2: "what do you mean by exclusion and difference?" they are layer blending modes and not important to the overall lesson of this post but for transparency i wanted to say how i got these "effects." anyway!

with the background figured out, this is the point at which i generally merge all of my layers, duplicate said merged layer, and Then i begin experimenting with gradient maps. what are gradient maps?

the basic gist is that gradient maps replace the colors of an image based on their value.

so, with this particular gradient map, black will be replaced with that orangey red tone, white will be replaced with the seafoamy green tone, etc. this particular gradient map i'm using as an example is very bright and saturated, but the colors can be literally anything.

these two sets are the ones i use most. they can be downloaded for free here and here if you have csp. there are many gradient map sets out there. and you can make your own!

you can apply a gradient map directly onto a specific layer in csp by going to edit>tonal correction>gradient map. to apply one indirectly, you can use a correction layer through layer>new correction layer>gradient map. honestly, correction layers are probably the better way to go, because you can adjust your gradient map whenever you want after creating the layer, whereas if you directly apply a gradient map to a layer thats like. it. it's done. if you want to make changes to the applied gradient map, you have to undo it and then reapply it. i don't use correction layers because i am old and stuck in my ways, but it's good to know what your options are.

this is what a correction layer looks like. it sits on top and applies the gradient map to the layers underneath it, so you can also change the layers beneath however and whenever you want. you can adjust the gradient map by double clicking the layer. there are also correction layers for tone curves, brightness/contrast, etc. many such useful things in this program.

let's see how mithrun looks when we apply that first gradient map we looked at.

gadzooks. apologies for eyestrain. we have turned mithrun into a neon hellscape, which might work for some pieces, but not this one. we can fix that by changing the layer blending mode, aka this laundry list of words:

some of them are self explanatory, like darken and lighten, while some of them i genuinely don't understand how they are meant to work and couldn't explain them to you, even if i do use them. i'm sure someone out there has written out an explanation for each and every one of them, but i've learned primarily by clicking on them to see what they do.

for the topic of this post, the blending mode of interest is soft light. so let's take hotline miamithrun and change the layer blending mode to soft light.

here it is at 100% opacity. this is the point at which i'd like to explain why i like using textured brushes so much - it makes it very easy to get subtle color variation when i use this Secret Technique. look at the striation in the upper right background! so tasty. however, to me, these colors are still a bit "much." so let's lower the opacity.

i think thats a lot nicer to look at, personally, but i dont really like these colors together. how about we try some other ones?

i like both of these a lot more. the palettes give the piece different vibes, at which point i have to ask myself: What Are The Vibes, Actually? well, to be honest i didn't really have a great answer because again, i didn't plan this out very much at all. however. i knew in my heart that there was too much color contrast going on and it was detracting from the two other contrasts in here: the light and dark values and the sharp and soft shapes. i wanted mithrun's head to be the main focal point. for a different illustration, colors like this might work great, but this is not that hypothetical illustration, so let's bring the opacity down again.

yippee!! that's getting closer to what my heart wants. for fun, let's see what this looks like if we change the blending mode to color.

i do like how these look but in the end they do not align with my heart. oh well. fun to experiment with though! good to keep in mind for a different piece, maybe! i often change blending modes just to see what happens, and sometimes it works, sometimes it doesn't. i very much cannot stress enough that much of my artistic process is clicking buttons i only sort of understand. for fun.

i ended up choosing the gradient map on the right because i liked that it was close to the actual canary uniform colors (sorta). it's at an even lower opacity though because there was Still too much color for my dear heart.

the actual process for this looks like me setting my merged layer to soft light at around 20% opacity and then clicking every single gradient map in my collection and seeing which one Works. sometimes i will do this multiple times and have multiple soft light and/or color layers combined.

typically at this point i merge everything again and do minor contrast adjustments using tone curves, which is another tool i find very fun to play around with. then for this piece in particular i did some finishing touches and decided that the white border was distracting so i cropped it. and then it's done!!! yay!!!!!

this process is a very simple and "fast" way to add more depth and visual interest to a piece without being overbearing. well, it's fast if you aren't indecisive like me, or if you are better at planning.

let's do another comparison. personally i feel that the hint of color on the left version makes mithrun look just a bit more unwell (this is a positive thing) and it makes the contrast on his arm a lot more pleasing to look at. someone who understands color theory better than i do might have more to say on the specifics, but that's honestly all i got.

just dont look at my layers too hard. ok?

[kaiju-krew]

draw lizard✏️

-

i hope this isn’t too Draw The Rest Of The Fucking Owl 😭 i feel like i’m awful at explaining these kinda things but i hope this might help someone a lil bit. i’m working on one for his full body too, but wanted to cover expressions here since i get asked about them a lot!

[meanbossart]

Process of last night's drawing! I also posted a more in-depth guide for it on Patreon for those interested.

[schweizercomics]

In ain’t one to draw a perspective grid and then place figures in it; it’s never worked for me. So here’s my method!

[kelogsloops]

'From Sketch to Finish'

Last day to grab my artbook before the campaign ends! The book shares the artistic journey from my earliest drawings, to the paintings I make today. The book includes painting tutorials, art tips, advice on art style & an in-depth insight into how I make paintings from sketch, to finish.

Check it out here: The Artbook

#brbchasingdreams

[girlboyburger]

I have a cow oc and I’m having a lot of trouble drawing there face any tips?

i reaalllllly recommend doing studies! don't be scared to trace some photos to get a feel for the shapes, or just go nuts and make em cartoony! i personally try and pick out species-specific traits to emphasize when i draw furries, like a cow's barrel shaped body and small mouth, or the canine lower teeth before fangs and rounded triangle ears on wolves.

i'm not very good at explaining my process, but i hope this helps!

[wombywoo]

Ok! I've finally decided to put together a (somewhat) comprehensive tutorial on my latest art~

Please enjoy this little step-by-step 💁‍♀️

First things first--references!

Now I'm not saying you have to go overboard, but I always find that this is a crucial starting point in any art piece I intend on making. Especially if you're a detail freak like me and want to make it as realistic as possible 🙃

As such, your web browser should look like this at any given point:

Since this is a historical piece, it means hours upon hours of meaningless research just to see what color the socks are, but...again. that isn't, strictly, necessary 😅

Once I've compiled all my lovely ref pics, I usually dump them into a big-ass collage ⬇️

(I will end up not using half of these, alas :'D)

Another reference search for background material, and getting to showcase our models of choice for this occasion~

When picking a reference for an actor or model, the main thing I keep in mind (besides prettiness 🤭) is lighting and orientation. Because I already kinda know what pose I'm gonna go with for this piece, I can look for specific angles that might fit the criteria. I should mention that I am a reference hound, and my current COD actor ref folder looks like this:

Also keep in mind, if you're using a ref that you need to flip, make sure you adjust accordingly. This especially applies to clothing, as certain things like pants zippers and belt buckles can be quite specific ☝️

Now that we've spent countless hours googling, it's time to start with a rough sketch:

It doesn't have to be pretty, folks, just a basic guideline of where you want the figures to be.

The next step is to define it more, and I know this looks like that 'how to draw an owl' meme, but I promise--getting from the loose sketch above to below is not that difficult.

Things to keep in mind are--don't go too in-depth with the details, because things are still subject to change at this point. In terms of making a suitable anatomically-correct sketch, I would suggest lots of studying. This doesn't even have to be things like figure drawing, I genuinely look at people around me for inspiration all the time. Familiarize yourself with the human form, and things like weight, proportions, posing will seem a little more feasible.

It's also important at this stage to consider your composition. Remember to flip the canvas frequently to make sure you're not leaning to one side too often. I'm sure something can be said for the spiral fibonacci stuff, which I don't really try to do on purpose, but I think keeping things like symmetry and balance in mind is a good start ✌️

Next step is just blocking in the figures. Standard. No fuss 👍

Now onto the background!

It's frankly hilarious how many people thought I was *hand-drawing* these maps and stuff 😂😂 I cannot even begin to comprehend how insanely difficult that would be. So yeah, we're just taking the lazy copy and paste way out 🤙

I almost always prepare my backgrounds first, and this is mostly to get a general color scheme off the bat. For collage work, it's really just a matter of trial and error, sticking this here, slapping this there, etc. I like to futz around with different overlay options until I've found a nice arrangement. Advice for this is just--go nuts 🤷‍♀️

Next, I add a few color adjustments. I tend to make at least 2 colors pop in an art piece, and low and behold, they usually tend to be red and blue ❤️💙There's something about warm/cool vibes, idk man..

Now we move on to coloring the figures. This is just a basic block and fill, not really defining any of the details yet.

Next, we add some cursory values. Sloppy airbrush works fine, it'll look better soon I promise 🙏

And now--rendering!

I know a lot of beginner artists are intimidated by rendering, and I can totally understand why. It's just one of those things you have to commit to 💪

I've decided to show a brief process of rendering our dear Johnny's face here:

Starting off, I usually rely on the trusty airbrush just to get some color values going. Note--I've kept my sketch layer on top, but feel free to turn it on and off as you work, so as to not be too bound to the sketch. For now, it's just a guideline.

This next stage may look like a huge jump, but it's really just adding more to the foundation. I try to think of it like putting on make-up in a way~ Adding contours, accentuating highlights. This is also where I start adding in more saturation, especially around areas such as ears, nose and lips. Still a bit fuzzy at this point, but that's why we keep adding to it 💪

A boy has appeared! See--now I've removed most of the line layer, and it holds up on its own. I'll admit that in order to achieve this realistic style, you'll need lots and lots of practice and skill, which shouldn't be discouraging! Just motivate yourself with the prospect of getting to look at pretty men for countless hours 🙆‍♀️

I'll probably do a more in-depth explanation about rendering at some point, but let's keep this rolling~

Moving forward is just a process of adding to the figures bit by bit. I do lean towards filling in each section from top to bottom, but you can feel free to pop around to certain parts that appeal to you more. I almost always do the faces first though, because if they end up sucking, I feel less guilty about scrapping it 😂 But no--I think he's pretty enough to proceed 😚

They're coming together now 🙆‍♀️ Another helpful tip--make sure you reuse color. By that, I mean--try to incorporate various colors throughout your piece, using the eyedropper tool to keep a consistent palette. I try to put in bits of red and blue where I can

Here they are fully rendered! Notice I've made a few subtle changes from the sketch, like adjusting the belt buckles because I made a mistake 😬 Hence why you shouldn't put too much stock in your initial sketch~

The next step is more of a stylistic choice, but I usually go over everything with an outline, typically in a bright color like green. Occasionally, I can just use my initial line layer, but for this, I've made a brand new, cleaner line 👍

And the final step is adjusting the color and adding some text:

Tada!! It's done!

All in all, this took me the better part of a week, but I have a lot of free time, so yeah ✌️

I hope you appreciated that little walkthrough~ I know people have been asking me how I do my art, but the truth is--I usually have no clue how to explain myself 😅 So have this half-assed tutorial~

As a bonus, here is a cute (cursed) image of Johnny without his mustache:

A baby, a literal infant child !!! who put this wee bairn on the front lines ??! 😭

Anyway! peace out ✌️

[8pxl]

how 2 cloud

[vinnybox]

l

Helloooo! I love how you draw your Maxwells and Wilsons!!! I would like to ask, what's ur general guide to drawing them? (In terms of face features, face shape, hair etc) Have a nice day!!

Hi anon :) Thank you so much! Im glad you like how I've drawn these two! That's a good question actually!

I have a few things in mind while drawing them so I'll do my best to explain them. I'll also include the full sketch pages and timelapse of me breaking down how I draw them.

This is about to get REALLY lengthy

WILSON

I simply his nose to scalene triangle (slightly pointed down). I think he'd most likely have an aquiline nose. I tend to just draw it in one stroke tho so sometimes his nose looks a bit different but the idea is there.

Wilson's face is like an upside down teardrop to me so the lower part of his face is narrower (?).

Hair is sectioned into 3 main parts. Top, Middle, Bottom. I keep them in their "general area" with some part overlapping into the other section's area. If that makes any sense SHDSHD

Widow's peak hairline and temple peak (correct me if I'm wrong- English isn't my first language)

Tired eyes. Lines under the eyes? The shape vary a lot when I draw, so it really depends on how stylized you wanna be or if you wanna go for something more realistic.

MAXWELL

Hooked nose. Simplified into a slanted rectangle shape (?)

Wrinkles! Give him wrinkles near his nose and corner of his lips! Also forehead!

Eyebrows miiight be steep arched?? idk I just do whatever this is vvv

Lips consist of "M" part at the top and a trapezoid shape for the bottom.

He got that receding hairline rizz

Shape of the hair follows head. I like to simplify it into a blocky shape.

SKETCH PAGES

Im not sure how comprehensible this is but I appreciate your curiosity!

My thought process literally boils down to "How fast can I make this?" So I am not the most consistent with how I draw a lot of things.

AGAIN!! This is how I do it and everyone is going to have a different interpretation of the characters and how they are drawn. Just have fun with it :D

[will41n]

so i was like in a REALLY BAD artblock and started playing around with brushes and colours and tried to figure out the process and made this !!! grian <33

i think im gonna stick to this shading cuz i love how it turned out

[raegunblastart]

Artist: RaeGunBlast

[stealingpotatoes]

plz we need tutorial how you draw characters please please please please please please i will order u a bag of potatoes please please please

i think my process is better than any tutorial I could give, so here's the timelapse for my may the 4th art!!!!!