{"id":142,"date":"2009-05-03T21:52:16","date_gmt":"2009-05-04T04:52:16","guid":{"rendered":"http:\/\/orangutangy.yukikodesign.com\/?p=142"},"modified":"2009-05-03T22:42:01","modified_gmt":"2009-05-04T05:42:01","slug":"photoshop-cs3-letterpress-tutorial","status":"publish","type":"post","link":"https:\/\/yukikodesign.com\/orangutangy\/?p=142","title":{"rendered":"Photoshop CS3+ Letterpress Tutorial"},"content":{"rendered":"<p><a rel=\"attachment wp-att-143\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=143\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-143 alignnone\" title=\"letterpress tutorial finished\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_0.jpg\" alt=\"letterpress tutorial finished\" width=\"360\" height=\"227\" \/><\/a><\/p>\n<p style=\"text-align: left;\">Here is a simple way to get a letterpress effect in Photoshop CS3 and above.<\/p>\n<p style=\"text-align: left;\">To summarize, you apply a bevel and emboss layer style to the area around the &#8216;imprinted&#8217; art. For this tutorial, I will show how to make the effect and then use smart objects to warp it non-destructively.<!--more--><\/p>\n<ol>\n<li>Here&#8217;s my background card that I want to &#8216;letterpress&#8217;.<br \/>\n<a rel=\"attachment wp-att-144\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=144\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-144 alignnone\" title=\"letterpress_tutorial_1\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_1-300x187.jpg\" alt=\"letterpress_tutorial_1\" width=\"300\" height=\"187\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_1-300x187.jpg 300w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_1.jpg 575w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><\/a><\/li>\n<li>Create the art\/text that will be imprinted<br \/>\n<a rel=\"attachment wp-att-145\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=145\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-145 alignnone\" title=\"letterpress_tutorial_2\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_2-300x187.jpg\" alt=\"letterpress_tutorial_2\" width=\"300\" height=\"187\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_2-300x187.jpg 300w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_2.jpg 575w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><\/a><\/li>\n<li>Create a color fill layer. Set fill to 0.<br \/>\n<a rel=\"attachment wp-att-146\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=146\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-146 alignnone\" title=\"letterpress_tutorial_3\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_3.jpg\" alt=\"letterpress_tutorial_3\" width=\"575\" height=\"360\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_3.jpg 575w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_3-300x187.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p><\/a><\/li>\n<li>Mask out the area of the art layer. To do this, create a selection of the art by CTRL + clicking the layer in the layers pallete. Now select the Color fill&#8217;s layer mask fill the selection with black.<br \/>\n<a rel=\"attachment wp-att-147\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=147\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-147\" title=\"letterpress_tutorial_4\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_4.jpg\" alt=\"letterpress_tutorial_4\" width=\"575\" height=\"360\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_4.jpg 575w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_4-300x187.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p><\/a><\/li>\n<li>Add a &#8216;Bevel and emboss&#8217; layer style to the color fill layer. Set the direction to &#8216;Up&#8217; and adjust the depth, size, and opacity of the emboss style. (Press ok) These settings will change depending on the size of your document, but here&#8217;s a screenshot to start you off.<br \/>\n<a rel=\"attachment wp-att-149\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=149\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-149\" title=\"letterpress_tutorial_5\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_5.jpg\" alt=\"letterpress_tutorial_5\" width=\"575\" height=\"360\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_5.jpg 575w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_5-300x187.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p><\/a><\/li>\n<li>To warp non-destructively, create a smart object from the art and fill layer. To do this, select both the art and fill layer, right-click and select &#8216;Convert to Smart Object&#8217;. Now you can free-transform the smart-object and\/or also warp it.<br \/>\n<a rel=\"attachment wp-att-148\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=148\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-148\" title=\"letterpress_tutorial_6\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_6.jpg\" alt=\"letterpress_tutorial_6\" width=\"575\" height=\"360\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_6.jpg 575w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_6-300x187.jpg 300w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p><\/a><\/li>\n<li>Complete!<a rel=\"attachment wp-att-143\" href=\"http:\/\/orangutangy.yukikodesign.com\/?attachment_id=143\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-143 alignnone\" title=\"letterpress tutorial finished\" src=\"http:\/\/orangutangy.yukikodesign.com\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_0.jpg\" alt=\"letterpress tutorial finished\" width=\"460\" height=\"288\" srcset=\"https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_0.jpg 575w, https:\/\/yukikodesign.com\/orangutangy\/wp-content\/uploads\/2009\/05\/letterpress_tutorial_0-300x187.jpg 300w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/a><\/li>\n<\/ol>\n<p>Afterword:<\/p>\n<p>You can change the art color afterwards without affecting the letterpress effect since it&#8217;s on the fill layer. However, if you change shape of the art then you will have to recreate the mask. Not too much work though right? If you have complicated art, I would suggest creating a smart object of just the art for easy selection. (Just one click as opposed to going through selecting layer-by-layer) Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is a simple way to get a letterpress effect in Photoshop CS3 and above. To summarize, you apply a bevel and emboss layer style to the area around the &#8216;imprinted&#8217; art. For this tutorial, I will show how to make the effect and then use smart objects to warp it non-destructively.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[134,75],"tags":[141,5,143,142,104,252],"class_list":["post-142","post","type-post","status-publish","format-standard","hentry","category-experiments","category-tutorial","tag-cs3","tag-design","tag-effect","tag-letterpress","tag-photoshop","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/posts\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142"}],"version-history":[{"count":22,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=\/wp\/v2\/posts\/142\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yukikodesign.com\/orangutangy\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}