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:
- Import a picture with good contrast, of a highly recognizable face or other object. Contrast is key.
- Using Path/bitmap trace, create a vectorized version of the image and discard or set aside the original photograph.
- Choose a 50% gray for the bitmap traced vector in your palette and apply it.
- 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.
- 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).
- Select your first, largest word (now a path), and copy the path to the clipboard (ctrl-c)
- select the pencil tool set to Spiro paths, 51% smoothing, and shape: from clipboard.
- test your pencil to the side of your page. You should now be painting with text.
- 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.
- 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.
- 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.
- Select the gray bitmap traced image and move it off of your page, as it is no longer needed.
- 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.
- 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!
Related articles
- 20121204: Swirl, a typographic flourish by John LeMasney via 365sketches.org #cc #design #typography (365sketches.org)
- 20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography (365sketches.org)
- 20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc (365sketches.org)
This content is published under the Attribution 3.0 Unported license.
cool! one of these days i’m gonna try it!
Cool, Cuz! So glad — that’s a big part of my project is getting people to try it for themselves.
I absolutely love these “drawings” John. (Is that what you call them?). They never cease to amaze me, even if your instructions make them seem relatively simple.
Thanks, Paul! I call them sketches, but they could also be called drawings, illustrations, paintings, etc. I love the amazement, but I also love showing people how easy it is with the right tool and some know-how. Loving your project too, as always!
thanx for describing steps to generate this
i love these kind of things
hope u’l do in the future too
I did another one today!