www 101

All you need to know about the internet

Have a Question?

If you have any question you can ask below or enter what you are looking for!

How to Draw & Paint a Beautiful Mermaid in Adobe Photoshop

Final product image
What You’ll Be Creating

Mermaids come in a variety of shapes, sizes, and colors. In this tutorial, we’ll walk through drawing and painting a colorful mermaid in Adobe Photoshop. 

We’re going to both draw and paint within Adobe Photoshop, from start to finish—even the initial sketch. I assume that you have basic knowledge of Photoshop, such as creating new documents and selecting different tools within the Tools panel. You should have a basic understanding of layers, as well. Please note that this tutorial requires a drawing tablet of some kind, with pen sensitivity. 

Let’s get started!

Looking for Photoshop brushes, actions, and more? Why not check out GraphicRiver for awesome Photoshop add-ons.

1. How to Create the Sketch

Step 1

We’ll start by creating a New Document. This can be found via File and then New.

There are a lot of options here (enough for an entire tutorial on its own!), but for the purpose of this tutorial, I’m going to draw at 8 inches wide by 10 inches tall. I’m also working at 300 dpi. Once you’re happy with your choices, select OK

New Document Dialog Box displaying file options

Step 2

Before we start drawing, let’s make sure we’ve prepared our document properly. There are two important things I like to do before I begin sketching.

Create a New Layer. I use layers very frequently when I’m drawing and painting in Photoshop, and you’ll need them in this tutorial.

To do this, make sure your Layers panel is open. If you don’t see it open by default, select Window and then Layers.

By default, you’ll notice that there’s only one layer here. It’s called Background, and we could draw on it, if we wanted to. However, I’m going to make a new layer by clicking on the Create a New Layer icon.

This new layer is the layer I’m going to draw on. This means it will be independent of the Background Layer (where the white, background color is located).

Example of creating a New Layer in the Layers Panel

Step 3

Now, let’s choose a Brush to create our sketch. There are a lot of wonderful Photoshop brushes out there that you could use, but for this tutorial, we’re largely going to rely on the basic, default brushes included with the software. Note, these are just possible brush settings—there is no universally right or wrong choice, and the longer you use them, the more comfortable you will likely feel with them.

However, the default settings might not look or feel the way you want them to, straight out the box. Maybe they lack the sensitivity you’re more accustomed to seeing in real media like pencils or markers, for example. We’ll make a few simple adjustments here that will change how they look and feel in use.

You can view your Brush Settings via Windows and then Brush.

Try toggling on the Opacity Jitter and setting it to Pen Pressure. 

Brush Panel and where to adjust the Opacity Jitter

This setting will increase and decrease the Opacity of your brush strokes, depending on the pressure you put on your pen. 

Try setting the Size Jitter to Pen Pressure too.

Brush Panel and where to adjust the Size Jitter

You’ll notice in the preview that the ends of the brush taper off now, as opposed to staying at one uniform size. Again, this will be determined by the pressure you put on your pen. This may not be a setting that you want on throughout the entire painting process, but I recommend knowing where it is and what it does, especially for sketching.

Step 4

Now, let’s start drawing! I’m going to start with a basic Hard Round Brush

Since a mermaid is both a human and a fish, I like to look at references of both, so I get a look and feel for how the body of each moves. Don’t be afraid to experiment with body types, too! In this case, I’m going to give the character a full figure. 

I started by blocking out basic forms to define key parts of the body, such as the ribs and hip bones. When it comes to the tail, I chose to treat it as one long, flowing appendage. I’m going to pretend that there’s one long bone in there, for example.

Example image of blocking out basic forms

Since this mermaid is going to be underwater, let’s also consider how water might affect the character. For example, the hair would likely flow with the water in some way, and the body’s weight might not be held in the same way as it would be on land. The tail, in this case, might also be flowy and light in weight.

Example image of refined sketch

Create a New Layer, as we did earlier in this tutorial, to draw on top of your initial sketch. I like to work this way when I want to preserve my initial sketch and use it as a guide.

Example image of further refined sketch utilizing layers

2. How to Add the Initial Colors

Step 1

Now, let’s start working with colors! Personally, I like to paint on top of my lines. I start by creating a New Layer and setting the Blending Mode to Multiply. Then, I go ahead and paint on top. You’ll notice that this also alters the colors of my lines, based on the color I’ve placed on top.

Placing colors on top of lines using Blending Modes

Once I’m happy with my choices, I like to Flatten my artwork layers. Warning, this means that the sketch and the colors will all be combined on one layer! I often like to Save a Copy of my work prior to doing this, just in case I want to go back, prior to this step!

To select multiple layers, Click-Hold-Shift. Then, to merge them, Right-click, and select Merge Layers

Example of Merging Layers

Step 2

Now, let’s add a basic Background Color. Choose a color via the Color Selector in the Tools panel, and then apply it to the Background Layer using the Paint Bucket Tool. If necessary, clean up any stray color around your artwork.

Example image showing the addition of a Background Color

Since I’m going to use the background to inspire the shadows on the character, I’m going to block in some basic background elements. I know I want my mermaid to be underwater, and I’d like to have some light shining into the water, from above.

In progress examples of blocking out background elements

To achieve this look, I used colors lighter than the blue of the background, a Hard Round Brush, and both a Soft Round and Hard Round Eraser, to blend and shape my lines. I also used the Blur and Smudge Tools to help make the water lines at the top look more organic.

Step 3

To block in shadows on the character, I created a New Layer on top of my current artwork layer and set it as a Clipping Mask

This means I can paint on top of it without going outside the boundaries of my work. To do so, select your newly created layer, right click on a PC or Control click on a Mac, and then select Clipping Mask

Here is what a Layer with a Clipping Mask applied looks like. Note that I’ve also set the Blending Mode to Multiply.

Example Clipping Mask with Blending Mode set to Multiply

3. How to Paint the Mermaid

Step 1 

Now that we’ve established the basics of our drawing, we can start refining our work. This is the point where I often experiment with other brushes. For example, when rendering skin, I often use a brush with a softer edge. I used the default Soft Round Brush for this tutorial, with the same settings reviewed earlier, to make the shadows look softer on the skin.

Example of Soft Round Brush used to smooth skin areas

But how do you get subtle changes in value? How do you blend out your lines and get things looking more painterly?

Experimenting with the Opacity (the amount of transparency) and the Flow (how much “paint” comes out) can help in areas that require subtle changes in value. This may vary depending on the amount of pressure you put down on your pen, stylistic choices, and how you prefer to draw.

Image showing where to find the Opacity and Flow options in the Options Panel

Step 2

When rendering hair, I like to think about the direction it lies, flows, or moves. The direction of your strokes makes a big difference; haphazard lines will look chaotic. I recommend taking your time and creating strokes that go from the crown to the tips.

Example of lines drawn from the crown to the tips of the hair

There will be variations in value (light and dark) within the hair too. Keep in mind that these value changes are not independent—they should generally be inspired by the same light source we blocked in earlier.

Example of hair rendering process mid completion

Step 3

I also like to add variation in the hair, so it doesn’t necessarily look like one uniform block. I experimented with placing stray strands on top, in a new layer, in a similar color. To unify them with the rest of the hair, I added contours in a dark color on the outermost edges.

Example of stray hair added to the illustration

Step 4

To achieve more than one color in the hair, I created a New Layer on top of the hair. I used a Clipping Mask, once again, so I don’t have to worry about coloring “outside of the lines”. I changed the Blending Mode to Color, and voila! Now the tips are blue!

Example of Clipping Masks and Blending Modes used to change Color

You’ll notice that I also used this opportunity to add a touch of color to the eyes. I used a Soft Round Brush to add in some pinks and blues, again, with the same technique. 

4. How to Add Texture in the Tail

Step 1

Usually, a mermaid’s tail differs from human skin. We might expect this part of the mermaid to have a scale-like texture, like we’d see on a fish. Before I start to experiment with textures, however, I want to go through and blend the shadows I’ve placed in this area, using a Soft Round Brush and lowered Opacity.

Once you’re happy with your base shadows here, it’s time to start experimenting with texture. We’re going to create a texture ourselves, here in Photoshop, to create a scale-like effect.

Image that shows tail area smoothed with Soft Round Brush

Step 2

First, much like how we changed the hair color, we’ll start by creating a New Layer on top of our artwork. Block out the area in a single color, but don’t change any blending modes this time (just leave it Normal for now).

However, you will need to Lock Transparent Pixels, as seen below.

This means that when we move on to apply filters, it will stay isolated in this area we’ve filled in.

Area above tail blocked out with a solid color

Step 3

First, we’ll apply the filter Clouds to create some variation in value. Alternatively, you could add your own variations here, by hand.

When using the Clouds filter, make sure your Foreground and Background Colors have been properly selected. In this example, and for this tutorial, I used a light blue and white. Then, with the correct layer selected, go to Filters > Render > Clouds.

Example of applied Cloud filter

Step 4

Now, let’s create some scales! Open up the Filter Gallery, via Filters > Filter Gallery.

Then, we’ll apply two filters here to our layer: first, Stained Glass, and second, Plastic Wrap. Here is an example of what this looks like, with the Filter Gallery open:

Take note that the arrow is pointing to the list of applied filters. You can add or delete filters via the New and Trash icons, circled above.

My settings were:

  • Stained Glass: Cell Size 28, Border Thickness 7, Light Intensity 4
  • Plastic Wrap: Highlight Strength 13, Detail 12, Smoothness 5

Keep in mind, however, that there are no “perfect settings”. I would encourage you to experiment and adjust these values, as you see fit. 

Select OK once you’re happy with the values you’ve selected. 

Example of the Filter Gallery and its settings

Step 5

Now, set the Blending Mode of the layer we’ve been working on to Multiply. Voila! Our mermaid’s tail looks as if it’s covered in scales.

Scales Layer set to Multiply illustrating effect on tail area

5. How to Add the Finishing Touches

Step 1

To finish up our illustration, we’ll add some details to the tail fin and the character’s skin.

First, cut the mermaid’s tail and paste it onto its own layer. 

Set the Blending Mode of this layer to Multiply, and lower the Opacity to a value around 50%, as shown above. This will make the tail look transparent. 

Example of fin cut with lowered opacity

Step 2

To add some color variation to the tail, duplicate the tail layer and change its Blending Mode to Normal. I lowered the Opacity to 33%, and, with the pixels locked (Lock Transparent Pixels in the Layers panel, a technique used earlier in this tutorial), I applied some blues and purples.

Example of color placed underneath transparent fin

Step 3

To finalize the tail, I used more than one layer. I drew the lightly colored tips of the tail with a Hard Round Brush with the Opacity all the way up (100%, meaning it is not transparent). Remember, you can always toggle Lock Transparent Pixels on and off, if you’d like to apply color without it going outside the boundary of your drawing. I used this, here, to change the color of this line from purple to blue.

Then, to unify and refine the tail, I drew a dark outline around the perimeter of the work I completed in this area (similar to the techniques used in the hair).

Visual adjustments made to fin and tail area

Step 4

Finally, I wanted to add some details to the skin. To do so, I reused concepts introduced earlier in this tutorial. For example, I created a New Layer and created line work on the skin for her skin details and tattoos. I lowered the Opacity on these layers and used a Soft Round Brush when erasing, to smooth and blend the edges.

Example of final refinements

Awesome Work!

I hope you’ve picked up some new tips and techniques in this tutorial. Please keep in mind that these steps can (and should!) be experimented with—try different colors! Try different poses, body types, and even different types of tails! 

Good luck creating colorful mermaids of your own! 

Final tutorial image