How to Use Layers to Take Notes, Illustrate and Design

A Concepts Tutorial for iOS, Windows and Android

layers_cover1.jpg


When you first start sketching, it might feel like layers are intimidating to work with. You’re just trying to scratch a few strokes, get down a few basic ideas, maybe outline a sketch or a plan. Layers are a whole different ball game of complexity.

But layers can help you think through your ideas with more order and less mess. You can use layers to brainstorm through many options right on top of your pictures or plans. And layers help give your drawings more depth and polish, with less worry about getting things right the first time.

In this tutorial, we’ll first share a bit about how Concepts’ layers work, then we’ll walk you through how to use layers to take notes, create illustrations and sketch designs.

*Note these screenshots are from Concepts for iOS, which currently has more features than our Android and Windows versions. Each month we will be releasing updates that bring them closer to iOS. The layers feature is very similar among all versions, but the screenshots might not match exactly what you see on your platform.
 

Basic Layers Know-How

First, open a drawing in Concepts and tap the Layers icon on the canvas. Your layers menu will expand.

You can create unlimited layers for your projects with a Subscription or Essentials. Concepts’ free version gives you five layers to work with.

You can tap+hold the Layers menu and move it to other spots on the canvas at any time.

layers_01.PNG

Like any tablet-based app, you’ll have a few gestures or controls to get used to.

  • Tap + New Layer to create a new layer. 

  • Tap a layer to activate it.

  • Tap the active layer to bring up its menu. You’ll use this menu to select, lock, duplicate, delete and merge layers, and adjust their opacity.

  • Tap+hold+drag a layer to rearrange it.

  • Tap the eye to hide the layer.

  • Double-tap a layer or scrub through the layers to enter Focus mode (iOS only). Tap the layer to go back to viewing them all.

  • You can also select objects and drag them onto a new or alternate layer. Let go of the object after dragging, and it will return to its original place on the canvas but in the new layer.

Another thing you should know is that Concepts has two layering modes, Automatic and Manual. Both modes are very simple to work with, and each one has advantages.

layers_manualautomatic.JPG

  • Automatic layering is the default setting and sorts your layers by Tool type. All pen types will draw in one “Pen” layer, all pencils will draw in a “Pencil” layer, and so forth for each type of tool.

  • Manual layering allows you to control what you draw in each layer, no matter the tool type or number of layers. With manual layering, you can choose how to organize your sketch.

You’ll see the toggle for these modes right at the top of the Layers menu. By default, it says Sorting | Automatic. If you tap the toggle, it will switch the mode to Sorting | Manual. You can toggle between modes at any time.

If you happen to break one of the Automatic layering rules, like choosing a pencil and drawing in the Pen layer, the mode will switch to Manual on its own. Toggling back to Automatic won’t move those pencil strokes to the Pen layer for you, but you can select and drag strokes between layers if you need to.
 

Taking Notes with Layers

Organizing by Tool.  When you’re taking notes, you typically don’t want to think about layers at all. Concepts’ Automatic layering is ideal for this - you can completely ignore them and Concepts will organize the layers for you.

The advantage of Automatic layering is that notes, highlights and fills all end up on their own layers without you having to do anything. When you feel like changing details later on, it’s very easy to select a layer and change its color or tool.

A solid note-taking flow might look like this.

1. You’re in class, at a conference or listening to a podcast that seems promising. You whisk out your tablet and stylus, open up Concepts, and start a new drawing. When you tap the layers icon, it says Automatic. Great.

You tap the Pen tool and write the title, the name of the presenter and the day’s date.

layers_notes01.JPG

Starting at the top gives you a more linear workflow. Beginning in the middle lets you branch out with ideas in any direction.

You jot down the main idea and as you listen, you sketch a simple image and a few relevant words about the topic. They say the act of sketching helps you process an idea, and cements it to your memory more firmly.

layers_notes02.JPG

2. With all the notes on the page, the main ideas are getting a bit buried. You decide to highlight them to help you pick out them out. You change the tool to a marker and start highlighting. The stroke automatically draws underneath your pen. Awesome.

layers_notes3.PNG

With Automatic layering, you can see how marker strokes appear in one layer, fill in another, and pen remains at the top.

Since highlight and fill layers appear beneath the pen layer, your notes automatically look good.

3. As you write, you decide you want to change sections of your notes to a new color to visually separate the ideas. You select your notes in the Active layer.

layers_notes_select.JPG

When you make a selection, you’ll see a menu appear at the bottom of the canvas. Tap the Active / All toggle on the right to choose whether you want to select in the Active layer only or in All layers at once. (Read more about Selection here.)

You open the color wheel and choose your new color.

layers_notes4b.PNG

4. At the end of the class, you finish up your notes and email them along to your friend or student.

layers_notes5.PNG

Advanced Tip

If you really need your pens to draw in separate layers automatically, you can edit your pen in the Brush Editor and customize which layer it draws to. (This is available via subscription or Essentials in iOS only for now.)

layers_notes03.PNG

1. Tap the pen you want to customize to bring up the Brushes menu.

2. Tap Edit in the viewer to enter the Brush Editor, and scroll to the bottom of the editor to Advanced Settings.

3. Tap the underlined layer name to bring up the keyboard. Select which layer you'd like the tool to draw to from among the options, or type in your own custom label. This will affect all future drawings that use this tool.


Illustrating with Layers

Organizing by Effect.  As an artist, creating drawings that seem believable is important. You can give your drawings more depth with layers, adjust details more easily as you go, and focus on the overall effects of your colors and strokes.

Simpler drawings with pen or pencil and a fill might work in Automatic mode, but if you’re going for polish or depth, you’ll ultimately want the freedom to organize your layers by effect. Manual layering is the way to go.

An illustration workflow might be:

1. You pencil out a rough idea.

layers_illustration_roughsketch.JPG

2. You choose your favorite inking pen and ink neatly over the pencil. It looks good so you hide the pencil layer by tapping the eye.

layers_illustration2.PNG

3. In a layer below the pen, you start to color in.

Some people study light and atmosphere first and begin with gray tones. Others start painting in color and add depth effects near the end. Sometimes you color a background first for mood, other times you start with the main attraction.

layers_illustration3.JPG

Building a drawing by layering on colors and textures.

Lighting, color tones, textures, outlines, brushes, detailing and overlays are all different types of effects you can add to your drawings. Keeping these effects separated by layer makes it simpler to adjust them when you step back from the details and look at the overall composition of the piece.

layers_illustration4.JPG

Some of the different effects you can try - adding highlights, lowering opacity, experimenting with toned overlays and subjects.

Create as many layers as you need to accomplish the effect you’re going for. You can layer on multiple tools in one or many layers, play with their opacity or reorganize them. Feel free to experiment in new layers, then hide or delete them.

4. Once you’ve finished coloring, you can hide the pen layer by tapping the eye, change the color to melt the ink into your drawing, or keep it as is - whatever suits your illustration.

layers_illustration_final.JPG

Designing with Layers

Organizing by Idea.  If you’re creating a design for a client or project, organizing your layers by idea can help you consider and communicate design options more easily. To organize by idea, it helps to use Manual layering so you can draw with many tools in the same layer.

Here is an example of a typical design workflow:

1. First, you import a reference photo, mood image or plan.

layers_design1.PNG

Importing an image onto the canvas.

If you’re in Automatic mode, images and PDF pages (PDF is currently iOS only) will import to the bottom layer to make tracing easy. If you’re in Manual mode, they will appear in your currently active layer, allowing you to stay in control of your content. You can always select and drag the image into a different layer.

layers_design_newlayer.JPG

1 - Select the image. 2 - Drag it onto a new or alternate layer. 3 - Let go of the image. It will return to its original location on the canvas, but in the new layer.

If you intend to draw right on top of the image or plan, try lowering the opacity of the layer first. Tap the image layer, tap it again to bring up its menu, and slide the opacity bar down.

layers_design2.PNG

2. Inspiration in place, you create a new layer above it and sketch away. You reference colors, draw arrows, jot thoughts and outline changes.

layers_design_colorpicker.JPG

Here, we used the color picker to draw colors straight from the photograph.

You can sketch as many ideas in as many layers as you need.

layers_design_plan.JPG

As an interior designer, you can drag & drop references and colors onto the canvas to create a room concept.

If you’re an architect, experimenting with different flows on different layers can help your client to envision floor plan options for their home, like in this interview with Erick Mikiten.

layers_ErickMikiten_Flow.jpeg

Flow Option by Erick Mikiten from The Layers of Architectural Design

For a renovation, you can sketch lighting and electrical notes in one layer and countertop dimensions in another. Export only the relevant layers of your plan and print or email them to the contractor.

layers_renoplan.JPG

Electrical, counter and tile plans for a mud room renovation.

If you’re a product designer, sketching new ideas on new layers can help keep your iterations clear and communicate changes to your team, as Bart Massee did when he designed the heavy metal filtering Astrea bottle.

layers_BartMassee_Astreadesign.jpeg

Lid Iterations by Bart Massee from Designing the Astrea Water Bottle

In each situation, the designers used layers to explore, organize and communicate their ideas. The layers made it easy for them to trace plans, overlay and dismiss options, experiment with workflows, and share ideas to find the best design.

.   .   .

Whether you sort by tool, effect or idea, layers help you sketch the best result with the least amount of effort. They allow you to stay organized, add dimension to your drawings, and flexibly control and communicate your work. We hope you find your ideal workflow with layers and sketch to success.
 

Do you have questions about using layers? Chat with our team at concepts@tophatch.com and we’ll be happy to help.
 


By Erica Christensen



Recommended

Setting Tools and Tool Presets in Concepts 5

Modeling Concept Designs on the iPad Pro in Shapr3D and Concepts

The Art of Storyboarding: An Interview with Illustrator Mimi Chao