{"id":16971,"date":"2016-11-22T13:00:14","date_gmt":"2016-11-22T21:00:14","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=16971"},"modified":"2016-11-21T15:47:06","modified_gmt":"2016-11-21T23:47:06","slug":"tutorial-tuesday-photoshop-elements-11","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2016\/11\/tutorial-tuesday-photoshop-elements-11\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Titles with STYLE(s)<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16972\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_blog_TeachYouIWill_Header-2-500x17.jpg\" alt=\"gs_blog_teachyouiwill_header\" width=\"500\" height=\"17\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_blog_TeachYouIWill_Header-2-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_blog_TeachYouIWill_Header-2-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_blog_TeachYouIWill_Header-2.jpg 783w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Today we&#8217;re going to play with titles again. There are so many ways to make our titles amazing and eye-catching. Using styles is one of those ways. Now some of you may be scratching your heads and asking me, &#8220;What the heck are you talking about?&#8221; and others might be thinking, &#8220;I know what they are but I don&#8217;t know how to use them.&#8221; That&#8217;s all about to change!<\/p>\n<p>Styles are little scripts that tell PSE what to do to alter an object. They can be simple drop shadows, they can be glittery, they can be glossy and everything in between. <strong>Katie<\/strong>, the brains and talent behind <a href=\"https:\/\/store.gingerscraps.net\/Just-So-Scrappy\/\"><strong>Just So Scrappy<\/strong><\/a> and <a href=\"https:\/\/store.gingerscraps.net\/Ooh-La-La-Scraps\/\"><strong>Ooh La La Scraps<\/strong><\/a>, creates a bundle of styles that coordinate with each of her brilliant kits; I&#8217;ll be using some of them in my example today. <strong>Katie&#8217;s<\/strong>\u00a0bundles usually include styles that can make your object look like acrylic gel, cardboard or felt, cardstock, chipboard, chrome (I KNOW, right!!), dots, embossed, glitter, plaid, stars, stripes or wood. The possibilities are endless!<\/p>\n<p>Since we&#8217;re talking about titles and using styles, obviously I&#8217;m not going to use the alpha that comes with the kit I used for my layout. I&#8217;m going to use a font. I know what look I&#8217;m going for so choosing the right font is very important. My layout, for the <strong><a href=\"https:\/\/forums.gingerscraps.net\/showthread.php?35402-November-2016-Mix-It-Up-Challenge\">November Mix It Up Mystery Challenge<\/a><\/strong>\u00a0revolves around my annual fruit cake ritual so I want my title to look like candied fruit, or hard candy. That means my font has to be a solid, hefty, rounded one. If you&#8217;re like me you probably have hundreds of fonts and dread having to search for the perfect one. That&#8217;s where <a href=\"https:\/\/www.wordmark.it\/\"><strong>Wordmark It<\/strong><\/a> comes in. It&#8217;s a website that shows you what your text will look like in every font you have on your computer, and it only takes a couple of minutes. The image below shows you what the screen looks like. I browsed through the exemplars and decided a font called Glasoor FF 4F Black would work beautifully. (Where do they get these names from?)<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16973\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/wordmark-500x281.jpg\" alt=\"wordmark\" width=\"500\" height=\"281\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/wordmark-500x281.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/wordmark-768x432.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/wordmark.jpg 800w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>As I always do, I created my title on its own workspace. I wanted each of the letters in my title to be a different colour so I knew I&#8217;d have to put each letter on its own layer. This step isn&#8217;t crucial, but it helps to keep things organized. I pulled a horizontal guideline down to align my text on, and then a second one because I planned to put each word on a separate line. Don&#8217;t know how to pull a guideline down? I have the rulers visible on my workspace at all times but you don&#8217;t need it there to do this. Just put your cursor right up the very top of the dark gray workspace and then click-and-drag the line to where you want it. You can see mine in the image below, the thin turquoise lines. I put the text cursor on the line and started building. I used a 72 point size, which is big enough to see and manipulate easily.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16974\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/1-2-500x281.jpg\" alt=\"1\" width=\"500\" height=\"281\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/1-2-500x281.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/1-2-768x432.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/1-2.jpg 800w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>It doesn&#8217;t matter what colour you use for the text at this stage. You&#8217;re going to cover it up with a style later. While I was playing with the base, I selected all 4 letters in &#8220;cake&#8221; and shifted them as a group, which is shown below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16975\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/2-2-500x257.jpg\" alt=\"2\" width=\"500\" height=\"257\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/2-2-500x257.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/2-2-768x395.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/2-2-875x450.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/2-2.jpg 1028w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Then I selected the style set I wanted to use. Don&#8217;t know how to load styles? If you&#8217;re using PSE 10 or higher, it&#8217;s simple. When you open the <strong>Style<\/strong> panel using the <strong>Effects<\/strong> menu, at the right upper corner of the panel is a little icon that looks like several little horizontal lines with a tiny triangle just to the left of them. If you click on that, the following menu pops up. Click on <strong>Load Styles<\/strong> then find the folder you have your styles in. Then select the style you want to use and you&#8217;re in business.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16985\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/menu-460x500.jpg\" alt=\"menu\" width=\"460\" height=\"500\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/menu-460x500.jpg 460w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/menu-533x580.jpg 533w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/menu.jpg 638w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><\/p>\n<p>Once I&#8217;d done all that, I selected the acrylic gel style from <strong>Just So Scrappy&#8217;s <a href=\"https:\/\/store.gingerscraps.net\/Up-On-The-Housetop-Photoshop-Styles-Bundle.html\">Up on the Housetop<\/a><\/strong> bundle. (<em>pssst&#8230; it&#8217;s on sale for $5 right now!)\u00a0<\/em>I applied a different colour style to each letter. It would have been more work to do it to each individual letter to select each one from a single layer and apply them, but not impossible. I&#8217;m all about working smart, not hard!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16976\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/3-2-500x260.jpg\" alt=\"3\" width=\"500\" height=\"260\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/3-2-500x260.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/3-2-768x399.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/3-2-875x455.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/3-2.jpg 1012w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>When I had the letters all styled up, I decided I didn&#8217;t like both words ending with red, so I <strong>right-clicked<\/strong> on the layers for the &#8220;<strong><span style=\"text-decoration: underline\">k<\/span><\/strong>&#8221; and the &#8220;<span style=\"text-decoration: underline\"><strong>e<\/strong><\/span>&#8221; and selected <strong>Clear Layer Style<\/strong>. Then I swapped the red and brown around.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16977\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/4-2-500x265.jpg\" alt=\"4\" width=\"500\" height=\"265\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/4-2-500x265.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/4-2-768x408.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/4-2-875x464.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/4-2.jpg 995w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Here&#8217;s another advantage to having each letter on its own layer. Now I was able to move them around a little to make the title look more interesting.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16978\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/5-2-500x262.jpg\" alt=\"5\" width=\"500\" height=\"262\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/5-2-500x262.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/5-2-768x403.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/5-2-875x459.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/5-2.jpg 1002w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Once I&#8217;d gotten all of that done, I wanted to get rid of the guides. So I clicked on the <strong>View<\/strong> tab and unselected <strong>Guides<\/strong> from the drop-down menu. (Did anybody notice I also had a vertical guide in this screenshot? I had thought to line up the two words, but didn&#8217;t like how it looked.)<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16979\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/6-2-500x405.jpg\" alt=\"6\" width=\"500\" height=\"405\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/6-2-500x405.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/6-2.jpg 649w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>When I was happy with how it looked. I selected all the layers (keyboard shortcut: click on the top layer, hold down the <strong>Shift<\/strong> key and click on the bottom layer) then merged them onto a single layer. (<strong>CTRL\/CMD+E<\/strong>)\u00a0I thought it looked pretty good, but was afraid it was going to get lost on my layout. So I decided to put a paper outline around it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16980\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/7-2-500x260.jpg\" alt=\"7\" width=\"500\" height=\"260\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/7-2-500x260.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/7-2-768x399.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/7-2-875x455.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/7-2.jpg 1016w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I dragged a paper onto my workspace, making sure it was underneath my title, then with my paper layer still the active layer, I held down the <strong>CTRL\/CMD<\/strong> key and clicked once on the thumbnail for the layer with the title on it. That put some marching ants around the letters, as you can sort of see below. Then I clicked on the <strong>Select<\/strong> tab, chose <strong>Modify<\/strong> and <strong>Expand<\/strong> from the drop-down and fly-out menus. (You might remember that from a previous tutorial, if you&#8217;re a faithful reader.)<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16981\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/8-2-500x251.jpg\" alt=\"8\" width=\"500\" height=\"251\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/8-2-500x251.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/8-2-768x386.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/8-2-875x440.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/8-2.jpg 1077w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>I wanted the paper border to be visible, but not ridiculously huge so I typed <strong>10<\/strong> into the <strong>Expand by:_ pixels<\/strong> box. That shifted the marching ants away from the edges of the letters.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16982\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/9-2-500x244.jpg\" alt=\"9\" width=\"500\" height=\"244\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/9-2-500x244.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/9-2-768x375.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/9-2-875x427.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/9-2.jpg 957w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Then all I had to do was cut the rest of the paper away. To do that I first inverted the selection by clicking <strong>CTRL\/CMD+X<\/strong> (the long way: <strong>right-click<\/strong> anywhere on the workspace and choose <strong>Invert Selection<\/strong>. Then go to the <strong>Edit<\/strong> tab, choose <strong>Cut<\/strong>.)<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16983\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/10-1-500x245.jpg\" alt=\"10\" width=\"500\" height=\"245\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/10-1-500x245.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/10-1-768x376.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/10-1-875x429.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/10-1.jpg 959w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>But I still wasn&#8217;t happy with it. I knew I needed to shadow the letters so they&#8217;d look more like candy. And I&#8217;d layered them on top of a piece of paper so there was a need for some definition. Then I decided to try a B<strong>evel<\/strong>, which looked quite odd until I dragged the size down to <strong>0<\/strong>. Then I liked it. I had to adjust the <strong>Lighting Angle<\/strong> because I was using a template (rotated and tweaked a bit) and wanted the shadows to agree with each other. That step isn&#8217;t shown, but it was discussed in last week&#8217;s tutorial on drop shadows.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16984\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/11-1-500x264.jpg\" alt=\"11\" width=\"500\" height=\"264\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/11-1-500x264.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/11-1-768x405.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/11-1-875x462.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/11-1.jpg 985w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>One last thing I had to do before I moved my title onto my layout was to merge the layers so it would move as a single object. Remember how to do that? Select all the layers then click\u00a0<strong>CTRL\/CMD+E.\u00a0<\/strong>Once I&#8217;d put it onto my <a href=\"https:\/\/gallery.gingerscraps.net\/showphoto.php?photo=268611&amp;title=fruit-cake&amp;cat=908\"><strong>layout<\/strong><\/a> I resized it and moved it around a bit, and was done!<\/p>\n<p>That&#8217;s all for this week. Next week I&#8217;ll have some other tips, tricks and techniques for you. Keep your eyes open!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-16989\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_footer_Jan-2-500x19.jpg\" alt=\"gs_footer_jan\" width=\"500\" height=\"19\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_footer_Jan-2-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_footer_Jan-2-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2016\/11\/GS_footer_Jan-2.jpg 586w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Titles with STYLE(s) Today we&#8217;re going to play with titles again. There are so many ways to make our titles amazing and eye-catching. Using styles is one of those ways. Now some of you may be scratching your heads and asking me, &#8220;What the heck are you talking about?&#8221; and others might be thinking, &#8220;I [&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-05-04 07:11:44","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\/16971"}],"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=16971"}],"version-history":[{"count":2,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/16971\/revisions"}],"predecessor-version":[{"id":16991,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/16971\/revisions\/16991"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=16971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=16971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=16971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}