During this webinar, we were joined by hand lettering artist Ian Barnard, who showed us how to use one of his most useful and best-selling products, The Grid Builder, to create stunning lettering layouts. With this set of 35 individual and flexible grid shapes, Ian led us through how to letter "The Design Cuts Community Rocks" from start to finish.

The contents covered in this article are merely a taste of what's possible with The Grid Builder. Make sure to give the full webinar a watch and let us know what you think in the comments below!

Part 1: On Paper

1. Bringing out the Notebook

We kicked off this webinar by discussing our sketching process. With a notebook and pencil in hand, our first step was to determine what we'd be lettering and how we'd lay it out. We drew boxes around our words to visualize what shapes we'd be working with and then decided which would be our primary, secondary, and filler words.

Creating Stunning Lettering Layouts with The Grid Builder

2. Sketching our Layout

Next, we make a rough sketch of our layouts and maintained symmetry by drawing straight lines through our boxes. We played around with multiple styles and gave the pieces more pop.

Creating Stunning Lettering Layouts with The Grid Builder

3. Filling in our Letters

Once we were happy with our sketches, we roughly filled in our blank boxes with the letters we'd chosen.

Creating Stunning Lettering Layouts with The Grid Builder

Part 2: In Procreate

4. Importing our Sketch

Once in Procreate, we brought an image of our sketch into the app and lowered its opacity so it was positioned in the background. We then drew a straight from from the top to the bottom of our digital canvas.

Creating Stunning Lettering Layouts with The Grid Builder

5. Opening The Grid Builder

We created a new layer and began by adding in a Grid Builder banner to the top of our design. For the next portion, we positioned the remainder of the grids.

Creating Stunning Lettering Layouts with The Grid Builder

6. Bringing in The Letter Builder

To help us sketch our individual letters, we hid our initial background sketch and brought in another Ian Barnard favourite - The Letter Builder. The Letter Builder enabled us to maintain consistency in our letterforms with regards to size, width, thickness and style.

Creating Stunning Lettering Layouts with The Grid Builder

7. Creating our Foundation

We started the process of lettering in Procreate by flattening our current image and reducing its opacity. This way, we could still see its outline, but it didn't get in our way. We sketched our initial letters using one of Ian's go-to brushes, The Chalk Dust Brush Kit.

Creating Stunning Lettering Layouts with The Grid Builder

8. Lettering Away

At this point, we turned off both our Grid Builder and Letter Builder to expose our foundation. We reduced the opacity of our lettering skeleton and then began making our lettering more elaborate using a simple sans serif and brush script.

Creating Stunning Lettering Layouts with The Grid Builder

9. Bringing our Design to Life

Using our foundation, we started shading in our lettering and giving it depth.

Creating Stunning Lettering Layouts with The Grid Builder

10. The Final Design

After time spent adding depth, texture, and a small illustration to our top banner, we finally completed our lettering design! Thanks to the talented Ian barnard and his Grid Builder, we were able to create a stunning lettering piece.

Creating Stunning Lettering Layouts with The Grid Builder

Creating Stunning Lettering Layouts with The Grid Builder

To see how Ian pulled together this beautiful lettering layout, make sure to give the full video a watch!

Get the Products Used in this Webinar

Back To Top
Top