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.
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.
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.
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.
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.
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.
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.
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.
9. Bringing our Design to Life
Using our foundation, we started shading in our lettering and giving it depth.
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.
To see how Ian pulled together this beautiful lettering layout, make sure to give the full video a watch!