Group Toolbar Menu

Hiatus - Shading Tutorial

Posted by Claine May 14th 2023, 12:15pm
A little tutorial to explain how I colour my webcomics. Firstly, I suggest you watch How I Color Comics with CLIP STUDIO PAINT by Color with Kurt. I watched this when I was still fresh into the Webcomic. This video is aimed at people in the traditional comics industry. For example, it assumes that the flatter will be a different person to the colourist. Webcomics are almost always a one-person show, and with my workload, doing it fast is almost always a higher priority than doing it perfectly. The alterations in my methodology make things quicker but less perfect.

Once I finish my linework, I use the Close and Fill Tool without Gaps tool to flat my work. This method is far less precise than the lasso tool utilised by Kurt in his tutorial.

03_663982-Screenshot-2023-05-11-173942.png
As you can see, it creates all these little tendrils of colour under the linework. This might be bothersome for professional production, but I flat about three times faster with this tool than any other method, so I'm willing to tolerate them. I did have to swap from using a favoured semi-opaque brush for my lines to a heavier one because these tendrils were very apparent in the final product.

Select a colour and lasso your first section.
05_862235-Screenshot-2023-05-12-172006.png

At this point, look to find another area of colour that does not touch your first and lasoo that too.
08_276959-Screenshot-2023-05-12-172329.png

If the colours touch, your fill tool will not work as intended.
09_646694-Screenshot-2023-05-12-172609.png

Once you have filled in as much as you want, create a second layer below and repeat the process.
12_246554-Screenshot-2023-05-12-172739.png23_059193-Screenshot-2023-05-12-174151.png25_067256-Screenshot-2023-05-12-174253.png

If the lineart is not closed, I draw a barrier with a hard pen in the intended colour, and then it lassos as expected.
13_709983-Screenshot-2023-05-12-173045.png14_958785-Screenshot-2023-05-12-173228.png17_311082-Screenshot-2023-05-12-173746.png

I usually fill in minor details (like the whites of the eyes) with the pen tool too.
21_077021-Screenshot-2023-05-12-174029.png18_998952-Screenshot-2023-05-12-174015.png

27_843265-Screenshot-2023-05-12-174336.png
Once I have completed the page, I merge all the flat colours into a single layer.

Next, duplicate your flat layer panel. Select the first panel, select Hue/Saturation/Luminosity and choose a random number. (I have Hue/Saturation/Luminosity on my quick select menu but you can find it in Edit - Tonal Correction -> Hue/Saturation/Luminosity)
28_999151-Screenshot-2023-05-12-174546.png 30_787620-Screenshot-2023-05-12-174902.png

Repeat this for all panels, picking different numbers. If your panels are all very dark (setting scenes in pine forests at night, my beloved), upping the saturation and luminosity also helps. This is less precise than Kurt's method, as there can still be like colours between panels, but it's significantly quicker.
32_764670-Screenshot-2023-05-12-174928.png

Set this new layer as reference. Then move it below the 'correct' flats layer.
34_845796-Screenshot-2023-05-12-175125.png

Create a new layer on 'normal' mode and put it above your flats layer. You can use this layer for details. I put blush and lips on every character, but other details such as clothing patterns, scars, and grass texture can go on this layer.
37_518141-Screenshot-2023-05-12-175250.png

Select the area of your flats layer. Create a new Hard Light layer, and using your selection, fill the panels with colour to give them an 'atmosphere'.
39_884441-Screenshot-2023-05-12-175310.png40_543083-Screenshot-2023-05-12-175335.png

Create a new hard light layer and use the magic wand tool set to 'reference layer' colour the shading of your piece. If you don't like your selected colour, you can modify it with the hue/saturation/luminosity menu.
52_583427-Screenshot-2023-05-12-180347.png 41_872854-Screenshot-2023-05-12-175515.png

Repeat for all sections
43_574650-Screenshot-2023-05-12-175540.png

I use the Faux-toshop brushes in Frenden's Clip Studio Brush Pack. Soft brushes don't work well with the next step for my method, so I recommend a fairly 'dense' brush. Other than that, whatever brush you prefer should work fine!
53_687734-Screenshot-2023-05-12-180658.png

Create another hard light layer. Select the area you want to apply highlights with the magic wand. As a general rule, highlights and shadows are never going to be in the same place - shadow = no light. No light = no highlights. (of course there are exceptions like bounce lighting, but I tend to not worry about that when I'm doing a page). To avoid drawing highlights on top of your shadow, you should first select your area with your magic wand (set to use referred layers mode) then remove the selection of your shadows layer. This can be done by right-clicking the shadow layer, selecting "Selection from Layer", then "Delete Selection", and then returning to your highlight layer. But faffing around in menus 100 times per page and often forgetting to remember to return to the correct layer was tedious, so I created an auto-action to do the job for me. I have uploaded it to the Clip Studio Asset Store if you want to download it!
45_950645-45-836142-Screenshot-2023-05-12-175805.jpg48_962591-48-850001-Screenshot-2023-05-12-175818.jpg

If your shading has a lot of transparency, deleting the selection may not work, but you can slap the auto-action button multiple times. This is the reason I prefer to use a very opaque pen for the shadows. However, you won't ever need to use the auto-action again from this point, so you can use soft brushes in your highlights if you please!
54_155404-54-022028-Screenshot-2023-05-13-142615.jpg

And finally - small details. If there are any glowing effects, I do them above the lineart layer. I go through all the layer types until I find one I like ;;;
51_548722-51-440148-Screenshot-2023-05-12-180129.jpg

And that's it!

If you have any questions feel free to ask.
29_431332-ll.png32_595626-l.png34_442443-rr.png36_176626-r.png

Community Feedback

  1. Samiakki

    May 16th 2023

    12:41pm

    This is very informative! Thank you!

Commenting has been disabled.