{"id":2017,"date":"2009-09-18T06:55:52","date_gmt":"2009-09-18T06:55:52","guid":{"rendered":"http:\/\/aceinfowayindia.com\/blog\/?p=2017"},"modified":"2018-12-03T16:36:04","modified_gmt":"2018-12-03T16:36:04","slug":"how-to-create-letterpress-typography-in-photoshop","status":"publish","type":"post","link":"http:\/\/aceinfowayindia.com\/blog\/2009\/09\/how-to-create-letterpress-typography-in-photoshop\/","title":{"rendered":"How to Create Letterpress Typography in Photoshop"},"content":{"rendered":"<p>This is a beginning lavel design tutorial. In this tutorial i&#8217;ll learn you how to create letterpress typography in photoshop. This is very simple and effective tutorial. I hope you will enjoy this tutorial. <\/p>\n<p><!--more--><\/p>\n<h4>Final Preview<\/h4>\n<p>This is what we gone do today<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1.jpg\" alt=\"final1\" title=\"final1\" width=\"550\" height=\"398\" class=\"alignnone size-full wp-image-2019\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1-300x217.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Step #1<\/h4>\n<p>Open photoshop and create a new document, mine is <strong>550\u00d7398px<\/strong> with a white background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step1.jpg\" alt=\"letterpress-step1\" title=\"letterpress-step1\" width=\"543\" height=\"329\" class=\"alignnone size-full wp-image-2021\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step1.jpg 543w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step1-300x181.jpg 300w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/><\/p>\n<h4>Step # 2<\/h4>\n<p>Styling the background layer, creat a new layer, name the layer <strong>Background gradient<\/strong> <\/p>\n<p>Double-click on the Text layer\u2019s thumbnail in the Layers Panel to open up the Layer Styles dialog box, we will apply a vertical <strong>gradiant effect<\/strong> for your background. Then click on the color gradient on the right of the Gradient option to open up the Color Gradient Editor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2.jpg\" alt=\"letterpress-step2\" title=\"letterpress-step2\" width=\"550\" height=\"405\" class=\"alignnone size-full wp-image-2022\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2-300x220.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Double-click on left-color-stop and enter the color value <strong>#a9a9a9<\/strong>, then double-click on right-color-stop and enter the color value <strong>#e1e1e1<\/strong><\/p>\n<p><a href=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2b.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2b.jpg\" alt=\"letterpress-step2b\" title=\"letterpress-step2b\" width=\"431\" height=\"497\" class=\"alignnone size-full wp-image-2042\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2b.jpg 431w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2b-260x300.jpg 260w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/a><\/p>\n<p>Should look like this.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2-a.jpg\" alt=\"letterpress-step2-a\" title=\"letterpress-step2-a\" width=\"550\" height=\"398\" class=\"alignnone size-full wp-image-2024\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2-a.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step2-a-300x217.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Step : 3<\/h4>\n<p>Select text tool and type text on front.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step3.jpg\" alt=\"letterpress-step3\" title=\"letterpress-step3\" width=\"550\" height=\"398\" class=\"alignnone size-full wp-image-2025\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step3.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step3-300x217.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Now apply some effect<\/p>\n<h4>Color Overlay<\/h4>\n<p>Double-click on the Text layer\u2019s thumbnail in the Layers Panel to open up the Layer Styles dialog box. First we will apply <strong>color overlay<\/strong>, i choose <strong>#606060. <\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4.jpg\" alt=\"letterpress-step4\" title=\"letterpress-step4\" width=\"550\" height=\"411\" class=\"alignnone size-full wp-image-2026\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-300x224.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Inner Shadow <\/h4>\n<p>Next apply the inner shadow layer style. Keep the angle at <strong>90<sup>o<\/sup><\/strong>, than changing the values of opacity and Distance. I choose to set the <strong>opacity<\/strong> at <strong>75%<\/strong> and <strong>distance<\/strong> at <strong>1px<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-a.jpg\" alt=\"letterpress-step4-a\" title=\"letterpress-step4-a\" width=\"550\" height=\"411\" class=\"alignnone size-full wp-image-2028\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-a.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-a-300x224.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Drop Shadow <\/h4>\n<p>Finally we will apply the <strong>drop shadow<\/strong>, first change the <strong>blending option<\/strong> to <strong>normal<\/strong>.<\/p>\n<p>Change the shadow color from the default to <strong>#ffffff<\/strong> <\/p>\n<p>Keep the angle at <strong>90<sup>o<\/sup><\/strong>, than changing the values of opacity and Distance. I choose to set the <strong>opacity<\/strong> at <strong>47%<\/strong> and <strong>distance<\/strong> at <strong>1px<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-b.jpg\" alt=\"letterpress-step4-b\" title=\"letterpress-step4-b\" width=\"550\" height=\"411\" class=\"alignnone size-full wp-image-2029\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-b.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress-step4-b-300x224.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Final Preview<\/h4>\n<p>Finally we have done this tutorial.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1.jpg\" alt=\"final1\" title=\"final1\" width=\"550\" height=\"398\" class=\"alignnone size-full wp-image-2019\" srcset=\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1.jpg 550w, http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/final1-300x217.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h4>Download the source file<\/h4>\n<p>If you\u2019d like to check your work, you may download the PSD file for this tutorial<\/p>\n<p><a href='http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/09\/letterpress.rar'><strong>letterpress.rar<\/strong><\/a> (File size 22.3 kb)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a beginning lavel design tutorial. In this tutorial i&#8217;ll learn you how to create letterpress typography in photoshop. This is very simple and effective tutorial. I hope you will enjoy this tutorial.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,56],"tags":[59,23],"class_list":["post-2017","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-tutorials","tag-photoshop","tag-tutorials"],"_links":{"self":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/comments?post=2017"}],"version-history":[{"count":18,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2017\/revisions"}],"predecessor-version":[{"id":2045,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2017\/revisions\/2045"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=2017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=2017"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=2017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}