On this page:

Sketchnote Lessons: Quick Lettering

This entry is part 1 of 11 in the series Sketchnote Lessons

Here are some examples of different lettering styles that you can try. Some of them (like Chisel or Reverse) may be easier to do digitally than on paper. Click on the image to view or download a larger version, and have fun practicising. Enjoy!

image

I write in print instead of cursive because this is easier to read. Computers seem to be better at understanding printed letters instead of cursive. (I use Evernote to search my notes.) For emphasis, I sometimes use Multiple (draw the same letter twice), or Bold if I can anticipate the need to switch pens.

Got any favourite quick lettering techniques? I’d love to see them! Post links below, or e-mail me at [email protected] .

Series NavigationSketchnote Lesson: Adding color »

Sketchnote Lesson: Adding color

This entry is part 2 of 11 in the series Sketchnote Lessons

Color is a great way to add visual interest and guide people’s eyes to what you want them to focus on. Here’s Kevin Dulle’s sketchnote lesson on adding emphasis with shadows and color:

using-color

Reposted with permission – check out his blog for more tips!

If you’re starting out with sketchnotes, you don’t have to use color right away. Go ahead and draw with whatever you feel comfortable with, whether that’s a black technical pen, a 4-color ballpen, or a digital stylus.

You can always add color afterwards. On paper, you can use crayons, colored pencils, highlighters, markers, and so on. Make sure you test it in an inconspicuous area (maybe on a separate piece of paper) because your coloring method may interact badly with your drawing.

You can also add color on the computer. I prefer this way because then I can easily change my mind about what colors to use. Erasing is easier. Learn how to use the software tools that are out there. Here is a quick video I put together on how to use the free GIMP tool to add color by either replacing the ink that’s there (as if you changed pens) or adding color on top (as if you used a highlighter).

Okay, so that takes care of the mechanics. What about the styles?

Develop your personal style by looking for inspiration and experimenting with ideas. In addition to checking out people’s sketchnotes, look elsewhere for interesting color combinations: nature, art, product designs, and so on. Try different techniques and colors.

Here’s a sampler of different coloring styles I’ve played with in my sketchnotes:

image Highlighter
I like this because it’s super-easy to add quickly if you’re drawing digitally – just add a new layer below your text.
Visual Book Review: The First 20 Hours: How to Learn Anything… Fast
image Color as accent for images
You can add this while drawing by switching between pens (on paper) or between colors (if digital), or you can use the Color layer trick in the video to add it afterwards.
How to use Evernote to improve your visual thinking
image Colors with meanings
Here I used red to indicate the path of my mistakes and blue to indicate what I could improve.
An embarrassing failure is the result of a series of unfortunate decisions, and that’s a good thing.
image Emphasis
Red is a great color for drawing attention. Coloring your headlines helps set them apart.
Visual Book Review: Running Lean – Ash Maurya
image Extra information
You can also use gray or lighter colours to include extra information that people don’t need to focus on.
Visual Book Review: The Start-Up of You – Reid Hoffman, Ben Casnocha
image Depth
You can use a lighter colour for shading or depth.
Visual Book Review: The Sketchnote Handbook
image Branding
Pick up colors from company logos or event materials to make your sketchnotes look more like part of the event.
Sketchnotes: #INNOTalkTO Innovatively Speaking
image Lots of colors
This is fun to do when you have more time. In this case, I colored in my sketchnote while waiting in line for an “autograph.”
Sketchnotes: How to Live an Amazing Life – C.C.Chapman

Sketchnote Army has a wide variety of sketchnoting styles. Flip through it, see what you like, and try playing around with those ideas. Have fun!

Like this? Check out the other sketchnote lessons and learn more. Feel free to suggest topics, ask questions, or share your own tips!

Series Navigation« Sketchnote Lessons: Quick LetteringSketchnote Lessons: Adding Emphasis »

Sketchnote Lessons: Adding Emphasis

This entry is part 3 of 11 in the series Sketchnote Lessons

If you emphasize parts of your sketches, you make it easier to review and “read.”

20130925 Sketchnote Lessons - Adding Emphasis

Color, weight, spacing, contrast, underline, depth, highlighter, size, all caps, lettering, reverse, layout, boxes, banners, arrows, icons, stick figures, and other drawings… Have fun!

Like this? Check out the other sketchnote lessons and learn more. Feel free to suggest topics, ask questions, or share your own tips!

Series Navigation« Sketchnote Lesson: Adding colorSketchnote Lessons: Having fun with words »

Sketchnote Lessons: Having fun with words

This entry is part 4 of 11 in the series Sketchnote Lessons

In addition to drawing icons, you can also play with the forms of words in order to make them more fun or visually interesting. Here are some examples. Click on the image to view or download a larger version that you can trace or doodle on, and feel free to share this with others. (Creative Commons Attribution License)

20130909 Sketchnote Lessons - Playing With Words

See http://sach.ac/sketchnote-lessons for the other tips in this series, and check back next Thursday for more!

Series Navigation« Sketchnote Lessons: Adding EmphasisSketchnote Lessons: Arrows and Connectors »

Sketchnote Lessons: Arrows and Connectors

This entry is part 5 of 11 in the series Sketchnote Lessons

You can use use arrows or connectors to guide people through your sketchnote/drawing. Here are some samples:image

For more drawing tips, check out the other sketchnote lessons!

Series Navigation« Sketchnote Lessons: Having fun with wordsSketchnote Lessons: Banners and ribbons »

Sketchnote Lessons: Banners and ribbons

This entry is part 6 of 11 in the series Sketchnote Lessons

Banners and ribbons are a quick way to emphasize parts of your drawing. Instead of drawing the banner and then trying to fit the text into it, try drawing the text first and then drawing the banner around it. Here’s a step-by-step example.

1. Draw the text with plenty of space around it

image

2. Draw a box around the text.

image

3. Add two small triangles below the box.

image

4. Draw horizontal lines extending beyond the triangle, and another set of lines the same distance from the top of the box.

image

5. Add a ribbon edge if you want, or use a straight line.

image image

Want to get fancy? Add some shading, add more folds, and so on.

Here are some examples that you can practise with:

image

Check out Kevin Dulle’s tutorial for other ways to emphasize things with shadows. Enjoy!

Series Navigation« Sketchnote Lessons: Arrows and ConnectorsSketchnote Lessons: Speech bubbles and thought clouds »