{"id":19712,"date":"2017-06-27T14:00:23","date_gmt":"2017-06-27T21:00:23","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=19712"},"modified":"2017-06-26T15:53:16","modified_gmt":"2017-06-26T22:53:16","slug":"tutorial-tuesday-photoshop-elements-40","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2017\/06\/tutorial-tuesday-photoshop-elements-40\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Over-the-Top TITLES<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19713\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_blog_TeachYouIWill_Header-3-500x17.jpg\" alt=\"\" width=\"500\" height=\"17\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_blog_TeachYouIWill_Header-3-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_blog_TeachYouIWill_Header-3-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_blog_TeachYouIWill_Header-3.jpg 783w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I don&#8217;t know about the rest of you but I&#8217;ve had a ridiculously busy week. Actually, all of June has been ridiculously busy! So this week&#8217;s tutorial is a quick-and-dirty little how-to that was inspired by some of the layouts popping up on my Facebook feed. I thought I&#8217;d show you how to have your title looking like it&#8217;s coming right out of a fantastic panoramic photo. So I went through some of my favourite scenic shots and chose this one of the Crescent City Connection bridge over the Mississippi River in New Orleans. In the screenshot below, the transparent canvas underneath it is 12&#215;12, because I thought I&#8217;d use that size canvas&#8230; but&#8230;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19715\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/1-4-500x207.jpg\" alt=\"\" width=\"500\" height=\"207\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/1-4-500x207.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/1-4-768x318.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/1-4-875x362.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/1-4.jpg 1078w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I changed my mind and cropped it down to the same size as the photo.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19716\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/2-3-500x194.jpg\" alt=\"\" width=\"500\" height=\"194\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/2-3-500x194.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/2-3-768x297.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/2-3-875x339.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/2-3.jpg 1085w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Then I took a look through my fonts (using MainType 7.0, of course!) and found a meaty, slab-type font that would be perfect for my purpose. It&#8217;s called <strong>Konga Pro<\/strong> and it&#8217;s got that lazy, Deco summer-day kind of look to it. I typed out my title and enlarged it to stretch from one side of my canvas to the other. The photo&#8217;s visibility is turned off so I don&#8217;t get confused.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19717\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/3-3-500x268.jpg\" alt=\"\" width=\"500\" height=\"268\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/3-3-500x268.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/3-3-768x411.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/3-3.jpg 822w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Then I copied my photo (<strong>CRTL\/CMD&gt;J<\/strong>) and moved the copy on top of my title as I&#8217;ve shown below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19718\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/4-3-500x191.jpg\" alt=\"\" width=\"500\" height=\"191\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/4-3-500x191.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/4-3-768x293.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/4-3-875x334.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/4-3.jpg 1094w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Visibility of the first photo is still off for this step. Clip the photo to the title; <strong>CTRL\/CMD&gt;G<\/strong> is your <strong>WSNH<\/strong> shortcut.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19719\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/5-4-500x194.jpg\" alt=\"\" width=\"500\" height=\"194\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/5-4-500x194.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/5-4-768x298.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/5-4-875x339.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/5-4.jpg 1094w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>If you&#8217;re happy with the placement and appearance, go ahead and merge your clipping mask and photo layers. \u00a0Select both the layers in the <strong>Layers panel<\/strong> then\u00a0<strong>WSNH<\/strong> = <strong>CTRL\/CMD&gt;E<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19720\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/6-3-500x197.jpg\" alt=\"\" width=\"500\" height=\"197\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/6-3-500x197.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/6-3-768x303.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/6-3-875x345.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/6-3.jpg 1042w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Now to set the title apart from the photo. Choose a colour from the photo to use for a narrow stroke around the outside. I chose one of the dark blue shades. You want a visible separation but nothing really obvious; since my photo is a night shot, dark was my choice, but if you&#8217;re using a winter scene or a beach scene, it might be better to choose a lighter colour. You&#8217;ll know it&#8217;s right when you see it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19721\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/7-3-500x347.jpg\" alt=\"\" width=\"500\" height=\"347\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/7-3-500x347.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/7-3-768x533.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/7-3-835x580.jpg 835w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/7-3.jpg 910w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I went with 10 pixels for this outline, just to tighten it up and give a bit of definition. I centered it on the edge to smooth out the jagged pixels.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19722\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/8-3-500x328.jpg\" alt=\"\" width=\"500\" height=\"328\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/8-3-500x328.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/8-3.jpg 622w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>As you can see below, it looks just fine.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19723\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/9-3-500x320.jpg\" alt=\"\" width=\"500\" height=\"320\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/9-3-500x320.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/9-3.jpg 635w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Another stroke outside the first one will add a little more distinction. I tried white and 20 pixels.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19724\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/10-3-500x326.jpg\" alt=\"\" width=\"500\" height=\"326\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/10-3-500x326.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/10-3.jpg 622w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Not loving it! The white is too much, and too wide. So for my next version, I dropped the width down to 10 pixels again.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19725\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/11-3-500x319.jpg\" alt=\"\" width=\"500\" height=\"319\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/11-3-500x319.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/11-3.jpg 626w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I made the stroke a greenish-grey pulled from the horizon. Not really working either.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19726\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/12-3-500x308.jpg\" alt=\"\" width=\"500\" height=\"308\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/12-3-500x308.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/12-3-768x472.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/12-3-875x538.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/12-3.jpg 907w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>But this bronze from the lights reflecting on the water is subtle, and it looks much nicer to my eye. I&#8217;m going to go with this one.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19727\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/13-3-500x289.jpg\" alt=\"\" width=\"500\" height=\"289\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/13-3-500x289.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/13-3-768x444.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/13-3-875x506.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/13-3.jpg 899w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Pop in a bit of a drop shadow and it&#8217;s just the look I was after!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19728\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/14-3-500x190.jpg\" alt=\"\" width=\"500\" height=\"190\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/14-3-500x190.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/14-3-768x292.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/14-3-875x333.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/14-3.jpg 1091w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>With the shadow, it&#8217;s got some dimension. Give it a shot with one of your favourite scenic photos and a hefty font and see how you like it!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19729\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/15-3-500x314.jpg\" alt=\"\" width=\"500\" height=\"314\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/15-3-500x314.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/15-3.jpg 635w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-19714\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_footer_Jan-3-500x19.jpg\" alt=\"\" width=\"500\" height=\"19\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_footer_Jan-3-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_footer_Jan-3-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2017\/06\/GS_footer_Jan-3.jpg 586w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over-the-Top TITLES I don&#8217;t know about the rest of you but I&#8217;ve had a ridiculously busy week. Actually, all of June has been ridiculously busy! So this week&#8217;s tutorial is a quick-and-dirty little how-to that was inspired by some of the layouts popping up on my Facebook feed. I thought I&#8217;d show you how to [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-24 10:50:12","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/19712"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=19712"}],"version-history":[{"count":2,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/19712\/revisions"}],"predecessor-version":[{"id":19731,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/19712\/revisions\/19731"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=19712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=19712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=19712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}