Drawing and painting basics

In this guide I cover how to use Paper’s digital pencil, watercolor, and ink tools and techniques to emulate their real world counterparts.

Presented in a beginner friendly manner with small tutorials showing all the steps and examples along the way.

Pencil techniques

I once described Paper’s digital pencil tool as versatile and perfect in almost any situation. When used in conjunction with a Pogo Connect or FiftyThree’s Pencil stylus, those sentiments ring even truer. So what exactly can you do with the tool?

Painting with pencil

Learning how to produce a continuous tone with the pencil tool is a worthwhile endeavor that I encourage you to practice. Once mastered you will have the skill needed to fade values into one another and model forms three dimensionally.

A couple of points to keep in mind for creating an even tone.

  1. Work in one direction moving parallel along the iPad’s screen (example: up/down, left/right).
  2. Don’t be tempted to overwork and area — keep moving at a steady pace.
  3. If you are using an iPad stylus with a sensitive tip (e.g., a Pogo Connect), don’t vary the amount of pressure you apply — keep it constant and light unless you’re trying to fade the tone.

Pencil shading examples done in Paper app of different types of brown strokes on a tan iPad canvas

Once you’ve gotten the hang of shading a range of smooth values, it can be fun to add more colors. Colors can be dry blended by overlapping pencil strokes directly on Paper’s canvas, giving the impression that they’ve been mixed together — just like on real paper.

Ink techniques

Out of the two ink tools that Paper comes with, the pen (or Write as FiftyThree calls it) is much easier to produce consistent results with. Stroke speed and pressure do little to modify the line quality which allows you to focus more on accuracy and stroke placement.

Paper’s fountain pen on the other hand can make drawing a line without weight fluctuations incredibly challenging — as shown below.

Comparing the characteristics of straight lines made with Paper’s ink and fountain pen tools

By all means use whatever tool you’re most comfortable with. If you’re new to drawing digitally on an iPad and just want to practice the following techniques, do yourself a solid and stick with the ink pen.

There are many techniques for suggesting light and shadow when drawing with ink but they all follow the same general principle. Draw marks where there are shadows, and leave the canvas blank where there are highlights.

Parallel hatching

As the name implies, the lines you will be making should run parallel to each other. These lines can be vertical, horizontal, or at an angle — pick one and stick with it throughout the drawing. By drawing lines closer together they will appear to blend and create the illusion of being darker.

Parallel hatching examples made with in black using Paper’s ink pen tool

Another way to modify the overall tone created by these lines is to vary their thickness. Because you’re using digital tools you need to leverage Paper’s software to fake this effect.

By using the app’s fountain pen you can create thicker lines by pressing harder (if using a smart pen like Apple’s Pencil) or making quick swipes (if you’re using your finger).

Vertical fountain pen strokes showing a progression of thin to thicker lines done in Paper app with black ink

Contour hatching

If you’re feeling confident and have honed your powers of observation by drawing blind contours, you should be ready to attempt contour hatching. Instead of making straight marks like we did with the parallel hatching exercise, you will draw lines that follow the curved contours of your subject.

Curved fountain pen strokes showing examples of contour hatching and varying line weight

Personally I don’t often have the patience required to create an accurate drawing using this technique. When done well contour hatching will enhance the form of your subject and make it appear more three dimensional.

Cross hatching

Cross hatching is what you’d expect, hatch marks that cross one another. It’s an effective way to quickly darken or shade a subject. I like to use the parallel hatching technique and build on that by crossing the lines at a slight angle. Contour lines can also be crossed for more life like results.

Eight examples of cross hatching done digitally in Paper app using black ink.

Stippling

Instead of using lines to create tone and texture, you make small marks on the Paper’s canvas. Much like the hatching techniques described above you vary the tone by increasing the density of these marks — the higher the concentration the darker the tone.

Four examples of digital stippling techniques used in Paper app with black ink.

The placement of these marks can be as expressive or as precise as you want. I prefer to be loose and free, but don’t let that limit what feels right to you. Stippling marks can be anything you want — short ticks, dots, crosses, circles. And they can even be combined with hatching to add detail and enhance the effect.

Ink blobs and drips

By using Paper’s digital ink pens and pencil you can simulate ink splatter, blobs, and dribs. The idea here is to recreate those happy mistakes that may appear randomly when working with analog tools. To start create a grouping of small circles and dots using Paper’s fountain pen.

Four ink circles and scattered dots created in Paper app

Adding variation to the circles

To make these shapes more irregular, zoom in and distort their shape by adding bumps and points along the edges. You don’t have to overdo this step — small variations here and there will do the trick.

Zoomed in screenshot of ink blobs created in Paper app

Adding shadows and highlights with the pencil tool can make these shapes pop off the canvas. Draw a few dark strokes on one side of the blob, and then using a lighter color, draw a highlight on the opposite side. Depending on how thick of a blob you are going for you may want to add a cast shadow with the pencil or watercolor brush… filling it with a light gray color.

Zoomed in screenshot of ink blobs with blue and gray shadows painted with the watercolor brush to add detail

Watercolor brush techniques

I’m going to go ahead and assume you’ve already read my Paper by 53 Introduction and Tool Guide, where I explain how the Paper’s digital brush works and some of its nuances. With this understanding the following four techniques should make more sense.

Painting smooth

The question that hits my inbox the most is “how do you paint so smoothly on iPad?” Well here’s my secret. Paint a continuous stroke, without lifting your finger or stylus of the iPad’s screen. If you lift and dab an area multiple times it will darken and turn bumpy in Paper app — you don’t want that to happen!

Two examples of shapes painted in Paper app using the watercolor brush, a choppy painted shape versus one painted smoothly

The other important variable to consider is moving your finger (or stylus) across the iPad’s screen slowly. If you rub in a circle motion on an area that is light it will eventually darken to its maximum darkness point. As long as you don’t lift as you circle over these lighter spots on the iPad’s screen, the shape and color will even out.

Play YouTube video

Feathering edges

Reliably creating an edge that is soft and blurry becomes important when blending digitally painted shapes together. To achieve this desired result you need to gradually increase the speed of your stroke as you approach the shape’s edge you want to feather out.

Play YouTube video

A digital wet-on-wet effect can be simulated by feathering brush strokes into each other. Getting the perfect fade can be tricky, so don’t be afraid to use Paper’s rewind undo and trying again. I almost never get it right the first time.

Watercolor brush painted shapes blended into each other by feathering the edges in Paper app

Lightening with white

When filled with white, Paper’s watercolor brush has the unique ability of lightening previously painted or drawn areas. This can be an effective way of pulling highlights out of your subject or to erase mistakes.

Swatches of four colors tinted by mixing colors with white in Paper app

Color swatches painted on a dark background to show how Paper’s watercolor brush can lightening an area with white

In Paper, white paint behaves slightly different from the other colors available in the mixer and default palettes. Much like painting with pure black it fills in quickly. Which means if you use it to paint, you have to move fast or risk completely covering up anything you paint over with white.

Glazing

When painting with the Paper’s digital brush you are essentially spreading layers of transparent color (or glaze1) on top of each other. These glazes don’t actually mix with one another, but because they are translucent, colors can appear to combine when layered. Glazes also have the benefit of increasing the depth and brightness (luminosity) of a color with each successive layer.

Yellow and purple glazes created with the watercolor brush in Paper app to show how color intensifies with each layer.

Layering glazes makes for a richer and more deep color.

I like to think of glazes as my color harmonizers that tint everything with a similar hue. This is a great technique when working digitally to help tie a composition together if the original colors aren’t working together.

Two monochrome circles sketched in Paper app

Two monochrome circles sketched in Paper app after applying glazes of watercolor on top to alter their color

Underpainting

If glazes are applied on top of a painting or drawing, underpaintings are the layers applied below. They are most often used to pre-tone the canvas by removing white from it. The color(s) you choose can have a profound effect on the digital pigments and strokes applied on top of them.

Two sketches of a green tree branch on a white background and a red underpainted background.

Naked canvas on the left, pre-toned on the right to increase vibrancy.

For example, contrasting colors can create some vibrancy in the scene. A lush landscape filled with a cool sky and green trees, pre-toned with a reddish glaze will cause the space around the leaves to shine through. Much more than if the canvas was left white.

Or you can tone the canvas with the composition’s dominant color. When doing detail work you won’t have to worrying about covering up the bits of white canvas that show through. The background will roughly match what you are painting as your main subject, saving you precious time.

Process sketches of a baby’s face painted loosely in purple using Paper’s watercolor brush and pencil tools.

Working out the shapes and values of a composition before adding detail.

An underpainting layer can also be used to establish the correct values and confirm the composition of your subject. Think of it as sketching with the brush, but instead of making contour lines you are blocking out rough shapes of value to capture your subject.

Color theory basics

Primary colors

Thinking back to elementary school you probably heard the term primary color thrown around. The idea I latched on to was that it should be possible to mix every other color from the primaries. Traditionally these three primary colors have been red, yellow, and blue.

Now I wouldn’t go as far as suggesting you mix primary colors on a digital canvas2 to produce secondary and tertiary colors, but it’s worth understanding how they’re made on a normal palette.

Painting of a traditional color wheel down in Paper app with the watercolor brush.

Traditional color wheel.

Complementary colors and grays

On the traditional color wheel complementary colors are across from each other (red and green, blue and orange, yellow and violet). When complements are mixed together, they should result in a neutral gray.

Swatches painted with Paper’s watercolor brush to show how complementary colors mix.

As you can see, in Paper complementary colors that are mixed on canvas don’t exactly turn to a neutral gray.

Since mixing complements visually on canvas doesn’t result in a neutral gray in Paper, we can mix them another way. The results aren’t quite the same as if you were mixing oil paints on a real palette, but they get the job done. Here’s how I do it:

  1. Select the two complementary colors you wish to mix and put one in the Color Mixer by dragging it over, and the other in one of your open palette slots.

    Mixing a neutral gray step 1

  2. To neutralize them, do one full rotation of the Color Mixer with both complementary colors selected.

    Mixing a neutral gray step 2

  3. Finally tap the color in the Mixer and slide the saturation (middle bar) down somewhere between 10–20% to dull it.

    Mixing a neutral gray step 3

I’ve found that instead of mixing grays from white and black, it is more pleasing to mix them from pairs of complementary colors. This gives you a limitless amount of “grays” to pull from for your palettes.

Range of grays made by mixing complementary colors and desaturating them in Paper app

Mixing complements also helps to unify your composition’s palette. Using these “neutral grays” as glazes and layering them on top of each other is a useful way for making shadows.

Atmospheric perspective

Atmospheric perspective is the phenomenon where intense foreground colors gradually change until they match the sky. As you travel back objects generally lose saturation in color, becoming grayer. For example warm colors like red and orange will dull and cool off.

The amount of contrast in the subject also changes. The illuminated and shadowed sides of an object lower in contrast and flatten as you move further into the background. These objects also begin to loss clarity and will blur and become fuzzy — an effect we can replicated with Paper’s Blend tool.

Painting of a man in front of a mountain range showing atmospheric perspective as the clouds behind him diffuse the light


Well there you have it. Armed with these digital art tutorials on pencil shading, ink techniques, watercolor glazing, and the basics of color theory, you’re ready to jump into the rest of my Mastering Paper series.


  1. Glazing is a watercolor technique that uses a thin, transparent pigment applied over dry existing washes. Its purpose is to adjust the color and tone of the underlying wash. ↩︎

  2. Visually mixing colors directly on canvas can be fun, but the results aren’t always the best. I suggest using Paper’s Color Mixer instead since you’ll achieve more vibrant hues. ↩︎

Tags:

22 comments

  1. Tamara ·

    This? This is freakin’ awesome! Thanks so much for sharing your mad skills and expertise with us!

  2. Will ·

    Nicely done! Looking forward to more how-to articles!

  3. James Daly ·

    You are amazing, thank you so much for making these articles!

  4. Ben Hoffer ·

    You good sir are the man…thanks for sharing your brilliance :)

  5. Hong ·

    Very nice written articles, looking forward to the new ones!

  6. AbbyObi ·

    Awesome! Thanks for the great tutorial :)

  7. idol chan ·

    The level of awesomeness is too damn high

  8. lesley ·

    Fantastic help for getting started with 53. Thanks so much. Your work is amazing

  9. Al. ·

    Need the most basic instruction of all!!! How do I start a new drawing, by bringing up a blank page, which allows me to swipe up to bring in the tool bar

  10. Michael Rose ·

    Pinch the page and it will zoom out to a view that allows you to swipe through, add, or delete pages. Pinch again and you’ll see all of your journals. For more help check FiftyThree’s support page, it has videos and animations showing how to do all the basics.

  11. KA ·

    Thank you for this guide!! There is still one thing I do not understand: I have watched your video on the watercolor tool and tried to colour slowly and evenly in one go but the final outcome still looks blotchy. I’m using my finger for this, could that be it?

  12. Michael Rose ·

    I’ve noticed that painting with the Pencil stylus allows you paint faster and does seem to produce a smoother tone easier, but the same effect is possible using just your finger.

    Try moving in a small circular pattern as you paint, it will help even things. And of course do not lift your finger off the screen or else you’ll start to darken areas and won’t get that smooth tone.

    Other than that keep practicing.

  13. Graham Krewinghaus ·

    Hi Michael, I was scrolling down your page, looking for inspiration (which I do whenever I have drawer’s block), and I saw your ink splatter example and wondered if you could put that in some more detail. Would you mind maybe explaining your process more extensively?

  14. Michael Rose ·

    There’s not much more to the process than what I included above.

    1. Use the pen tools to create the general shape and fill it in.
    2. Add some dots of various sizes around it to simulate the splatter.
    3. To make some blobs look more 3D add highlights using white or another light color with the pencil tool.
    4. To finish it off add a drop shadow with a light gray and the watercolor brush, zoom in, and paint quickly along the edge where you want to cast a shadow.
  15. Laura Tucker ·

    I just found your site and articles about Paper and want to thank you!

    They are beautiful, very well written and have inspired me to get more out of my Pencil and Paper.

  16. Michael Rose ·

    You’re welcome Laura! Glad you’ve found them useful.

  17. Lynn Mason ·

    Hi Michael I’ve never found anything that makes the transition from pencil and paper to digital that is so effortless. More so because of your great tutorials. I have a question on neutralizing colors by mixing with complement. I dragged the small circle around the color mixer with the compliment also selected but I didn’t see a difference. Perhaps I’m misunderstanding the instruction: “To neutralize them, do one full rotation of the Color Mixer with both complementary colors selected.”

    My Pencil by 53 is on the way, but I’m learning while using my finger and another stylus.

  18. Michael Rose ·

    Did you rotate the little circle clockwise? If you have say red in the big circle, then select a green from the palettes on the right, when you rotate the big circle clockwise you should see it change colors as green is mixed into it.

    Looks something like this:

    neutralizing a color

  19. Ger ·

    Do you have any advice about different papers for ball pens. Ball ROller Gel and Felt I doodle. But some papers are way better than others and I’m having difficulty figuring out . I have come across newsprint (like the wight of a daily paper. But no idea where to get more. Or even what words I us to search for it. any help will be appreciated

  20. Michael Rose ·

    Not really. I work mostly digital these days so I’m probably the wrong person to ask for advice on traditional materials.