skip to Main Content

Our

 

 news

Omni


/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 9.16.34 AM.png
When we set out to create this ‘lego type’, we were excited to dig into the analog side of making a typeface. This project was as fun as it was tedious. The challenge wasn’t just building letters out of Legos, but constructing legible lettering with limited shapes and pieces our of Legos–while also keeping in mind type theory, type anatomy, baseline, and x-height. We use a handful of typefaces for reference and just got building. It’s important to keep in mind when choosing a reference font that Legos are very basic geometric pieces. We found Pixel but any 8-bit style typefaces were the best jumping-off point. A couple good free choices from www.fontsquirrel.com were uni 05_53 by Craig Kroeger and Silkscreen by Jason Kottke.

After finding a reference point, it’s time to start constructing the pieces into the lettering of your choice. Be sure your letters are consistent with one another and all close in size or you’ll have your hands full. Once your letters are built, you can arrange them all together and photograph them. We limited ourselves to specific Lego pieces to keep our lettering consistent so we built and photographed each letter individually. Almost any digital camera will do for the photograph, of course the better the camera the higher the quality the image will be.

/Users/michaellindsey/Desktop/lego_m.jpg

 

 

Once your letters are photographed, upload them to your computer. The next step will be cutting out the background in Photoshop.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.36.48 PM.png

 

 

There are multiple approaches to doing this in Photoshop. Since we’re dealing with square and rectangular shapes, we used the Rectangular Marquee Tool. Select the shape as tight as you can and select Add vector mask in the lower menu bar of the layers panel which will automatically mask out the background.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.02.50 PM.png

 

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.02.50 PM_2.jpg

 

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.03.18 PM.png

 

Since the legs of the letter M extend beyond the Lego base we used the Polygon Lasso Tool to cut the background out of the bottom portion.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.03.26 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.04.37 PM.png /Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.48.42 PM.png

 

 

Once you’ve made the final selection, select the mask panel and type Shift + Delete. The layer fill menu will open. Select black for the Contents section with a 100% Opacity and hit OK. This will mask the remaining portion of the background.

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.51.19 PM.png

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.04.55 PM.png

 

/Users/michaellindsey/Desktop/Screen Shot 2017-10-24 at 3.05.12 PM.png

 

From this point onward, we will work on final touches, altering colors, arranging, sizing, and leveling letters. We didn’t have exact colors that were envision for this project–so we used the Hue/Saturation Adjustment layer option to alter the colors.

../Screen%20Shot%202017-10-24%20at%203.59.19%20PM.jpg ../Screen%20Shot%202017-10-24%20at%203.58.44%20PM.png

 

Adjusting the Hue slider to the right or left will render your layer a different color.
You can continue to tweak your lettering with the other adjustment panel options until you find the right look for your Lego type treatment.
This project will likely involve a lot of trial and error before you find the color and style you’re looking for so keep trying if the first attempt doesn’t turn out as you were envisioning. Creating fonts by hand is a relatively simple and fun project that gives you full control over your own fonts. Happy crafting!

../Screen%20Shot%202017-10-24%20at%209.16.34%20AM.png

Back To Top