How to ๐ช๐ฒ๐ฎ๐๐ต๐ฒ๐ฟ ๐ง๏ธ ๐๐ฎ๐ฐ๐ธ๐ด๐ฟ๐ผ๐๐ป๐ฑ & ๐๐๐น๐ผ๐
Hi, my name is N, pronounced as "Ann Zero One" I am an Art Vtuber, aka V-artist! I do tutorials, fun entertainment videos, and also story-drawing sessions!
ย
This time around, I am making this CSP tutorial about adding a background to your character art along with using the CSP Free Assets and different brushes to create whole new vibes and atmosphere in your artwork!
(๐ป๐๐โ๐๐ฆ ๐๐๐๐๐๐๐๐๐๐๐ ๐๐ ๐๐๐๐๐๐๐๐ฆ ๐๐ ๐ฆ๐๐ข ๐๐๐ ๐๐๐ค ๐ก๐ ๐ถ๐๐๐ ๐๐ก๐ข๐๐๐)
๐ฉ๐๐๐๐ข ๐ฉ๐ฒ๐ฟ๐๐ถ๐ผ๐ป ๐จ๐ฅ๐:
ย
This Tutorial will cover a Moody Gloomy Rain weather and vibe, a Dramatic Sunset, and a Cold, Melancholy Snowfall.
๐ป๐๐ค๐๐ฃ๐๐, ๐กโ๐๐ ๐ ๐๐๐กโ๐๐๐ ๐๐๐ ๐๐ ๐ข๐ ๐๐ ๐ก๐ ๐๐๐๐๐ก๐ ๐๐๐๐๐ ๐ก ๐๐๐ฆ ๐ก๐ฆ๐๐ ๐๐ ๐ค๐๐๐กโ๐๐. ๐ด๐๐ ๐๐ ๐ฆ๐๐ข โ๐๐ฃ๐ ๐๐๐ฆ ๐๐ข๐๐ ๐ก๐๐๐๐ , ๐๐๐๐ ๐๐๐๐ ๐ก๐ ๐๐๐ ๐ ๐๐๐ ๐๐!
๐๐ข๐ท๐ช๐ฏ๐จ ๐ฐ๐ถ๐ณ ๐ฅ๐ณ๐ข๐ธ๐ช๐ฏ๐จ ๐ช๐ฏ ๐ข ๐ฏ๐ข๐ต๐ถ๐ณ๐ข๐ญ ๐ด๐ต๐ข๐ต๐ฆ ๐ธ๐ช๐ต๐ฉ ๐ข๐ฎ๐ฃ๐ช๐ฆ๐ฏ๐ต ๐ญ๐ช๐จ๐ฉ๐ต๐ช๐ฏ๐จ, ๐ฎ๐ฆ๐ข๐ฏ๐ช๐ฏ๐จ ๐ธ๐ช๐ต๐ฉ๐ฐ๐ถ๐ต ๐ข๐ฏ๐บ ๐ฅ๐ช๐ณ๐ฆ๐ค๐ต๐ช๐ฐ๐ฏ๐ข๐ญ ๐ญ๐ช๐จ๐ฉ๐ต๐ด ๐ฑ๐ข๐ช๐ฏ๐ต๐ฆ๐ฅ ๐ช๐ฏ ๐ฐ๐ณ ๐ค๐ฐ๐ญ๐ฐ๐ณ๐ด ๐ต๐ฉ๐ข๐ต ๐ข๐ณ๐ฆ ๐ต๐ฐ๐ฐ ๐ค๐ฐ๐ญ๐ฅ ๐ฐ๐ณ ๐ธ๐ข๐ณ๐ฎ, ๐ธ๐ช๐ญ๐ญ ๐จ๐ฆ๐ต ๐ต๐ฉ๐ฆ ๐ฃ๐ฆ๐ด๐ต ๐ณ๐ฆ๐ด๐ถ๐ญ๐ต๐ด.
๐๐ฐ๐ธ๐ฆ๐ท๐ฆ๐ณ, ๐ช๐ต'๐ด ๐ฏ๐ฐ๐ต. ๐๐ฆ๐ค๐ฆ๐ด๐ด๐ข๐ณ๐ช๐ญ๐บ ๐ฏ๐ฆ๐ฆ๐ฅ๐ฆ๐ฅ.
ย
Backgrounds - the easy CSP assets way๐ผ๏ธ
To start, weโll create a cloudy, gloomy rainy atmosphere that will allow us to go over multiple methods we will need to create other moods using weather.
Weโll begin by first getting some free essential materials from the Clip Studio Asset store that can be opened by clicking on the โFileโ at the top left tab and then hovering down to the โOpen Clip Studioโฆ.โ option
Inside this newly opened window, we will first navigate to the Clip Studio Assets tab on the left.
ย
Then, in the search window, look for Background, filter it by Image Material, sort it by Popular, and look for a fitting background image.
ย
Download the background by clicking on the red button in the top right
and then navigate to the โManage Materialsโ tab on the left.
Now you can simply drag and drop the background onto the canvas,
reorder the background layer to be behind the character,
And Using the filters tab, you can optionally blur the background image if you wish to add some depth. By Navigating to Blur and choosing Gaussian blur.
ย
Gradientmap - Tie it all together! ๐ช๐ง๐ฆ
You might notice that the character doesn't exactly fit the background, so we will use Gradientmaps to fix this.
Gradient maps change the base colors of our drawing; it will require getting new Gradient maps from the Clip Studio Assets or Creating your own. We will go over the aforementioned method in this tutorial.
I will search for Gradient Maps,
set the search to the most popular, and then choose a gradient map that looks fitting with a Rainy weather vibe
๐๐ฐ๐ฏ๐ต๐ฆ๐ฏ๐ต ๐๐ ๐ถ๐ด๐ฆ๐ฅ ๐ง๐ฐ๐ณ ๐ต๐ฉ๐ช๐ด ๐๐ข๐ณ๐ต๐ช๐ค๐ถ๐ญ๐ข๐ณ ๐๐ถ๐ต๐ฐ๐ณ๐ช๐ข๐ญ: 1723549 - ๐๐ฌ๐บ
After it finishes downloading, you can simply open up the Gradient map window in Clip Studio by going to the โLayerโ Tab on the top left near where the โFileโ Tab was for opening the Assets window.
ย
There, under โLayerโ, you will want to navigate to the โNew Correction Layerโ option and go to the Gradient Map option
This will create a new layer in your Layers window
while also opening the Gradient Map window.
ย
From there, Click on this wrench icon inside the Gradient Map window
And navigate to โAdd gradient set.โ It will open a small window showing you which materials you have yet to add,
and then Select your newly downloaded Gradient set.
ย
And then click on Add! =)
(๐ท๐๐โ๐ก ๐๐ ๐ค๐๐๐ฆ ๐๐๐๐ข๐ก ๐๐๐ ๐ก๐๐๐๐๐๐ ๐๐ข๐๐ก๐๐๐๐ ๐ก๐ฆ๐๐๐ ๐๐ ๐๐๐๐๐๐๐๐ก ๐๐๐๐ . ๐ด๐ ๐ถ๐๐๐ ๐๐ก๐ข๐๐๐ ๐ ๐๐๐ก๐ ๐กโ๐๐ ๐๐ข๐ก๐๐๐๐ก๐๐๐๐๐๐ฆ ๐๐๐ก๐ ๐๐๐๐ข๐๐ ๐๐ฆ ๐๐๐๐ ๐๐๐ ๐๐ ๐ ๐๐ก.)
In our Gradient window, we can browse the different newly downloaded Gradient maps to find one that fits the mood we are looking for.
If the gradient window is created under the character, you might need to drag it to sit on top of our character and then clip it on using this โClip to Layer Bellowโ button.
The artwork will appear a bit dissonant as you browse the different gradient options at first, however,
ย
After finding the right color scheme for us, we will navigate to the Gradient map Layer in the Layer Window and click on the drop-down menu that, by default, says normal, the blending option for the layer.
ย
And navigate down to the โColorโ options. At times the Overlay and Multiply or Add Glow options work well too. However, for this one, Iโll be choosing the Color Option. And lower the opacity to about 45% percent.
ย
And we can already see how much better our character fits the background!
ย
๐๐ฉ๐๐๐ข๐๐ฅ ๐๐ซ๐ฎ๐ฌ๐ก๐๐ฌ - ๐๏ธ
You might notice that we lack rain for our rainy weather mood, so we can now navigate to the clip studio Assets to obtain brushes to create the rain!
ย
Searching for โRain brush,โ we will find brushes that are made to create a rain effect.
ย
ย
๐๐ฐ๐ฏ๐ต๐ฆ๐ฏ๐ต ๐๐ ๐๐ด๐ฆ๐ฅ ๐ง๐ฐ๐ณ ๐ต๐ฉ๐ฆ ๐๐ข๐ช๐ฏ ๐ฃ๐ณ๐ถ๐ด๐ฉ๐ฆ๐ด ๐ข๐ณ๐ฆ ๐๐: 1668309 ๐๐: 1550003 ๐๐: 135881
After downloading them. You must drag them onto your brushes from the manage material tab to use them!
Create a new layer above and below your character,
and start creating some foreground and background rain! using the brushes we just downloaded
You can also slightly blur the background rain as we did in the background! And even use some large rain droplets in the front and blur them out a bit as -well.
After we made a gloomy rainy vibe, we can re-do the same process with other weather and vibes.
๐ฆ๐๐ป๐๐ฒ๐ ๐๐๐น๐ผ ๐
Just like earlier, we will go get our background, put our character in a layer above, and then apply the gradient map.
ย
And as needed, we will have to add brushes behind and in front of the character; in this case, I got a sunset vibe background image that I have blurred like earlier and used an orange-purple gradient map while getting some dust brushes to create the same effect as we had with the rain.
ย
However, even though we have color-corrected our character, the values are still a bit off,
ย
Since the light source comes from behind, we want to increase the shadows on the character so it looks a bit more dramatic so that we will make a new layer with the multiply blending mode. Clip it on to our character layer
Fill the new multiply layer with a dark purple-blue and lower its opacity to about 65% and then make a mask by clicking this button and start erasing the edges of our dark purple layer to create a sort of hallow effect.
ย
We will then make a new add(glow) layer on top to add some saturated orange colors at the same areas we had deleted in the mask earlier.
To create a bit of a saturated halo effect adding warmth and a refraction effect.
It is important not to clip this layer down as the added benefit of some spilling color will only add to the contrasting effect.
ย
๐ฆ๐ป๐ผ๐๐ ๐๐ฒ๐ฎ๐๐ต๐ฒ๐ฟ ๐ฎ๐ป๐ฑ ๐๐๐น๐ผ โ๏ธ
At this point, I hope we established a workflow to work with so that you won't feel lost whenever you try to make your own weather vibes.
ย
By starting with a Backgroundimage, Background Brush, character layer Foreground Brush, and then a clipped down Gradientmap onto our character.
ย
And as we have seen earlier with the sunset vibe, we have different elements coming into play depending our weather,
ย
for a Snowy calm sort of mood, we will introduce a new type of adjustment layer that will clip down to our character after the gradient map, a Hue/Saturation/Luminosity layer.
ย
Here we will lower our saturation and increase our luminosity to help and actually reduce the colors and contrast in the image to simulate the cold weather with fake atmospheric dust.
ย
ย
BEFORE:
After:
ย
ย
Now we can be done here as this is its own mood.
ย
However, if you want, you can create a new layer and set it to overlay and paint in some of the colors back in.
ย
ย
From adding some red to the lips, nose, cheeks, and ears to adding a new vibrant blue to the eyes,
and by doing this, you will add some saturated points and draw the viewer's eye to those points, effectively making a new focal point.
Closing Notes ๐๏ธ
Hopefully, you found this tutorial helpful. You can create a new unlimited amount of moods with these methods, and of course, you can improve on them and make your own method that suits you better.
ย
If you found this tutorial helpful, and if you have any questions, feel free to comment down below, and Iโll do my best to answer =)
ย
๐ต๐๐๐๐๐๐๐ข๐๐ ๐ผ๐ท๐ : 1379852 (๐๐๐โ๐ก ๐น๐๐๐๐ ๐ก) 1795374 (๐๐๐๐ค๐ฆ) 1921158 (๐๐ข๐๐ ๐๐ก)
๐ต๐๐ข๐ โ๐๐ ๐ผ๐ท๐ : 1722639(๐ท๐ข๐ ๐ก)๐๐: 1668309 ๐๐: 1550003 ๐๐: 135881 (๐ ๐๐๐) 1702509(๐๐๐๐ค)
็่จ