Banners are a great way to show what is a header without learning a fancy font and they work with those too. In this short post, I’ll go through the simplest way to create a banner for a header in your sketchnotes and then share a few variations you can try.
Step one: write the header
You could make the banner first, but for beginners it’s far better to start with the text. It takes time to develop an instinctive knowledge of how much space text will take up and even then, things can go wrong.
By writing the heading first, you know how much space your banner will need to take up.
Step two: draw a rectangle around the text
In theory, you could stop at this step. That really would be the simplest banner! But we’re going to add a couple more steps to create something a bit more interesting.
Step three: Draw some offset parallel Lines
If you have a dot grid notebook or paper, you can offset your banner exactly. In a plain notebook, you’ll need to go with your eye. Try to keep them the same height and more or less even.
Step four: connect the lines diagonally
Now, add diagonal lines from the front part of the banner to the background elements. This should form small triangles which are the fold in the banner. With this step, you’re basically done.
Step five: finish it off!
At this point, all you need to do is close of your banner and add any final touches you want. This can include filling in the “folded” section to add some depth, or adding some shadow below the banner to make it appear like it is floating. If you are a using a digital tool, it’s easy to add multiple shades of colour with the front of the banner the lightest, the back layer slightly darker and the fold the darkest.
More simple sketchnote headers and upgrades
While this is a very simple way to create banners for sketchnotes, there are some alternatives and small upgrades that can enhance your headlines.
1. The wavey banner
Instead of a straight rectangle, create a wavey banner that looks like it is blowing in the wind.
A couple of points to note:
Make sure the waves are in parallel
If you can, make the text warp to the banner coming closer or further away.
2. The sign
This headline uses a rectangle as well, but instead of making it look like a ribbon, we add posts to make it look like a sign. For smaller text, you can add one pillar, or you can use multiple for larger one.
You might want to change the signs shape to match the message such as pointing in a direction.
3. The cork board
This time, we’re putting paper on a cork board. Start with an outline that represents a piece of paper with the information. This “paper” can be flat and even, or it can bend and flex as it comes of the board — it’s your choice.
Next, add pins to each corner (and optionally, the middle) of the paper before finally adding the cork board behind the “paper”.
Time to apply!
There are hundreds more styles of banners, some subtle variations and some more complicated styles. The most important thing to do is to practice them. Once you’ve nailed these, see if you can emulate the styles of other sketchnoter, or create your own stock sketchnote header template.
In Procreate 5.2 they introduced Brush Size memory, a new feature where you can save multiple sizes for the same brush. Here’s why Brush size memory is great for sketchnoters.
Procreate is great for sketchnotes…except
I love procreate for making sketchnotes. While it can be a bit feature heavy and cumbersome when you first start, the beautiful brushes, multiple layers and powerful export options help me create sketchnotes I like.
The only issue with Procreate is that it gives you TOO many options. There are so many brushes and colours that they can get in the way for people who prefer a simpler app like Paper by WeTransfer.
One of my ways around this was to use a single set of “sketchnoting” brushes with about five pens for normal text, headlines, brush lettering, filling, stippling and airbrush effects. This worked well but if I ever adjusted the size of a brush (to move between headline text and subheading, or to add more detail in an icon) it would be near impossible to return to my previous brush size.
My solution was to duplicate brushes but that made the interface more cumbersome and wasn’t perfect either. I could still adjust these brushes and then not be able to return to my previous state.
This new feature from Procreate has solved that challenge.
How Brush size memory works
The brush size slider has been around for a long time and allows you to increase and decrease the size of your current brush.
Now you just tap the plus icon that appears in the top right corner of the brush size preview and it will add a marker.
This marker has some “magnetism” to it, so as you move up and down the slider in the future and get close to your saved point, the slider will stick there.
Why the brush size memory feature is great for sketchnotes
Let’s say you have a good brush to use for a headline and subheadline, you might want to keep your sub headlines roughly the same size but lose it when you change between canvases.
Not an issue anymore, now you just put two markers down and you can just between the headline and subheadline size.
This can work for sketching and having different size details or to have a tool to fill in large sections or colour in details.
Thank you procreate!
Honestly, this has removed one of my biggest frustrations with procreate and removed the need for my old duplicate brushes. Now I can have fewer brushes in my sketchnote set, more size variety, more consistency of style and jump to the option I want faster.
Sketchnoting under pressure can be a real challenge. Having ready to go ideas and templates can help you make something good, quickly, without thinking. You can use templates for the whole sketchnote, but you can also use templates for part of the sketchnote. Recently I came up with a simple stock sketchnote header template that has helped take decisions out of my sketchnoting process and raise the quality of sketchnotes I can create under time pressure.
What should you include in your sketchnote’s header area?
Depending on the topic you are sketchnoting, you may want to include or exclude certain elements. For example, a date may be important to include for a sketchnote on a talk, but not as useful for a sketchnote on a book.
Title or topic
A picture of the speaker(s) or author(s)
The name of the speaker(s) or author(s)
The title of what the topic is connected to. (The event, a sermon series, book)
A logo (of the event, or the speaker,
What header text should you use?
There are lots of different types of text you can use for your header.
The simplest is to use a “heavier” font, or bold text. This will make it stand out and be clearly legible.
However, depending on the topic, you might want to use a font that is
There is a simple trick you can use if you aren’t sure. By simply placing a basic single line of your text, you can then embellish it later.
Should you always add a portrait?
A portrait can really had character to a sketchnote. But adding a drawing adds pressure for those of us who are less confident with drawing. One option is to add a simple outline in the moment, and you can add details later.
When it comes to actually drawing the portrait, focus on the key details and characteristic attributes of the person you are drawing.
How should you arrange the elements in your header
I recommend setting keeping your title text as the largest element, with a portrait or logo to the left of the text. You can then place any other smaller or less important elements under their respective parts.
So you can place the name of the speaker or author under the authors picture, and the date of the event under the title.
Ready to use a stock sketchnote header template?
You don’t have to stick ridgedly to your sketchnote header template, and you can even create one before the event if you are live sketchnoting, or afterwards to help you avoid time pressures.
Do you use a different sketchnote header template? Let me know in the comments.
I struggled to start sketchnoting. Although I caught the idea immediately but putting pen to paper felt overwhelming. I don’t want you to suffer the same issue, so here is a simple guide to start sketchnoting today.
This could be a useful classroom activity to introduce sketchnotes to students.
Want a video guide?
Sign up for the free course and follow a video walkthrough.
Sketchnotes are a form of visual notetaking that includes both text and graphical elements such as icons, banners, dividers, multiple colors and layouts. They don’t tend to follow strict left to right, top to bottom organization but instead are more flexible in their layouts.
Visual note-taking, such as sketchnotes, helps engage with conference talks, lectures and lessons and remember more information. It’s no wonder students, teachers and average Joes have started using this note taking method in the classroom, at conferences and at home for study and personal reflection.
You can sketchnote anything you want. It can be a conference talk that is occurring live, a lesson in your classroom or notes on a book you’ve just read.
It can be information someone else has given you, or ideas and plans you are thinking through.
For your first sketchnote, I suggest you make a sketchnote selfie including information about yourself. This is a topic that you are bound to be familiar with and will have a unique element of yourself.
I can’t draw, can I still sketchnote?
Yes! you can! There are three reasons for this.
Sketchnotes are about “Ideas not art”, that means getting the idea down is more important than an accurate impression. As long as you can understand your notes, that’s okay. That means simple pictures are usually better than art.
Sketchnotes are personal and reflect the sketchnoter. Some sketchnoters use more text, others use more images. You can choose to use more text in your notes if you like.
Your drawing will improve as you practice more. The only way to improve is to start! So let’s start today.
7 steps to create your first sketchnote and start sketchnoting.
Now that we know the basics of Sketchnoting, it’s time to create your first sketchnote. These steps will help guide you through the process of creating your own sketchnote.
This approach is not the approach I would take for a sketchnoting a live event such as a class. It does, however, provide a useful intro to sketchnoting which will help you develop core skills. You can then apply skills these when making a live sketchnote.
You don’t have to follow my recommendations at each point. Their purpose is to give you an easy to implement idea for your first sketchnote.
1. Brainstorm your topic
Before you start creating your sketchnote selfie, think about the things you want to include. Write a plain list of items you can include such as your:
job or studies
hobbies and interests
favorite… (book, food, etc.)
At some point you’ll feel that you’ve got every idea down that you could include, don’t stop. Wait a few minutes longer and see if you can get a few extra ideas. Those extra ideas are often the most interesting items.
2: Group your ideas together
Now, you have some ideas written down, it’s time to group them together. By identifying information that work well together, you’ll help yourself create an easy-to-understand layout.
You could write your list out again, this time with your information gathered into groups. Alternatively, you could add marks to the side to signify what belongs together.
3. Plan your Sketchnote layout
A good sketchnote layout can help arrange information clearly and tell a good story. Some sketchnoters seem to have a magical ability to group information together.
While you could choose any sketchnote layout, I’d recommend the radial layout for your first sketchnote.
It’s probably more familiar to you as it’s similar to mind maps. This style also works well for a selfie as all the information is about one central item — you.
4: Identify some icons you can include
One last step before we make the sketchnote. Identify some icons that you could draw for points on your sketchnote. For example, if you like photography, you could draw a camera.
Need inspiration for what to draw? Look at the Noun project
While you could just do a Google image search, I recommend using The noun project. This site contains simple icons that represent different ideas. It is a great tool to see an example of a simple drawing that represents and idea. You can use this to get drawing ideas.
5. Start your sketchnote: Add your title
Start by adding your title and an image of you. If you are going with a radial format, place yourself in the center.
Your portrait doesn’t need to be accurate. Focus on the main details like the overall shape of your face and distinct features. If it doesn’t look accurate, never mind, this is just your first time.
6. Mentally divide up your paper
With your layout in mind, imagine some dividing lines on your paper. Think about how much information you need to include in each area and plan space accordingly. Make sure there is a gap between different sections.
If you want, you can pencil in some lines to help plan your space. I recommend using pencil at first as you may get this wrong.
If you are making a digital sketchnote using an app like procreate, you can add a layer with some guidelines.
7. Fill in your information
Now start filling in your information. Use your groupings to direct what you include where. I suggest you start with the main points, and then expanding outward to the smaller points and details.
You can add banners with text to show groupings like “Favorites” for your favorite things, or “bio” for some biographical data.
Leave space between sections so you can see what belongs where.
8. Stand back and appreciate it
You’ve done it! Your first sketchnote! I promise the next will be easier.
Now you’ve defeated the first sketchnote, you can continue to grow and the best way is with regular practice.
If you’d like some more guidance on the fundamentals of sketchnoting, sign up to 7 days to start sketchnoting. This free course will get you exploring the different types of sketchnotes available.
My biggest obstacle to sketchnoting was arranging information. For a long time I stayed making “Sketchnotes lite”where I had text (with occasional colour) broken up by the odd image. Discovering sketchnote layouts changed all that. Suddenly the shackles were off and my notes radically shifted.
This may not be the case for you; there may be a different area that holds you back like drawing. But understanding sketchnote layouts can help you plan and organise the content in your sketchnotes.
Although some people confuse mindmaps with radial sketchnotes, there is a subtle difference. Regardless, this layout has a central element and then spokes coming out from the centre. Radial mindmaps are great if you have a core topic or concepts.
The grid layout divides the page into squares with each square containing a single aspect. This is great for talks where there are clear division in content and works well when there are four or six items covered.
Columns group information together from top to bottom. You can use these a bit like a spreadsheet to show the same information for different items. It also works well for panel discussions.
The popcorn style involves random chunks of information across the page. This can be very handy when there isn’t perhaps a clear structure or logical flow (for example, question and answer sessions). It can help you gather your thoughts as well.
The portrait layout involves a large, central image that the whole sketchnote is connected to. This works well for biographies of people as well as for food sketchnotes…can you make a portrait of a meal? Well you can with a sketchnote.
The path style shows progressions and time as we move from the start to finish. This can happen in a variety of different ways like a giant U, Zig Zagging, spiraling in to the centre, or out from the centre, or just randomly across the page. This can work well to show how the order of a talks or the chain of events.
A storyboard is used in cinema and TV to represent key parts of a story with image and dialog below. For sketchnotes, this involves equal squares or rectangles with space for text below.
Comics are very similar to storyboards expect each frame can be a different size depending on the importance or requirements of the frame. This can lead to more dynamic sketchnotes.
There are more variations and unique ideas for layouts that grow all the time. The layouts above provide an overview and framework that you can adapt. And you can invent your own unique layouts too. What is your favourite sketchnote layout?