We recently had a handy article on inking with Clip Studio Paint, so hereβs one on doing the thing thatβs in the programβs title.
How is CSP Different From Photoshop?
Itβs designed specifically for drawing and painting, instead of those being side uses for a catchall imaging program. It has a stronger brush engine with better βhandlingβ and stabilization, better drawing and correction features, and in some ways, more control over tool customization. It excels at lineart in comparison, but its painting brushesβwhile harder to learn initiallyβare very satisfying to use. It also has several different color pickers, instead of Photoshopβs variations on one, that allow for different types of customization.
Brush Settings
All CSPβs built-in brushes essentially work the same, the main differences being between the shapes and textures. Everything else can be adjusted in the Sub Tool Detail window. (The wrench icon.)
Iβll be doing this entire piece with the default Oil Paint brush-
-And mainly adjusting only the brush size, hardness, and brush densityβthe equivalent of Photoshopβs flow. I use that to control the βpaintβ thickness instead of the opacity tool since itβs less likely to cause βoverlaid stripes.β
With some brushes, lowering the density will create a βdry brushβ effect, but not this one since it doesnβt have that texture. Stabilization will be kept around 75. I used to set it to half that when I painted on an older Intuos, but the newer Cintiqs are more sensitive.
Here are some other settings I wonβt be using for this piece, but are important to know:
- Blending Mode: Works just like layer modes, causing different color interactions and changes to the existing image.
- Mix Ground Color: Causes your brush to smear the existing color, like watercolor paint, or wet paint in real life. This was on by default, but I turned it off because it adds another layer of complexity.
- Thickness: Brushβs aspect ratio.
- Spraying effect: Same as photoshopβs βscattering:β turns your brush into dots.
- Stroke: Changes the gap between your the instances of your brushβs pattern.
- Texture: Adds a texture to your brush from the βimage materialsβ library.
- Border of Watercolor: Adds darker edges to your brush.
- Post correction: Smooths your curves and sharpens your angles after each stroke.
- Brush stroke: Changes the length of the βtailβ left after you raise the pen.
- Starting and Ending: Allows you to set your brush to taper, fade, or do something weird at both ends of each stroke.
- Anti-overflow: Lets you constrain your painting area to a separate βreference layer.β
On to the painting:
Painting
Iβll be painting u/Inuwa-Angel from Reddit, with thanks for her portrait request and permission to use it for this article.
My reference:
After starting with a paper sketch, I use the polygonal lasso and move tools to make some corrections. The pencil sketch was fairly close for being done from observation with no measuring, but this gets it a bit closer:
If this was going to be a line drawing, I wouldnβt have gone into even this much detail: Using hard lines for every facial crease makes the subject look older. itβs just a placeholder for edges that are going to be much softer, so Iβm just noting where those creases are, not how strong theyβll be.
Some proportions are exaggeratedβslightly wider smile and eyesβsince copying every detail of the photo directly tends to result in more muted expressions than you might want in a drawing. If you want a perfect likeness, take a photo.
I add a paper layer: a background fill layer that canβt be moved or erased.
Layer > New Layer > Paper
You can use any color, but mine will be white.
Then I draw some very thin lineart, so I donβt have to worry about reshaping the features as I keep painting. Many more experienced painters prefer to work without lines or flats, and their power is awe-inspiring, but this can save you work. Iβm using the Darker Pencil, but it doesnβt matter which tool you use.
One of the most common pieces of digital art advice youβll find is to start from a medium-toned canvas instead of white. You will also find that advice here. Itβs far easier to start with a middle tone and paint on highlights and shadows, than to start at the brightest value and paint literally everything else. I typically start with 50% gray, then cover it with other neutral colors during the βflattingβ stage.
Layer > New Fill Layer > Set it to 50% gray
Hearkening back to The Nuts and Bolts of Color Theory, I used an eyedropper sample of her skin to generate a palette with Adobe Color.
I played with the settings until I got one with a medium brown, a blue for the shirt, a green for the background, and a purple for the headband. Thankfully, her outfit colors are also well-coordinated.
All others in the painting will be made by either changing these colorsβ saturation and value (but not hue) and mixing them.
The Hue-Saturation-Value panel.
Β
Skipping ahead, hereβs what ended up being the final palette once the piece was done.
I lay in the basic areas of color with the fill tool and the pencil. This is called βflatting.β
Then I draw the shirt and paint in large areas of medium lights and shadows, using a medium-size brush, by turning the color values 15% up or 15% down from their base: Base skin is 65% value. First shadow pass is 50%, first light pass is 80%, and more desaturated.
And weβre done!
…OK, itβs not very flattering yet, but all is as itβs supposed to be. Your piece will often look downright awful in the early stages. The best art advice Iβve ever gotten is to stick with your piece because it will suck until it suddenly comes together towards the end.
I do a second pass of shadows and lights, adjusted another 15% down and up, respectively. (50% and 95%) but with a much lower-density brush.
Still unflattering, but starting to take on some life.
Next stage will be where the bulk of the painting gets done. I blend by eyedroppering the edges of strokes, where one begins to fade into the next, then painting more of that color in the middle with a low-density brush until itβs smooth. Often very low density. Like 3-10%.
Then I adjust the value slider freely to add the brighter highlights and the darker darks, monitoring the thumbnail while I do it to ensure the overall balance looks good.
Yeah, yeah, I know:
Β
But even though this is by far the longest stage, itβs the simplest.
Finally, with our subject dialed in, itβs time to do the background. For pictures where the background is an important part of the image, I recommend doing it first, but for ones like this where itβs more an afterthoughtβan annoyance, evenβitβs fine to do it last to make sure it coordinates with our portraitβs final colors.
I tried to paint the trees in the background, but they were too distracting due to the uneven shape. They didnβt even read as trees, especially once I blurred them. So instead, Iβm going to paint a bokeh.
I use a brush with low density at about 80% hardness and all pressure settings, including brush size, turned off, then manually adjust the size for each dot.
Finally, I tweak the whole pieceβs colors with adjustment layers to make them more interesting. This isnβt cheating either. Most artists adjust the colors afterwards, just like most art photographers. I raise the saturation a touch to make it pop more, then I add another adjustment layer to turn down the brightness and saturation on the shirt alone, so it looks less plastic.
And finally, I add a texture by dragging and dropping it from the materials panel. This is a rough paper texture, but shrunk down and set to soft light mode.
Finally, I go back and paint in a few of the brightest highlights with a large, soft, low-density brush.
Our finished painting:
Since I constrained myself to one brush here…
I didnβt get to explore the many textures and effects CSPβs others have to offer, or even get into the blending or decoration tools. However, once you know the basics of the sub tool details, itβs just a matter of picking a brush and tweaking those settings to get any effect or texture you want.
There are also countless downloadable brushes and brush packs available all over the internet, both free and paid, and I encourage you to try them. (Just donβt go too crazy, or your menus will get too cluttered to find anything.)
I hope this gave you a good lesson on the basics, but itβs just barely scratching the surface of what this programβs capable of. When it comes to digital painting, CSP can do anything Photoshop can, and in some cases, do it with less hassle.
About the Author and Artist: CS Jones
CS Jones is a Philadelphia-based freelance writer, illustrator, and occasional photographer. He spends his spare time listening to Spotify and waiting for trains. Someday, heβll finish that graphic novel. In the meantime, his work is best seen atΒ thecsjones.comΒ orΒ @thecsjonesΒ on Instagram.