{"id":5700,"date":"2010-08-03T15:22:54","date_gmt":"2010-08-03T19:22:54","guid":{"rendered":"http:\/\/365sketches.org\/?p=2436"},"modified":"2020-07-11T16:28:05","modified_gmt":"2020-07-11T20:28:05","slug":"225-of-365-is-a-text-based-portrait-of-a-girl-typography-inkscape-tutorial","status":"publish","type":"post","link":"https:\/\/lemasney.com\/consulting\/2010\/08\/03\/225-of-365-is-a-text-based-portrait-of-a-girl-typography-inkscape-tutorial\/","title":{"rendered":"A girl&#8217;s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design"},"content":{"rendered":"<div id=\"attachment_5106\" style=\"width: 819px\" class=\"wp-caption alignnone\"><a title=\"A girl's face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design\" href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/07\/20100803textportrait.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-5106\" data-attachment-id=\"5106\" data-permalink=\"https:\/\/lemasney.com\/consulting\/20100803textportrait\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100803textportrait.png?fit=809%2C500&amp;ssl=1\" data-orig-size=\"809,500\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"A girl&amp;#8217;s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design\" data-image-description=\"&lt;p&gt;A girl&amp;#8217;s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;A girl&amp;#8217;s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100803textportrait.png?fit=809%2C500&amp;ssl=1\" class=\"  wp-image-5106 size-full\" style=\"margin: 5px;\" title=\"A girl's face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/07\/20100803textportrait.png?resize=809%2C500&#038;ssl=1\" alt=\"A girl's face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design\" width=\"809\" height=\"500\" \/><\/a><p id=\"caption-attachment-5106\" class=\"wp-caption-text\">A girl&#8217;s face made of out text by John LeMasney via 365sketches.org #Inkscape #cc #typography #design<\/p><\/div>\n<p>This was an in-workshop creation for the Inkscape series at <a class=\"zem_slink\" title=\"Princeton Public Library\" href=\"http:\/\/maps.google.com\/maps?ll=40.3517,-74.6603&amp;spn=0.01,0.01&amp;q=40.3517,-74.6603 (Princeton%20Public%20Library)&amp;t=h\" target=\"_blank\" rel=\"geolocation noopener noreferrer\">Princeton Public Library<\/a>. 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:<\/p>\n<ol>\n<li>Import a picture with good contrast, of a highly recognizable face or other object. Contrast is key.<\/li>\n<li>Using Path\/bitmap trace, create a vectorized version of the image and discard or set aside the original photograph.<\/li>\n<li>Choose a 50% gray for the bitmap traced vector in your palette and apply it.<\/li>\n<li>Type three words using the text tool. I think it&#8217;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.<\/li>\n<li>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).<\/li>\n<li>Select your first, largest word (now a path), and copy the path to the clipboard (ctrl-c)<\/li>\n<li>select the pencil tool set to Spiro paths, 51% smoothing, and shape: from clipboard.<\/li>\n<li>test your pencil to the side of your page. You should now be painting with text.<\/li>\n<li>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.<\/li>\n<li>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.<\/li>\n<li>Finally, copy the smallest word and use the pencil to fill in the finest details. When text covers\u00a0all of the gray, you are finished your painting work.<\/li>\n<li>Select the gray bitmap traced image and move it off of your page, as it is no longer needed.<\/li>\n<li>Feel free to add a rectangle behind the image for background color, and to apply color to your text strokes you&#8217;ve applied. It helps to make the background a lighter color and the foreground marks you&#8217;ve made with the pencil a darker color. The more contrast, the better. In fact, black on white is a fine combination.<\/li>\n<li>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&#8217;s colors.<\/li>\n<\/ol>\n<p>Special thanks to workshop attendees for their inspiration in creating this sketch, and to you for stopping by!<\/p>\n<h6 class=\"zemanta-related-title\" style=\"font-size: 1em;\">Related articles<\/h6>\n<ul class=\"zemanta-article-ul\">\n<li class=\"zemanta-article-ul-li\"><a href=\"https:\/\/lemasney.com\/consulting\/2012\/12\/04\/20121204-swirl-a-typographic-flourish-by-john-lemasney-via-365sketches-org-cc-design-typography\/\" target=\"_blank\" rel=\"noopener noreferrer\">20121204: Swirl, a typographic flourish by John LeMasney via 365sketches.org #cc #design #typography<\/a> (365sketches.org)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"https:\/\/lemasney.com\/consulting\/2012\/11\/22\/20121122-sliced-by-john-lemasney-via-365sketches-org-cc-design-typography\/\" target=\"_blank\" rel=\"noopener noreferrer\">20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography<\/a> (365sketches.org)<\/li>\n<li class=\"zemanta-article-ul-li\"><a href=\"https:\/\/lemasney.com\/consulting\/2012\/11\/20\/20121120-a-study-in-hexagonal-geometry-by-john-lemasney-via-365sketches-org-design-cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc<\/a> (365sketches.org)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5106,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3654],"tags":[335,346,365,404,411,3870,670,865,866,923],"class_list":{"0":"post-5700","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-portfolio","8":"tag-gimp","9":"tag-google","10":"tag-graphics","11":"tag-image","12":"tag-inkscape","13":"tag-john-lemasney","14":"tag-princeton-public-library","15":"tag-vector-based","16":"tag-vector-graphics","17":"tag-wordpress","18":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100803textportrait.png?fit=809%2C500&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3h6y2-1tW","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":39,"url":"https:\/\/lemasney.com\/consulting\/2009\/12\/28\/number-7-is-a-girls-face-made-of-text\/","url_meta":{"origin":5700,"position":0},"title":"A girl&#8217;s face made of text cc-by lemasney #cc #design #typography","author":"lemsy","date":"2009-12-28","format":false,"excerpt":"I used\u00a0path as pattern path effect tool to make a stenciled face. In this case, I started with a photo of a girl's face, did a trace bitmap operation, made text lines in three different sizes, then converted the lines of Inkscape's text into paths, and used them to paint\u2026","rel":"","context":"In &quot;Illustration&quot;","block_context":{"text":"Illustration","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/illustration\/"},"img":{"alt_text":"A girl's face made of text cc-by lemasney","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091228.png?fit=505%2C500&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5722,"url":"https:\/\/lemasney.com\/consulting\/2010\/08\/25\/247-of-365-is-about-life-and-truth-typography-inkscape\/","url_meta":{"origin":5700,"position":1},"title":"About life and truth (potatoes gonna potate) by John LeMasney via 365sketches.org #typography #Inkscape #design #cc","author":"lemsy","date":"2010-08-25","format":false,"excerpt":"We are who we are. It's hard to break with what we know. I saw this idea somewhere, and wanted to pay a little Inkscape homage to the idea. Cause we're all potatoes in one way or another, and potatoes gonna potate. Tomatoes gonna tomate. Haters gonna hate. Related articles\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"About life and truth (potatoes gonna potate) by John LeMasney via 365sketches.org #typography #Inkscape #design #cc","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100825potatoes.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100825potatoes.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100825potatoes.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100825potatoes.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5759,"url":"https:\/\/lemasney.com\/consulting\/2010\/10\/01\/324-of-365-is-a-squirrel-made-out-of-text-typography-inkscape\/","url_meta":{"origin":5700,"position":2},"title":"A squirrel made out of text by John LeMasney via 365sketches.org #cc #design #typography\u00a0#Inkscape","author":"lemsy","date":"2010-10-01","format":false,"excerpt":"Here's the latest in the series, a squirrel, an incredibly common animal here in the Northeast. Thanks to Amy Kaufman for the suggestion! Tags: animals, squirrels, northeast, rodent, scavenger, nuts, trees, fall, scurry, Inkscape, design, type, typography, open source, creative commons Related articles 20121120: A study in hexagonal geometry by\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"A squirrel made out of text by John LeMasney via 365sketches.org #cc #design #typography\u00a0#Inkscape","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/10\/20101001squirrel.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/10\/20101001squirrel.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/10\/20101001squirrel.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/10\/20101001squirrel.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5728,"url":"https:\/\/lemasney.com\/consulting\/2010\/08\/31\/253-of-365-is-a-giraffe-made-out-of-text-typography-design-inkscape-tutorial-strnglibrarian\/","url_meta":{"origin":5700,"position":3},"title":"253 of 365 is a giraffe made out of text by John LeMasney via 365sketches.org #typography #design #inkscape #tutorial #cc","author":"lemsy","date":"2010-08-31","format":false,"excerpt":"So my libland friend Julie asked me to sketch her a giraffe, and I do just about anything Julie asks. In this case, I did the following to fulfill her request: I found a silhouette of a giraffe and imported it into Inkscape. I lowered the opacity on the giraffe\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"253 of 365 is a giraffe made out of text by John LeMasney via 365sketches.org #typography #design #inkscape #tutorial #cc","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/08\/20100831giraffe.png?fit=500%2C809&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1358,"url":"https:\/\/lemasney.com\/consulting\/2010\/06\/28\/189-of-365-is-a-greeting-in-inkscape-3d-type\/","url_meta":{"origin":5700,"position":4},"title":"An illustration of the phrase &#8220;what&#8217;s up?&#8221; by John LeMasney via 365sketches.org #3d #typography #drawing #greeting","author":"lemsy","date":"2010-06-28","format":false,"excerpt":"I'll start by saying that the text in this image, and its 3D treatment were not done in Inkscape, but in a free (but not open source) version of the application called SketchUp, owned by Google, and used to build really wonderful things in three dimensions. After making the text\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"An illustration of the phrase \"what's up?\" by John LeMasney via 365sketches.org #3d #typography #drawing #greeting","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100628greeting.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100628greeting.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100628greeting.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100628greeting.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":4911,"url":"https:\/\/lemasney.com\/consulting\/2012\/11\/22\/20121122-sliced-by-john-lemasney-via-365sketches-org-cc-design-typography\/","url_meta":{"origin":5700,"position":5},"title":"20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography","author":"lemsy","date":"2012-11-22","format":false,"excerpt":"So this one is pretty straightforward: In Inkscape, place some text with the text tool, convert to a path, ungroup, then union, so that the text is now a single path. Place a line across it with the Bezier tool. Select both paths and intersect, using the line to cut\u2026","rel":"","context":"In &quot;Illustration&quot;","block_context":{"text":"Illustration","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/illustration\/"},"img":{"alt_text":"20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111121.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111121.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111121.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111121.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/comments?post=5700"}],"version-history":[{"count":11,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5700\/revisions"}],"predecessor-version":[{"id":46508,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/5700\/revisions\/46508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media\/5106"}],"wp:attachment":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media?parent=5700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/categories?post=5700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/tags?post=5700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}