{"id":52324,"date":"2024-03-05T14:39:13","date_gmt":"2024-03-05T22:39:13","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=52324"},"modified":"2024-03-05T21:52:48","modified_gmt":"2024-03-06T05:52:48","slug":"tutorial-tuesday-photoshop-elements-225","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2024\/03\/tutorial-tuesday-photoshop-elements-225\/","title":{"rendered":"Tutorial Tuesday (Photoshop Elements)"},"content":{"rendered":"<p><strong>Text on a Custom Path &#8211; Keeping the Path<\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52195\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_blog_TeachYouIWill_Header-500x17.jpg\" alt=\"\" width=\"600\" height=\"21\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_blog_TeachYouIWill_Header-500x17.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_blog_TeachYouIWill_Header-768x26.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_blog_TeachYouIWill_Header.jpg 783w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>PDF Version : <a href=\"https:\/\/bit.ly\/3ToXcyv\">https:\/\/bit.ly\/3ToXcyv<\/a><\/p>\n<p>One of the very first tutorials I wrote for <span style=\"color: #993300;\"><strong>GingerScraps<\/strong><\/span> was about putting text on a path &#8211; geek-speak for lettering that isn&#8217;t on a straight line. (If you want to see it, look <a href=\"https:\/\/gingerscraps.net\/gsblog\/2016\/11\/tutorial-tuesday-photoshop-elements-8\/\"><strong>here<\/strong><\/a>.) Early last week I got this message from <strong>Karen<\/strong>: &#8220;<em>I found your tutorial on how to put text on a wavy line but what I want is for the line to stay with the text. I just cannot accomplish that<\/em>.&#8221; So immediately &#8211; literally &#8211; I opened up <strong>Elements<\/strong> and figured out how to do it. We decided it would be a good tutorial topic, so here&#8217;s what I did.<\/p>\n<p>If you&#8217;re a frequent reader, you know one of my mantras is to put things on their own layers so they can be manhandled without manhandling anything else. So of course, first thing to do is to create a new, blank layer to put your wavy line on. Then activate the <strong>Pencil Tool<\/strong>, with a <strong>hard, round tip<\/strong> at about <strong>5 pixels<\/strong> in diameter. It can be thicker, but it&#8217;ll be more jaggy if it&#8217;s thicker, so choose accordingly. (It can be made thicker later if desired.) You can choose a colour now, or add a <strong>Fill Layer&gt;Solid Color<\/strong> later. Set the <strong>Opacity<\/strong> at <strong>100%<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52325\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/1-500x383.jpg\" alt=\"\" width=\"600\" height=\"460\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/1-500x383.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/1-768x588.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/1-757x580.jpg 757w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/1.jpg 1222w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Now, <strong>draw<\/strong> your wavy line. <strong>Moving your mouse<\/strong> quickly with the <strong>left button down<\/strong>, <strong>drag<\/strong> the cursor in a swooping motion. The faster you move the mouse, the smoother your line will be.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52326\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/2-500x277.jpg\" alt=\"\" width=\"600\" height=\"333\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/2-500x277.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/2-768x426.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/2-875x485.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/2.jpg 1422w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>The font you choose will make or break this technique. If you&#8217;ve got a bit of a bumpy curve, using a font with a slightly wandering baseline will disguise that. But those really fancy fonts might look a bit weird. Choose one you like, and give it an audition. If it&#8217;s not what you were looking for you can change it later. I&#8217;m using one called <strong>Natalia Regular<\/strong>.<\/p>\n<p>Activate the <strong>Text Tool<\/strong> and then choose <strong>Text on Custom Path Tool<\/strong>. The icon looks like a capital T sitting on a snowboard. The <strong>Tool<\/strong> will default to <strong>Draw<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52327\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/3-500x296.jpg\" alt=\"\" width=\"600\" height=\"355\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/3-500x296.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/3-768x454.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/3-875x517.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/3.jpg 1280w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>The <strong>Tool Tip<\/strong> will look like the nib from a fountain pen. For those too young to have seen those, here&#8217;s one.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52335\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/A.jpg\" alt=\"\" width=\"150\" height=\"218\" \/><\/p>\n<p>Carefully <strong>click-and-drag<\/strong> the <strong>Tool Tip<\/strong> along your curvy line. I find it easier to pull when doing this; I&#8217;m much more shaky when pushing.\u00a0 But this can create problems when the text goes the wrong direction. \ud83d\ude09 So my advice is to draw your guideline in the direction you want your text to travel. You can take a break if you need to; to find out where you stopped, turn visibility for the master line layer off momentarily and you&#8217;ll be back in the game. Go slowly and try to stick as close to your master line as you can.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52328\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4-500x204.jpg\" alt=\"\" width=\"600\" height=\"245\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4-500x204.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4-768x314.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4-1536x627.jpg 1536w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4-875x357.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/4.jpg 1628w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Once you&#8217;ve gotten your text line in place, click on the <strong>Modify Button<\/strong> in the <strong>Tool Options<\/strong>. Wherever your text line departs from your master line, <strong>Elements<\/strong> will put a dot &#8211; they&#8217;re your &#8220;handles&#8221; to move the text line to where you want it. <strong>Click-and-drag<\/strong> the dots closer to your master line until you&#8217;ve got the text line and master line touching each other.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52329\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/5-500x264.jpg\" alt=\"\" width=\"600\" height=\"317\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/5-500x264.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/5-768x406.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/5-875x462.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/5.jpg 1331w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Know where your <strong>Text Tool<\/strong> is going to put your letters. Mine is usually set to <strong>Center<\/strong>, so I&#8217;ve put my cursor there and clicked to activate. You&#8217;ll know you&#8217;ve actually activated the <strong>Text Tool<\/strong> when a blinking line appears. If you have yours set to start at the left side, that&#8217;s where you start. Now I&#8217;ll just type my text.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52336\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/6a-500x259.jpg\" alt=\"\" width=\"600\" height=\"311\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/6a-500x259.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/6a-768x398.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/6a-875x453.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/6a.jpg 1512w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>The text may not fit properly on your master line. You can easily <strong>resize<\/strong> it, or <strong>add<\/strong> some extra <strong>spaces<\/strong>, change the <strong>Tracking<\/strong> if you&#8217;re using a more recent version of <strong>Elements<\/strong>&#8230; or you can <strong>change<\/strong> it to a completely <strong>different font<\/strong>. Until you <strong>Simplify<\/strong> it, you can make all the changes you want. Once it&#8217;s <strong>Simplified<\/strong>, the text line that told <strong>Elements<\/strong> where to put the text will disappear.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52331\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/7-500x204.jpg\" alt=\"\" width=\"600\" height=\"245\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/7-500x204.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/7-768x314.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/7-875x358.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/7.jpg 1537w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>All that&#8217;s left is to decide how far away you want your master line. <strong>Nudge<\/strong> it with your arrow keys. If your master line seems a bit too jagged at the size you&#8217;re going to use this, add a small <strong>Stroke<\/strong>, centered on your line. That&#8217;s easier that trying to <strong>Refine<\/strong> it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52332\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/8-500x181.jpg\" alt=\"\" width=\"600\" height=\"217\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/8-500x181.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/8-768x278.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/8-875x317.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/8.jpg 1533w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Here&#8217;s another sample, this time using an arrow brush.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52333\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/9-500x145.jpg\" alt=\"\" width=\"600\" height=\"174\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/9-500x145.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/9-768x222.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/9-875x253.jpg 875w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/9.jpg 1084w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>And then I did this, which is when I found out the <strong>Tool<\/strong> takes its direction from &#8211; well &#8211; the direction the text line was drawn. I had started at the top of the bell and drew down to the lower left edge, and the text ended up on the inside of the line, not the outside. <strong>UndoUndoUndo<\/strong>! If I <strong>Rotated<\/strong> the <strong>Stroke<\/strong> line layer, I was able to get the <strong>Text<\/strong> where I wanted it.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52334\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/10-500x354.jpg\" alt=\"\" width=\"600\" height=\"425\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/10-500x354.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/10-768x544.jpg 768w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/10-819x580.jpg 819w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/03\/10.jpg 1198w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>I might have to try this one again, but with a shamrock, to celebrate my Irish heritage. [Editor&#8217;s note: Shamrocks have 3 leaves, to represent the Holy Trinity, not 4. Those 4-leaf clovers aren&#8217;t shamrocks!] See you next week!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-52196\" src=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_footer_Jan-500x19.jpg\" alt=\"\" width=\"600\" height=\"23\" srcset=\"https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_footer_Jan-500x19.jpg 500w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_footer_Jan-575x22.jpg 575w, https:\/\/gingerscraps.net\/gsblog\/wp-content\/uploads\/2024\/02\/GS_footer_Jan.jpg 586w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Text on a Custom Path &#8211; Keeping the Path PDF Version : https:\/\/bit.ly\/3ToXcyv One of the very first tutorials I wrote for GingerScraps was about putting text on a path &#8211; geek-speak for lettering that isn&#8217;t on a straight line. (If you want to see it, look here.) Early last week I got this message [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,102,284,92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-19 01:20:37","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\/52324"}],"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=52324"}],"version-history":[{"count":3,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/52324\/revisions"}],"predecessor-version":[{"id":52341,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/52324\/revisions\/52341"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=52324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=52324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=52324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}