Riftwatcher's Water Caller Fan Art

Water Caller Cover.gif
Edited in Canva Pro.

Wood Nymph Smug Divider.gif

Sources and Materials

Below are the materials I used in this art.

Materials Used AE PS PEN.gif
Edited in Canva Pro.

Wood Nymph Smug Divider.gif


It's been a while since the last time I drew an art and this is because while looking at my weekly art entries for Splinterlands, I'm having second thoughts on making one.

I ain't good with digital colors, especially shadows and highlight swatches and it's one of the most basic thing you need to do digital art. I've been doing some research lately, practicing off screen and doing some experiments and this is when I saw @overlood's TARSA Fan Art - Splinterlands Art Contest! Week 175.

It was so amazing that it gave me lots of ideas all at once and gave me confidence that I can do something like this, my own version of the Splinterlands monster instead of trying to duplicate the original one that I've been struggling to do.

Unlike my in depth tutorials, this would be a very shallow one and just including some but not all of my thought process while doing my fan art. This is to cut my time and put more time in the drawing/coloring since the documentation part is the most time consuming when I do my usual stuff.

Wood Nymph Smug Divider.gif

Step 1 Draft

If you would check my inspiration, Tarsa's eyes are different from his version which makes me want to make my own version of Water Caller than abiding with the original.

ART Water Caller Draft.jpg

Wood Nymph Smug Divider.gif

Step 2 Full Draft

Since the fan art canvas is rectangular, I can't use the 2000 x 2000 px that I normally use so instead, I made 1000 px width by 1500 px height.
Step 2 Canvas Size.PNG

Using a 4px brush, I traced the draft. I have separate layer for the right hand, the one doing the peace sign, and the body.

Step 2 Digital Lineart.PNG

Wood Nymph Smug Divider.gif

Step 3 Base Color

Here's the full base color that you can use if you want to make use of this as a guide.
Step 3 Base Color.PNG

Below are the swatches I used for:
Hair Base.PNG

Eyes, Gem Swatch.PNG

Feather on Clothes:
feather base swatch.PNG

Blue part of the Glove:
gloves blue swatch.PNG

White part of the Gloves:
Gloves White Swatch.PNG

Inner Part of Clothes:
inner base swatch.PNG

Clothes and Gloves Lining / Lightning Design:
Lining Swatch.PNG

shirt base swatch.PNG

short base swatch.PNG

skin swatch.PNG

Wood Nymph Smug Divider.gif

Step 4 Shadows

The new technique/changes I would do in this fanart is I did the shadows twice. I think the 1 shadow is not only make my drawing flat, boring and light colored. So, I did two shadows to add more depth.

Step 4.1 Shadows 1

First, the full picture so you can use as a guide for your own works:
Step 4,1 Shadows Full.PNG

These are the switches I used:

  • Hair:
    Hair shadow 1.PNG

  • Feather on Clothes:
    feather shadow 1.PNG

  • Blue part of the Glove:
    blue glove shadow 1.PNG

  • White part of the Gloves:
    Glove White Shadow 1.PNG

  • Inner part of Clothes
    Inner Shadow 1.PNG

  • Clothes and Gloves Lining / Lightning Design:
    Lining shadow 1.PNG

  • Shirt:
    Shirt Shadows 1.PNG

  • Shorts:
    Shorts Shadows 1b.PNG

  • Skin:
    Skin Shadow 1.PNG

I will do the eyes on a separate step to give emphasis on it.

Hard vs Airbrush

Step 4 hard vs airbrush.PNG

One technique I'm applying to this is the use of airbrush mode in Photoshop.

First, everything is shadows using a 100% hardness brush which will have an effect like the one on red circle. I apply this on the hair, and the feather details on the clothes.

Feather 1.PNG

Anything that has strips of hair-like fragment, the max hardness is the one I use.

The airbrush mode can be found on the upper options in the Brush tool.

airbrush mode.png

Combined airbrush mode and 0% hardness gives me a soft ending, which added a bit of gradient like the one in the blue circle. It might not look too different when afar but a bit closer and it does have its effect.

It's more irrecognizable the lighter the color is like in this one.

lining soft 1.PNG

The blue lining is like a guide on how I added the airbrush shade after the first application of the shadow. You add the airbrush on the sides after you add the hard shadow.

Wood Nymph Smug Divider.gif

Step 4.2 Shadows 2

The application of the shadow is not applied to all but only on few parts:
White part of the Gloves:
Gloves White shadows 2.PNG

Clothes and Gloves Lining / Lightning Design:
gloves lining shadows 2.PNG

shadows 2 clothes.PNG

skin shadows 2.PNG

Here's the full view and you already can kind of see some changes based on this side by side view:

Shadows side by side.PNG

Using 0% hardness, 80% opacity, airbrush mode, I added these shadows on top of the other shadows.

I added some pics of a more close up view so you can see the difference more clearly.


gloves 2.PNG

Yellow Lining:

Lining 2.PNG


Skin 2.PNG


shirts 2.PNG

Shadows 2 Full.PNG

Wood Nymph Smug Divider.gif

Step 5 Highlights

Highlights go on the same way as the shadows. I've used 2 highlights on some to make things looks better.

Step 5.1 Highlights 1

The parts that I added highlights are :

  • Hair:
    hair highlight swatch.PNG

  • Eyebrow:
    eyebrow highlights swatch.PNG

  • Blue part of the Glove:
    gloves blue highlights swatch.PNG

  • Clothes and Gloves Lining:
    lining highlight swatch.PNG

  • Shirt:
    shirt highlight swatch.PNG

  • Skin:
    skin highlights swatch.PNG

  • Gem Shine:
    gem shine highlight.PNG

I didn't add highlights to everything, just parts that I think needed that.

I used a brush, enabled airbrush mode, with 0% hardness for this. Here's the full sample of after the highlights were added.

Step 5,1 Highlights full.PNG

Wood Nymph Smug Divider.gif

Step 5.2 Highlights 2

For the second highlight, I only added it in 2 places because adding more would destroy everything. Actually, adding the first highlights kind of already giving me a "too much" vibe but I don't want to make it too dark so I left the highlights as is.

The two places is the top of the head and the gloves. The first image is the 1 highlight and the second image has 2 highlights:

Hair Highlight Swatch:
hair highlights 2 swatch.PNG


head highlights 1.PNG
head highlights 2.PNG

Gloves Highlight Swatch:
glove highlight swatch 2.PNG


gloves highlight 1.PNG
gloves highlight 2.PNG

Wood Nymph Smug Divider.gif

This is the final result after applying 2 shadows and 2 highlights:

Step 5 Highlights full 2.PNG

Step 6 Eyes

Before we start, one suggestion I would say but you may or may not follow this. It's actually up to you. For each step in the eyes, do it in separate layer so if anything goes bad, you won't have issues fixing it.

For the eyes, I first lay the white around the eyes then in the middle of the eyeballs, put the base color:

Eyes 1.PNG

This is the color that I chose:
Eyes 1 swatch.PNG

Using a 0% hardness brush with enabled airbrush mode, adjust the size of your brush to cover the 90% of the eyes. I used around 100-150px for this one:

Eyes 2 100px 0 hardness.PNG

This is the color that I chose for the eye center:
eyes 2 swatch.PNG

I like the eyes where the upper part is darker then going light as it goes down. We're going to darker the upper part:

Eyes 3.PNG

This is the color I chose for this sub-step:
Eyes 3 swatch.PNG

Next is applying the pupil. I think the circle one is boring so I made mine kind of oval like cat eyes but not so much:

Eyes 4.PNG

Of course, use black for it:
EYes 4 swatch.PNG

Lastly would be the highlights. I added three dots of different size and hardness. It's totally up to you on how big or small the highlight is:

Eyes 5 highlights.PNG

For the highlights, pure white is recommended:
Eyes 5 swatch.PNG

Here's the final result with the highlights and shadows added before adding the water effects and particles:

Final 1xxx.PNG

Wood Nymph Smug Divider.gif

Step 7 Water Effects

Water Caller has these water surrounding her in her original art so I kind of wanted to try making my own. I put it separately but the shadows and highlights I will use is probably the same one above in this post.

Below is a sketch of possible water particles. I drew a bunch and then decided on a few to use that would look better with the fan art.


Then I traced it using a blue swatch:

Water 2.PNG

Here's the swatches I used:

water 1 swatch.PNGwater swatch 2.PNGwater swatch 3.PNG

After applying the colors, shadow, highlights and some effects, here's the final result for the water effect that we would apply.

water effect.png

Any case, here's the full view of how it looks after the water particles are applied:

water final.PNG

Wood Nymph Smug Divider.gif

Step 8 Background

I wanted to make a misty background that would fit the concept but don't want a black or dark one so here's what I did:


then finally applied it along with the main fanart and water effects:

Water caller final final.PNG

This is just as an addition. After putting the water effect and background, my drawing seemed too dark so I applied a REALLY soft white filter above to make the different levels complement each other. Here's the final output and my entry for this week's Splinterland's Art Contest.

Final with Soft Filter.PNG

Wood Nymph Smug Divider.gif

Author's Note Banner.gif

I'm completely happy about this one but I will still keep improving. It's been a while since I last uploaded an art I am satisfied of, probably in 3 weeks or so.

I also got more hooked on playing Splinterlands so that's another reason.

BUT I am happy to get back in the drawing board and will try to upload more once again.

I made a short timelapse for this fan art from beginning to end. I hope you like it.
Water Caller.gif

Wood Nymph Smug Divider.gif

๐”‡๐”ฆ๐”ฐ๐” ๐”ฉ๐”ž๐”ฆ๐”ช๐”ข๐”ฏ

  • This post is an entry for Splinterland's Art Contest.
  • Other sources that I do not own are cited under their respective photos. Photos and drawings without cited sources are mine and made for this post.
  • Animated Banners and Dividers are edited in Canva Pro.
  • Some of the fonts used are from instafonts.io
  • Thanks to MakeaGIF for the easy to use gif maker.

If I seem to forget to cite other sources, this would be unintentional. Please leave it on the comments below to be added in the post. Thanks.

If you're interested in playing the game, support me by registering using my referral link here

Outro Banner 1.gif
แ•ผแ—ฉแฏE แ–ดแ‘Œแ‘Ž แ—ชแ–‡แ—ฉแ—ฏIแ‘ŽG!

3 columns
2 columns
1 column