How to ๐—ช๐—ฒ๐—ฎ๐˜๐—ต๐—ฒ๐—ฟ ๐ŸŒง๏ธ ๐—•๐—ฎ๐—ฐ๐—ธ๐—ด๐—ฟ๐—ผ๐˜‚๐—ป๐—ฑ & ๐•๐•€๐”น๐”ผ๐•Š

8,452

Ann.01VT

Ann.01VT

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(๐‘†๐‘›๐‘œ๐‘ค)

็•™่จ€

ๆœ€ๆ–ฐ

ๆœ€ๆ–ฐๅฎ˜ๆ–น