{"id":1714,"date":"2017-01-12T10:19:00","date_gmt":"2017-01-12T10:19:00","guid":{"rendered":"http:\/\/jeeskdenny.com\/blog\/?p=1714"},"modified":"2017-01-13T06:38:53","modified_gmt":"2017-01-13T06:38:53","slug":"add-text-path-photoshop","status":"publish","type":"post","link":"http:\/\/jeeskdenny.com\/blog\/add-text-path-photoshop\/","title":{"rendered":"How To Add Text On A Path In Photoshop"},"content":{"rendered":"<p style=\"text-align: left\">Thinking about <strong>adding text along a custom path<\/strong>??? Typing along a custom path enables us to make words or sentences in different shapes. It will be great addition to the designing aspects of a creative document.<\/p>\n<p style=\"text-align: left\">Let\u2019s check this Photoshop tutorial to accomplish this task.<\/p>\n<p style=\"text-align: left\">Compatible platforms : <strong>Photoshop CS6<\/strong> or <strong>Photoshop CC<\/strong><\/p>\n<p style=\"text-align: left\">Let\u2019s begin the task by opening a background image and then creating path. For that we can choose multiple options like circle, ellipse, rectangle tools or pen tool for creating paths.<\/p>\n<h2 style=\"text-align: left\"><strong>Step 1 : Opening required background image<\/strong><\/h2>\n<p style=\"text-align: left\">Open the required background image for your document. Here I am using a sample image from my images gallery.<\/p>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1727 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image.jpg\" alt=\"\" width=\"470\" height=\"434\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image.jpg 1733w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image-300x277.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image-768x709.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/sample-image-1024x945.jpg 1024w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/a><\/p>\n<h2 style=\"text-align: left\"><strong>Step 2 : Selecting the shape<\/strong><\/h2>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1728\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/1.jpg\" alt=\"\" width=\"382\" height=\"210\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/1.jpg 382w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/1-300x165.jpg 300w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/a><\/p>\n<p style=\"text-align: left\">Select <strong>ellipse<\/strong> drawing tool from T<strong>ool Box<\/strong>. With the ellipse tool selected, the <strong>Options Bar<\/strong> along the <strong>Tool Box<\/strong> will set to<strong> Shape<\/strong> option by default. Change it to <strong>Path<\/strong> option.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1729\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/2.jpg\" alt=\"\" width=\"478\" height=\"204\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/2.jpg 478w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/2-300x128.jpg 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<h2 style=\"text-align: left\"><strong>Step 3 : Drawing the ellipse<\/strong><\/h2>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1730 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/3.jpg\" alt=\"\" width=\"617\" height=\"440\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/3.jpg 868w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/3-300x214.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/3-768x547.jpg 768w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/a><\/p>\n<p style=\"text-align: left\">To draw the path drag the mouse by holding the <strong>mouse click<\/strong> and <strong>Shift Button<\/strong>. When mouse reaches from on point to another we can observe that a perfect circle is getting formed. Then release the mouse to get a perfectly shaped circle.<\/p>\n<h2 style=\"text-align: left\"><strong>Step 4 : Selecting type tool and its properties<\/strong><\/h2>\n<p style=\"text-align: left\">In this step we will add text to our custom made path. From the<strong> tool box<\/strong>, select <strong>horizontal type tool<\/strong>. And don\u2019t forget to set <strong>font style<\/strong>, <strong>size<\/strong> and <strong>alignment<\/strong>. The above figure shows how my document has been set to appropriate values.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1731\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/4.jpg\" alt=\"\" width=\"424\" height=\"189\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/4.jpg 424w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/4-300x134.jpg 300w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1732\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/5.jpg\" alt=\"\" width=\"676\" height=\"198\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/5.jpg 676w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/5-300x88.jpg 300w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/a><\/p>\n<h2 style=\"text-align: left\"><strong>Step 5 : Typing along the path<\/strong><\/h2>\n<p><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1733 aligncenter\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6.jpg\" alt=\"\" width=\"676\" height=\"362\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6.jpg 1366w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6-300x161.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6-768x412.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/6-1024x549.jpg 1024w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left\">Click on the path and start typing while the cursor appears along the path<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1734\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7.jpg\" alt=\"\" width=\"721\" height=\"383\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7.jpg 1366w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7-300x159.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7-768x408.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/7-1024x544.jpg 1024w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<h2 style=\"text-align: left\"><strong>Step 6 : Hiding the path<\/strong><\/h2>\n<p style=\"text-align: left\">After typing the text, our path is still visible under the text. To make it <strong>disappear<\/strong>, click any of the <strong>background layer<\/strong>. We can also choose whether the entered text should be inside or outside the path. It can be accomplished by using <strong>Path Selection Tool<\/strong> which is lying under the text tool in tool box.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1735\" src=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8.jpg\" alt=\"\" width=\"704\" height=\"374\" srcset=\"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8.jpg 1366w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8-300x159.jpg 300w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8-768x408.jpg 768w, http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/8-1024x544.jpg 1024w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/a><\/p>\n<p style=\"text-align: left\">final result!!!!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thinking about adding text along a custom path??? Typing along a custom path enables us to make words or sentences<\/p>\n","protected":false},"author":11,"featured_media":1774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[454],"tags":[451,448,450,449,452,453],"class_list":["post-1714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop","tag-path","tag-photoshop","tag-photoshop-cc","tag-photoshop-cs6","tag-shape","tag-text"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/jeeskdenny.com\/blog\/wp-content\/uploads\/2017\/01\/featured-image.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8gP8w-rE","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/1714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/comments?post=1714"}],"version-history":[{"count":10,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/1714\/revisions"}],"predecessor-version":[{"id":1775,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/posts\/1714\/revisions\/1775"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/media\/1774"}],"wp:attachment":[{"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/media?parent=1714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/categories?post=1714"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jeeskdenny.com\/blog\/wp-json\/wp\/v2\/tags?post=1714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}