{"id":2364,"date":"2013-06-29T05:20:29","date_gmt":"2013-06-29T09:20:29","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2364"},"modified":"2013-08-22T03:07:56","modified_gmt":"2013-08-22T07:07:56","slug":"easy-typographic-portrait-in-photoshop-for-beginners","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/easy-typographic-portrait-in-photoshop-for-beginners\/","title":{"rendered":"Easy Typographic Portrait In Photoshop for Beginners."},"content":{"rendered":"<p><b>STEP-1: <\/b>choose a portrait image for your typography design.<\/p>\n<p><b><\/b> <a name=\"imageclose-2365\"><div class=\"lb-album\"><a href=\"#image-2365\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn1.jpg\" alt=\"beckn1\" class=\"size-full wp-image-2365 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2365\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2365\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn1.jpg\" alt=\"image-2365\">\r\n                   <\/div><\/a><\/p>\n<p><b>STEP-2:<\/b> <b>Creating<\/b> <b>Image Effect<\/b><\/p>\n<p>Convert the image into posterize effect by selecting Image &gt; Adjustments &gt; posterize. Set the Levels to 7.<\/p>\n<p><a name=\"imageclose-2366\"><div class=\"lb-album\"><a href=\"#image-2366\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/typo2.jpg\" alt=\"typo2\" class=\"aligncenter size-full wp-image-2367\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2366\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2366\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/typo2.jpg\" alt=\"image-2366\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-2367\"><div class=\"lb-album\"><a href=\"#image-2367\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn2.jpg\" alt=\"beckn2\" class=\"aligncenter size-full wp-image-2368\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2367\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2367\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn2.jpg\" alt=\"image-2367\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><b>STEP-3:<\/b>\u00a0\u00a0<b>Add Background Text \u2013 Important Step<\/b><\/p>\n<p>Lower your text opacity to around 20%. Create a new group (Layer \u2013 New \u2013 Group) and name it\u00a0<i>Text<\/i>. Use only the different fonts and sizes. Avoid large spaces between words. Fonts I used:<\/p>\n<ul>\n<li>Arial<\/li>\n<li>Cambria<\/li>\n<li>Die hund<\/li>\n<li>Impact<\/li>\n<li>Tahoma<\/li>\n<li>Times New Roman<\/li>\n<li>Verdana<\/li>\n<li>And little bit more default fonts<\/li>\n<\/ul>\n<p><a name=\"imageclose-2368\"><div class=\"lb-album\"><a href=\"#image-2368\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn3.jpg\" alt=\"beckn3\" class=\"aligncenter size-full wp-image-2371\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2368\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2368\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn3.jpg\" alt=\"image-2368\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Merge the text into layer and then, crop the layer by selecting the face region.<\/p>\n<p><a name=\"imageclose-2369\"><div class=\"lb-album\"><a href=\"#image-2369\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn4.jpg\" alt=\"beckn4\" class=\"aligncenter size-full wp-image-2372\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2369\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2369\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn4.jpg\" alt=\"image-2369\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Change the merged layer color by choosing Blending options &gt; Color overlay.<\/p>\n<p><a name=\"imageclose-2370\"><div class=\"lb-album\"><a href=\"#image-2370\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn5.jpg\" alt=\"beckn5\" class=\"aligncenter size-full wp-image-2373\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2370\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2370\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn5.jpg\" alt=\"image-2370\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><b>Step-5:<\/b> <strong>Creating effect<\/strong><\/p>\n<p>When you\u2019re done duplicate your\u00a0<em>TEXT<\/em>\u00a0group (Layer \u2013 Duplicate Group) and merge it (Ctrl+E). Make your unmerged\u00a0<em>TEXT <\/em>group invisible and select the face region by using Magic Wand Tool.<\/p>\n<p><a name=\"imageclose-2371\"><div class=\"lb-album\"><a href=\"#image-2371\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn6.jpg\" alt=\"beckn6\" class=\"aligncenter size-full wp-image-2374\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2371\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2371\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn6.jpg\" alt=\"image-2371\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-2372\"><div class=\"lb-album\"><a href=\"#image-2372\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn8.jpg\" alt=\"beckn8\" class=\"aligncenter size-full wp-image-2375\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2372\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2372\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn8.jpg\" alt=\"image-2372\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 6 \u2013 Create Background Text Effect<\/strong><\/p>\n<p>Make merged\u00a0<em>text<\/em>\u00a0layer visible again and apply following layer style.<\/p>\n<p><a name=\"imageclose-2373\"><div class=\"lb-album\"><a href=\"#image-2373\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn9.jpg\" alt=\"beckn9\" class=\"aligncenter size-full wp-image-2370\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2373\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2373\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn9.jpg\" alt=\"image-2373\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 7 \u2013 Final touches<\/strong><\/p>\n<p>Create new layer, go to Image then Apply Image, then go to Filter choose Render, select Lightning Effects and apply following settings. Here is the final result of portrait typography design.<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-2374\"><div class=\"lb-album\"><a href=\"#image-2374\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn.jpg\" alt=\"beckn\" class=\"aligncenter size-full wp-image-2376\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2374\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2374\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/beckn.jpg\" alt=\"image-2374\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>STEP-1: choose a portrait image for your typography design. STEP-2: Creating Image Effect Convert the image into posterize effect by selecting Image &gt; Adjustments &gt; posterize. Set the Levels to 7. &nbsp; &nbsp; &nbsp; &nbsp; STEP-3:\u00a0\u00a0Add Background Text \u2013 Important Step Lower your text opacity to around 20%. Create a new group (Layer \u2013 New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[146,9],"class_list":["post-2364","post","type-post","status-publish","format-standard","hentry","category-photoshop","tag-html5-with-css","tag-web-designing"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=2364"}],"version-history":[{"count":10,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2364\/revisions"}],"predecessor-version":[{"id":2415,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2364\/revisions\/2415"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}