{"id":2255,"date":"2017-05-18T07:08:20","date_gmt":"2017-05-18T13:08:20","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=2255"},"modified":"2017-05-15T16:09:58","modified_gmt":"2017-05-15T22:09:58","slug":"display-text-typography-projects","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2017\/05\/display-text-typography-projects\/","title":{"rendered":"Display Text Typography Projects"},"content":{"rendered":"<p>Continuing with my ongoing education in design, I focused recently on typography and layout. And I went through two Lynda.com courses to do it.<\/p>\n<p>Those courses are called <em>Learning to Set Display Type<\/em> and\u00a0<em>Learning Graphic Design: Set Perfect Text.\u00a0<\/em>They are both taught by John McWade.<\/p>\n<p>The classes John McWade teaches\u00a0are exceptional because he is such an excellent instructor and quite good at explaining the concepts he is trying to get across. I recommend both of the classes I mentioned above, as well as other classes in the Lynda library by this instructor. Here are previews of these two courses.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.lynda.com\/player\/embed\/611344?fs=3&amp;w=560&amp;h=315&amp;ps=paused&amp;utm_medium=referral&amp;utm_source=embed+video&amp;utm_campaign=ldc-website&amp;utm_content=vid-611344\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div style=\"margin-bottom: 10px;\"><strong><a title=\"Discover how to harness the power of type. Learn how to set display type, combine typefaces, work with type in photos, and avoid common mistakes.\" href=\"https:\/\/www.lynda.com\/Graphic-Design-tutorials\/Learning-Set-Display-Type\/574686-2.html\">Learning to Set Display Type<\/a><\/strong> by <a href=\"https:\/\/www.lynda.com\/author\/688518\">John McWade<\/a><\/div>\n<div style=\"margin-bottom: 10px;\"><\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.lynda.com\/player\/embed\/430240?fs=3&amp;w=560&amp;h=315&amp;ps=paused&amp;utm_medium=referral&amp;utm_source=embed+video&amp;utm_campaign=ldc-website&amp;utm_content=vid-430240\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div style=\"margin-bottom: 10px;\"><strong><a title=\"Learn to set text perfectly, adjusting letterforms so they are balanced and beautiful, with these tips from lynda.com's &lt;em&gt;Before &amp; After&lt;\/em&gt; guru John McWade.\" href=\"https:\/\/www.lynda.com\/Page-Layout-tutorials\/Before-After-How-Set-Perfect-Text\/372538-2.html\">Learning Graphic Design: Set Perfect Text<\/a><\/strong> by <a href=\"https:\/\/www.lynda.com\/author\/688518\">John McWade<\/a><\/div>\n<div style=\"margin-bottom: 10px;\"><\/div>\n<div style=\"margin-bottom: 10px;\">\n<hr \/>\n<p>Neither of these classes include exercise files. But after watching both of these courses I was inspired and motivated to try my own type projects, to put his advice into use.<\/p>\n<h1>Type Rules\u00a0I Learned<\/h1>\n<\/div>\n<div style=\"margin-bottom: 10px;\">It sounds basic, but I wasn&#8217;t aware that some fonts have additional glyphs that can be used instead of the regular font. Bookmania is an example of a font with tons of extra options for letters.<\/div>\n<div style=\"margin-bottom: 10px;\">I also learned about justifying text, using hyphenation and spacing to help words fit. I also learned about using hair-spaces and thin-spaces, and using\u00a0drop-caps.<\/div>\n<div style=\"margin-bottom: 10px;\">Actually, the class doesn&#8217;t go into how exactly one would create a dropcap. So, I turned to YouTube &#8211; or as I like to call it, the second internet &#8211; to find another tutorial.<\/div>\n<div style=\"margin-bottom: 10px;\">And I found one. This one is actually by another Lynda instructor, Anne-Marie Concepcion. She makes it look so easy.<\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/fRn1JjGlWO4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div style=\"margin-bottom: 10px;\">\u00a0As soon as I learned how to do this, I wanted to try it right away. Voila!<\/div>\n<h1 style=\"margin-bottom: 10px;\">Type Stuff I Made<\/h1>\n<h4 style=\"margin-bottom: 10px;\">dropcaps<\/h4>\n<div style=\"margin-bottom: 10px;\">Now we&#8217;re getting to the fun part. First is the dropcap I made after watching the YouTube video.<\/div>\n<figure id=\"attachment_2267\" aria-describedby=\"caption-attachment-2267\" style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"size-full wp-image-2267\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/dropcap.jpg\" alt=\"Drop cap and Display type\" width=\"490\" height=\"582\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/dropcap.jpg 490w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/dropcap-253x300.jpg 253w\" sizes=\"(max-width: 490px) 85vw, 490px\" \/><figcaption id=\"caption-attachment-2267\" class=\"wp-caption-text\">Used Bookmania and a Lynda tutorial to create a dropcap.<\/figcaption><\/figure>\n<p>In this one, I was able to move the text corners so that the text flowed around the dropcap R. Looks cool.<\/p>\n<figure id=\"attachment_2268\" aria-describedby=\"caption-attachment-2268\" style=\"width: 583px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"size-full wp-image-2268\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/name.jpg\" alt=\"\" width=\"583\" height=\"170\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/name.jpg 583w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/name-300x87.jpg 300w\" sizes=\"(max-width: 583px) 85vw, 583px\" \/><figcaption id=\"caption-attachment-2268\" class=\"wp-caption-text\">I was inspired to use the extra glyphs in Bookmania to create my own name. I used the smallcap version of the letter &#8216;A&#8217; in the word, &#8220;alliwalk&#8221;.<\/figcaption><\/figure>\n<h2>Projects with Images<\/h2>\n<p>I like to collect stock photos &#8211; I know, it&#8217;s a bad habit &#8211; because I think that someday I&#8217;ll use one for a project. So, I end up with many stock photos that I don&#8217;t use. (Sometimes I use them here on my blog.)\u00a0Well, I was finally able to put a few to good use.<\/p>\n<h4>All Dressed Up<\/h4>\n<p>The first is this nice &#8220;Man in a suit putting on a tie&#8221;. I wasn&#8217;t sure what I was going for. Maybe a book cover or magazine spread. But, I think what I have is some sort\u00a0of flyer concept.<\/p>\n<figure id=\"attachment_2270\" aria-describedby=\"caption-attachment-2270\" style=\"width: 1224px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup.jpg\"><img loading=\"lazy\" class=\"wp-image-2270 size-full\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup.jpg\" alt=\"\" width=\"1224\" height=\"792\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup.jpg 1224w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup-300x194.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup-768x497.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup-1024x663.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/alldressedup-1200x776.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-2270\" class=\"wp-caption-text\">This image uses Bickham Script Pro and Didot.<\/figcaption><\/figure>\n<p>This image uses Bickham Script Pro, which has tons of fancy glyphs, and Didot. Didot has a certain fashionable sense to it, and I think it works. I wanted this to have a bespoke aura about it, yet still masculine. The italicized Dido, and the extra swirls from Bickham Script Pro help to get that across.<\/p>\n<h4>New rules of computer technology<\/h4>\n<figure id=\"attachment_2271\" aria-describedby=\"caption-attachment-2271\" style=\"width: 1224px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech.jpg\"><img loading=\"lazy\" class=\"size-full wp-image-2271\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech.jpg\" alt=\"\" width=\"1224\" height=\"792\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech.jpg 1224w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech-300x194.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech-768x497.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech-1024x663.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/05\/computertech-1200x776.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-2271\" class=\"wp-caption-text\">BarryW90-Black, BarryW90-Thin, Futura Medium, and Minion Pro<\/figcaption><\/figure>\n<p>In this case I wanted to use justified type, as John McWade had shown in his course. I stuck with Minion Pro, because it was easier to work with. And I added in a few random elements &#8211; a few numbers, some quotes, some pronouns &#8211; just to incorporate some of the lessons from the course. One thing I wasn&#8217;t able to replicate was keeping the subsequent letters from the\u00a0word in the dropcap closer than the other words on lines 2 and 3. InDesign just wasn&#8217;t cooperating for me.<\/p>\n<p>But I did enjoy this project. BarryW90-Black and Thin are highly stylized, very technical-looking fonts. I was inspired to find a new stock photo for them. Something computer-oriented.<\/p>\n<p>&nbsp;<\/p>\n<h1>Next time&#8230;<\/h1>\n<p>In my next post, I&#8217;ll talk about a few more projects in InDesign, and another type\/logo(!) project I made for a fake company I invented\u00a0called Apex Travel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuing with my ongoing education in design, I focused recently on typography and layout. And I went through two Lynda.com courses to do it. Those courses are called Learning to Set Display Type and\u00a0Learning Graphic Design: Set Perfect Text.\u00a0They are both taught by John McWade. The classes John McWade teaches\u00a0are exceptional because he is such &hellip; <a href=\"https:\/\/alliwalk.com\/blog\/2017\/05\/display-text-typography-projects\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Display Text Typography Projects&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[37,4,1,343],"tags":[439,438,348,33],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2255"}],"collection":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/comments?post=2255"}],"version-history":[{"count":8,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2255\/revisions"}],"predecessor-version":[{"id":2276,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2255\/revisions\/2276"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=2255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=2255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=2255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}