Categories
portfolio requests

232 of 365 is a monogram set for Shannon O’Connor [typography] #Inkscape

Shannon O'Connor
Shannon O’Connor

So here is another monogram study for a very good friend and regular contributor to this project, Shannon. Shannon is bright, kind, inventive, cool, smart, technologically proficient, creative, and a lot of fun to be around. In short, she’s amazing. I wanted to capture some of her qualities in these monograms. Hope you liked it, and thanks to Shannon for asking for it!

Categories
Illustration portfolio requests

A monogram for Dan Wadlinger #cc #design #typography #inkscape #dw

A monogram for Dan Wadlinger #cc #design #typography #inkscape #dw
A monogram for Dan Wadlinger #cc #design #typography #inkscape #dw

I’ve received a strong response of interest (maybe jealousy?) in the “friend monograms” sketches, and I’m saying right here that if you ask for one, I’ll make every effort to make you one, or in this case, 12. I think letterforms and their relationship are art. I got a lot of help from fontographers on these, but the kerning, custom nodes, placement and relationship, etc., is mine. Thanks for asking, Dan! That’s what this project is all about.

 

Categories
portfolio

A set of monograms for friends by John LeMasney via 365sketches.org #cc #design #typography

A set of monograms for friends by John LeMasney via 365sketches.org #cc #design #typography
A set of monograms for friends by John LeMasney via 365sketches.org #cc #design #typography

So this was inspired by the recent sketch of my longtime monogram as well as a conversation with Sarah Badawy about how some combinations of letters work better than others. In order to do each of these, I went through the same workflow in Inkscape each time:

  1. Using the text tool, type the first and last initial and highlight them both
  2. Using the font dialog, flip through each font until the right font shows up. The right font is one that properly represents the subject, provides an interesting way to connect the letters, creates an interesting shape, and is visually attractive.
  3. After the font is chosen, you can use the kerning features of the text tool (alt plus arrows when you have the cursor inserted) to move the letterforms into the perfect relationship.
  4. If there is any part of your font that you don’t care for (I don’t like dots on the letter i, generally) you can use the select tool to select and convert the text into a path (shift-ctrl-c) and then ungroup the text (ctrl-u) in order to work with the letterforms independently and also use the node editor to directly manipulate the text turned paths.

You can do it. You can also extend this methodology to any string of text to make logos, wordmarks, and text based art and design.

 

Categories
portfolio

A girl’s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design

A girl's face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design
A girl’s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design

This was an in-workshop creation for the Inkscape series at Princeton Public Library. We went and found an image of a young woman on Inkscape, and then I showed how to use the pencil tool to use text as a brush in Inkscape. Here are the steps involved:

  1. Import a picture with good contrast, of a highly recognizable face or other object. Contrast is key.
  2. Using Path/bitmap trace, create a vectorized version of the image and discard or set aside the original photograph.
  3. Choose a 50% gray for the bitmap traced vector in your palette and apply it.
  4. Type three words using the text tool. I think it’s interesting to use words that represent your subject. For this girl, the attendees chose innocent, young, and pensive. Each piece of text should be about half the size of the earlier piece; Innocent is 100 pt, Young is 50 pt, and pensive is 25 pt, for instance.
  5. For each string of text, separately, convert the text to path (shift-ctrl-c), ungroup the resulting paths (ctrl-u), then combine the paths into a single path (ctrl-k).
  6. Select your first, largest word (now a path), and copy the path to the clipboard (ctrl-c)
  7. select the pencil tool set to Spiro paths, 51% smoothing, and shape: from clipboard.
  8. test your pencil to the side of your page. You should now be painting with text.
  9. Now, working first with the largest piece of text, paint until you have covered the largest areas of gray in your image. You are essentially tracing and filling the image with the widest strokes first. Avoid the smaller areas as the large brush will be clumsy for that purpose.
  10. Copy your next word (path) and move back to your pencil to fill in finer details, being aware of the limits of the amount of detail that you can fit in with this size brush.
  11. Finally, copy the smallest word and use the pencil to fill in the finest details. When text covers all of the gray, you are finished your painting work.
  12. Select the gray bitmap traced image and move it off of your page, as it is no longer needed.
  13. Feel free to add a rectangle behind the image for background color, and to apply color to your text strokes you’ve applied. It helps to make the background a lighter color and the foreground marks you’ve made with the pencil a darker color. The more contrast, the better. In fact, black on white is a fine combination.
  14. Extra points if you grab a fabulous color combination from colourlovers.com as the basis for your color scheme. I searched for the keyword innocent to find the palette I used in this sketch. Look for the preview image link on the palette page and download and import the image into Inkscape. Then select the part of the image you wish to apply the color to and use the dropper tool to apply the palette’s colors.

Special thanks to workshop attendees for their inspiration in creating this sketch, and to you for stopping by!

 

Categories
brand design principles Illustration Inkscape portfolio references requests

Just Ask (Just Task)

Just ask (Just Task) by John LeMasney via lemasney.com
Just Ask (Just Task)

So this came out of a recent discussion with one of my oldest friends, Roch. He’s a great artist, and one of my lifelong inspirations. This sketch celebrates just one example of why I love him as a friend and mentor. He told me a few years back about an art project in which the focus was on a single phrase that could be taken in more then one way, but could also potentially be seen as a way of life.

As I understand it, Roch’s idea, “Just (t)ask”, is a play on words that indicates that as long as the thing you’re asking for is just (reasonable, not hurtful, helpful, etc.) I’m more than willing to consider helping you to do it. Just ask, just say the words, help me to understand that you want to do this thing, and let’s do it. Together.

Much love, Roch, and thanks for the inspiration for all the time I’ve known you.

Categories
portfolio

A pattern for a coffee can lantern by John LeMasney via 365sketches.org #cc #design

A pattern for a coffee can lantern by John LeMasney via 365sketches.org #cc #design
A pattern for a coffee can lantern by John LeMasney via 365sketches.org #cc #design

I recently came across a detailed DIY article on creating a coffee can lantern, and thought it was a great opportunity to see one’s design in a different, ahem, light. So I imagined what I might like to see flickering and dancing at 10 pm at night, and this is what I saw. I’m looking forward to cutting into the tin and seeing this bird fly a little. 🙂