Sunday, March 9, 2014

Special K Moments™ Lettering




Back in March, 2013  I worked on a project to create lettering for  Special K Moments. This is a beautiful lettering style and it looks great on the package. As with many projects a lot of lettering in various styles was created during the design process. All sent to the amazing designers at Anthem who brought this lettering and package design to the consumer market.

These are some of the Moments variations created at the time.


Friday, March 7, 2014

A Technique to Vectorize Lettering

I am posting these images as reference to a How to Vectorize topic at the Flourish Forum which is an excellent source for hand lettering discussions and inspiration. The lettering sample is courtesy of Erica McPhee.

There are many ways to create lettering as vector art. This is one technique I use daily for both commercial and personal work.

Start with a preliminary sketch, scan the sketch and open the image file in Photoshop. Adjust to image size for use as a drawing template in Illustrator. I tend to work at  a 40" width for most lettering projects. The resolution is very low 72 or 75 dpi as the file will not be used for print reproduction.


Adjust the levels as the objective is to posterize the image as a bitmap tiff for import to Illustrator.


Posterize the image.


Save the file as a tiff image.


Save the file as a bitmap image to reduce the files size.


Open the image file in Illustrator

Create a template layer with the image and adjust the value to 10%.


Create a new layer for use as the vector path drawing layer.


Begin drawing vector lines. Try to keep the paths as smooth as possible.



Continue drawing path placement and adjusting beizer handles and follow the template image.


Select the path and adjust the overall weight to match the hairline quality of the lines you desire. With the size of this particular lettering I changed the stroke weight to 6 points with round end caps and corners. Round caps and corners will soften the endpoints of the paths instead of finishing the paths with sharp pointy ends.


With the paths selected go to the Illustrator Object pull down menu, select  sub menu Paths and then Outline Stroke. This will turn the path into an object which will be modified by adjusting the points along the path including the bezier handles.



Select points along the path, move and adjust to paths to follow the template image.


Continue adjusting paths of all the letters in your composition. This is not meant to be a fast process. Take your time as the goal is to produce beautiful smooth curves for each letter.  

After you adjust the paths of each letter view your work in non preview mode. This will allow you to see what needs to be fine tuned as the lettering composition continues. The letterforms will change as the vector drawing process continues.

Some paths may not match up to the template image. I tend to turn off the template image after the basic letterforms  are setup. I will move and adjust paths depending on how the letters relate to one another.  The most important aspect of this process is to enjoy what you are creating regardless of the time it may take to adjust all the lines, shapes, curves and bezier handles. 





I often use the Pathfinder filters to unite all the vector paths into one compound path. This technique allows for cleanup of any irregularities. 



This image shows an odd transition between the letters o and m of a lettering piece created in 2013. To get a smooth flow all the paths were selected and  the Compound Path Unite filter was applied. 


All the paths transformed to one compound path and the irregular line segment was adjusted to a smooth flowing stroke between letters.


Points on a path are often deleted or moved while lettering in vector format. It's all part of the process.



Another technique to adjust the thickness of an outlined path is to draw closed paths over the original outline. With this lower case p, a new shape was drawn over the original path to create a thick downstroke.


A second closed path was added to the p. The Pathfinder Unite filter was applied to transform the p to a compound path.


There are many different methods to create thick and thins with vector lettering. It's all a matter of practice to find what works best.












Friday, February 28, 2014

First Composition for 26 Seeds: A Year to Grow



Yesterday I finished my first  project for Reggie Ezell's 26 Seeds: A Year to Grow workshop. There will be many to follow for this year long workshop. This composition included monoline proportion studies. The proportions were used to letter the word Calligraphy in Roman caps style.

Since attending the first workshop a month ago I have been practicing letter proportions drawn on grids. Every letter in this composition was drawn on a grid. Many sketches were scanned as alpha channel masks while painting with pixels in Photoshop. This composition is a rather large 25" x 10" Photoshop file @ 1200 dpi printed as a Giclée.

Even though I letter in digital format all the preliminary steps happen on the drawing board with a variety of writing instruments. My studio space is not suited for painting on large canvas so I prefer digital for painting. My goal with this workshop its to learn and combine traditional methods with digital techniques. The final art will be large format archive quality prints.




Thursday, February 13, 2014

Back to the Basics



In order to improve as a lettering artist I have to study letterform proportions. Lettering workshops sponsored by the Chicago Calligraphy Collective are an excellent source for improving skills. I recently attended the first 26 Seeds: A Year To Grow workshop taught by Reggie Ezell.  All participants practiced pencil Monolines on grid paper.

For the past couple weeks this pencil on grid study has been lettered hundreds of times in order to develop a better eye for lettering proportions. I am getting to the point in which I can letter Monoline in decent proportion with a pencil at any size  minus the grid paper. 

Monday, January 27, 2014

My Lettering Slant Board

This past month I decided to make a slant board. I needed something for both  in studio use and easy transport to lettering workshops. My first mock up slant board was produced with milled MDF. The advantage of this setup was a base that could be flipped over to allow for either shallow or steep drawing board angles. Fine for use in my studio but too heavy for weekend workshop travel.  After a month of practice with the MDF assembly I had a good idea for a refined design.


The current slant board is made with a piece of Australian Lacewood. The top is Baltic Birch plywood with  strips of Lacewood added to enhance the appearance. 


Wednesday, December 4, 2013

A Practice Session

I had some free time this evening for a little bit of practice with a Condor nib.