{"id":532,"date":"2012-10-03T02:22:29","date_gmt":"2012-10-03T02:22:29","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=532"},"modified":"2019-04-13T12:11:05","modified_gmt":"2019-04-13T16:11:05","slug":"wrap-text-3d","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/","title":{"rendered":"Wrapping Text in 3D With Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Text Effects<\/strong> tutorial, we're going to learn how to easily wrap text around a 3D object in Photoshop, without the need for any 3D software. We're going to be wrapping our text around a planet, but you can use this same basic technique to wrap text around just about anything. You'll need Photoshop CS or higher for this tutorial, since we'll be using Photoshop's &quot;text on a path&quot; feature, and then we'll be using Free Transform to reshape our text into a 3D perspective. Finally, we'll be using a layer mask to hide the text where it passes behind the object, giving us our final 3D effect. <\/p>\n<p>Here's the image of the planet (good old Planet Earth) I'll be wrapping the text around:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/original.jpg\" alt=\"Adobe Photoshop Text Effects: The original image.\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And here's what the image will look like after wrapping our 3D text around it:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/final-effect.jpg\" alt=\"Adobe Photoshop Text Effects: The final result.\" \/>\n<div class=\"image-desc\">The final \"wrap text in 3D\" result.<\/div>\n<div class=\"ads-middle\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 text effects middle responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"8647141094\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Select The Elliptical Marquee Tool<\/h4>\n<p>The first thing I need to do for this effect is to drag out a circular selection around the planet, and for that, I'll use the tool that Photoshop includes for just such a task, the <strong>Elliptical Marquee Tool<\/strong>. Select it from the Tools palette. By default, it's hiding behind the Rectangular Marquee Tool, so you'll need to click on the Rectangular Marquee Tool and hold your mouse down for a second or two until the small fly out menu appears, and then select the Elliptical Marquee Tool from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/elliptical-marquee-tool.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the Elliptical Marquee Tool from Photoshop's Tools palette.\" \/>\n<div class=\"image-desc\">Select the Elliptical Marquee Tool from the Tools palette.<\/div>\n<h4><span>Step 2:<\/span> Drag A Selection Around The Object, A Bit Larger Than The Object Itself<\/h4>\n<p>With my Elliptical Marquee Tool selected, I'm going to position my mouse as close to the center of the planet as possible to start with. Then I'm going to hold down my <strong>Shift<\/strong> key to constrain my selection to a perfect circle and I'm going to hold down my <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key to tell Photoshop to use the point I'm about to click on as the center of my selection, so the selection extends out in all directions from that point. Then I'm simply going to click in the center of the planet and drag out a selection until my selection is a bit larger than the planet, giving my text room to wrap around it.<\/p>\n<p>Chances are, the spot where I initially clicked my mouse was not the dead center of the planet, which means my selection will need to be repositioned. To move the selection around on the screen and reposition it as I'm dragging it out, I'll hold down my <strong>spacebar<\/strong>, which allows me to move the selection around wherever I want it, and then I'll release the spacebar to continue dragging the selection larger.<\/p>\n<p>Continue dragging and repositioning the selection until it's properly aligned with the object and a bit larger than the object itself:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/elliptical-selection.jpg\" alt=\"Adobe Photoshop Text Effects: The image after dragging out an elliptical selection around the planet.\" \/>\n<div class=\"image-desc\">The circular selection is now added around the object.<\/div>\n<h4><span>Step 3:<\/span> Convert The Selection Into A Path<\/h4>\n<p>We now have our selection around the object, and we're going to use it to add our text to the image, using Photoshop's \"text on a path\" feature. Problem is, our selection is a selection, not a path. Fortunately, Photoshop makes it easy to convert any selection into a path. To do that, switch over to your <strong>Paths palette<\/strong>, which you'll find grouped in by default with the Layers and Channels palettes. The Paths palette will appear empty, since we currently don't have any paths in our document. To convert the selection into a path, click on the <strong>Make Work Path From Selection<\/strong> icon at the bottom of the Paths palette (it's the third icon from the right):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/paths-palette.gif\" alt=\"Adobe Photoshop Text Effects: Clicking on the 'Make Work Path From Selection' icon at the bottom of the Paths palette in Photoshop.\" \/>\n<div class=\"image-desc\">Click on the \"Make Work Path From Selection\" icon.<\/div>\n<p>As soon as you click on the icon, Photoshop converts the selection into a path, and the new \"Work Path\" appears in the Paths palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/work-path.gif\" alt=\"Adobe Photoshop Text Effects: Photoshop's Paths palette now showing the new 'Work Path'.\" \/>\n<div class=\"image-desc\">The Paths palette now shows the newly created path.<\/div>\n<p>And if we look back in our image, we can see that the dotted lines of our selection have been replaced with a thin solid line, which is our path:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/image-path.jpg\" alt=\"Adobe Photoshop Text Effects: The image now showing the path around the planet.\" \/>\n<div class=\"image-desc\">The selection around the planet has been converted into a path.<\/div>\n<p>We can now use this path, along with the \"text on a path\" feature in Photoshop CS and higher, to add our text, which we'll do next.<\/p>\n<h4><span>Step 4:<\/span> Select The Type Tool<\/h4>\n<p>Switch back over to your Layers palette at this point. It's time to add our text. For that, we need to use Photoshop's <strong>Type Tool<\/strong>, so either select if from the Tools palette or press the letter <strong>T<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/type-tool.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the Type Tool from the Tools palette in Photoshop.\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<p>With the Type Tool selected, go up to the Options Bar at the top of the screen and select your font and font size. This 3D effect works best if you use a font with thick letters, so I'm going to choose Helvetica Black as my font. You can choose whichever font you like from the ones you have installed on your system, but again, try to pick one with nice thick letters, and also one that's easily readable. You'll need to experiment with the size of your font, since it will depend a lot on the size of the object you're wrapping your text around and even more so on the size and resolution of the image you're using. I'm using a 14pt font size for this tutorial, but again, you'll need to experiment on your own with your image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/text-options.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the font and font size in the Options Bar in Photoshop.\" \/>\n<div class=\"image-desc\">Select your font and font size in the Options Bar.<\/div>\n<h4><span>Step 5:<\/span> Choose A Color For Your Text<\/h4>\n<p>While you're up in the Options Bar, let's choose a color for our text. To do that, click on the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/color-swatch.gif\" alt=\"Adobe Photoshop Text Effects: Clicking on the color swatch to select a color for the text in the Options Bar in Photoshop.\" \/>\n<div class=\"image-desc\">Click on the color swatch in the Options Bar to select a color for the text.<\/div>\n<p>This brings up Photoshop's <strong>Color Picker<\/strong> where you can choose whichever color you like for your text. I'm going to choose a bright yellowish-orange color, which should stand out nicely against the mostly blue planet as well as the black background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/color-picker.jpg\" alt=\"Adobe Photoshop Text Effects: Choosing a color for my text in Photoshop's Color Picker.\" \/>\n<div class=\"image-desc\">Use the Color Picker to choose a color for your text.<\/div>\n<p>Click OK once you've chosen your color to exit out of the dialog box.<\/p>\n<h4><span>Step 6:<\/span> Type Your Text Along The Circular Path<\/h4>\n<p>With our font, font size and text color selected, we can add our text, and we want to add it so that it follows along the circular path we've created. To do that, move your mouse cursor over the part of the path where you want to begin typing. I'm going to start my text somewhere along the top of the path. As you move your mouse cursor over the path, you'll notice that the cursor changes from having a dotted square around it to a squiggly line running through it. That squiggly line tells you that you're about to type directly on the path and that your text will follow along the shape of the path, which is exactly what we want. To add your type, simply click on the path and begin typing. The effect will work best if you use all capital letters. I'm going to type \"WELCOME TO PLANET EARTH\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/text-wrap.jpg\" alt=\"Adobe Photoshop Text Effects: Adding my type along the path.\" \/>\n<div class=\"image-desc\">Click directly on the path and begin typing to have the text follow along the shape of the path.<\/div>\n<p>Since I want my text to appear to fully wrap around the planet, I'm going to type the exact same sentence again at the end of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/close-path.jpg\" alt=\"Adobe Photoshop Text Effects: Adding more text to fill the path.\" \/>\n<div class=\"image-desc\">Add enough text to wrap completely around the object.<\/div>\n<p>If you look closely, you can see that I've run into a small problem. There isn't enough space along my path to fit in all my text, and the word \"EARTH\" in the top left has been cut off. To fix that, I'm going to double-click directly on the type layer's thumbnail in the Layers palette, which is going to tell Photoshop to select all of my text at once:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/type-layer-thumbnail.gif\" alt=\"Adobe Photoshop Text Effects: Double-clicking on the type layer's thumbnail in the Layers palette in Photoshop.\" \/>\n<div class=\"image-desc\">Double-click on the type layer's thumbnail in the Layers palette to select all the text.<\/div>\n<p>My text will appear highlighted in white in my image. Then, with my text selected, I'm going to hold down my <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> key and press the <strong>left arrow key<\/strong> on my keyboard a couple of times to close up the space between the letters until there's enough room to fit in all of my text and the word \"EARTH\" appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/close-letters.jpg\" alt=\"Adobe Photoshop Text Effects: Closing up the space between the letters to allow more text to fit along the path.\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac) and use the left or right arrow keys to add or remove space between the letters.<\/div>\n<p>To space both sentences an equal distance apart and close up that large gap at the top, I'm going to click my mouse between the two sentences at the bottom (between the words \"EARTH\" and \"WELCOME\" ) and again holding down <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac), I'm going to press my <strong>left bracket key<\/strong> a few times to add a little extra space between the two words until the text looks equally balanced all along the path.<\/p>\n<p>When I'm happy with the spacing of my text, I'm going to press <strong>Ctrl+H<\/strong> (Win) \/ <strong>Command+H<\/strong> (Mac) to hide the path from view, leaving me with just my planet and my text circled and nicely spaced around it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/text-planet.jpg\" alt=\"Adobe Photoshop Text Effects: The text now circles around the outside of the planet.\" \/>\n<div class=\"image-desc\">The text now circles around the outside of the planet.<\/div>\n<p>Our text is now circling around the planet but it looks very much two-dimensional and not very interesting. We're going to bring it into the third dimension next.<\/p>\n<h4><span>Step 7:<\/span> Use Free Transform To Distort The Text Into A 3D Perspective<\/h4>\n<p>Now comes the fun part. We're going to convert our text into 3D! Or at least, we're going to create the <em>illusion<\/em> that it's 3D, anyway. Photoshop isn't a true 3D program, but we can still fake it. To do that, we'll use Photoshop's <strong>Free Transform<\/strong> command. With the type layer selected in the Layers palette, use the keyboard shortcut <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up the Free Transform handles around the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/free-transform.gif\" alt=\"Adobe Photoshop Text Effects: The image showing the Free Transform handles around the text.\" \/>\n<div class=\"image-desc\">Press \"Ctrl+T\" (Win) \/ \"Command+T\" (Mac) to access the Free Transform handles.<\/div>\n<p>To bend my text into a 3D perspective, I'm going to hold down <strong>Ctrl+Alt<\/strong> (Win) \/ <strong>Command+Option<\/strong> (Mac) and then drag the Free Transform handle in the top right corner in towards the center of the planet. The further inward I drag, the more of a 3D perspective I create with my text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/drag-handle.gif\" alt=\"Adobe Photoshop Text Effects: Dragging the top right handle in towards the center of the planet to create the 3D perspective.\" \/>\n<div class=\"image-desc\">Drag the top right corner handle in towards the center of the object to create the 3D perspective.<\/div>\n<p>When you're happy with the way your text looks, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the transformation:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/text-perspective.gif\" alt=\"Adobe Photoshop Text Effects: The text how has a more 3D appearance.\" \/>\n<div class=\"image-desc\">Press \"Enter\" (Win) \/ \"Return\" (Mac) to accept the transformation.<\/div>\n<h4><span>Step 8:<\/span> Add A Layer Mask To The Text Layer<\/h4>\n<p>Things are definitely starting to look more 3D, except for one minor detail. Our text isn't wrapping around the object, it's just sitting there in front of it. To really give us a 3D look, we need to hide the text in the areas where it's supposed to be behind the object, and we can do that using a layer mask. With the text layer still selected, click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/add-layer-mask.gif\" alt=\"Adobe Photoshop Text Effects: Clicking the 'Add A Layer Mask' icon at the bottom of the Layers palette in Photoshop.\" \/>\n<div class=\"image-desc\">Add a layer mask to the text layer by clicking on the \"Layer Mask\" icon.<\/div>\n<p>This adds a layer mask to the text layer, and it also adds a layer mask thumbnail in the Layers palette. We can tell that the layer mask is currently selected because the thumbnail has a white highlight border around it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/layer-mask-thumbnail.gif\" alt=\"Adobe Photoshop Text Effects: Photoshop's Layers palette now showing the layer mask thumbnail.\" \/>\n<div class=\"image-desc\">The layer mask thumbnail with a white highlight border around it, telling us that the layer mask, not the layer itself, is selected.<\/div>\n<h4><span>Step 9:<\/span> Make A Selection Around Your Object<\/h4>\n<p>I want to hide the text that's supposed to be behind the planet, so I'm going to grab my <strong>Elliptical Marquee Tool<\/strong> once again and, just as I did at the beginning of this tutorial, I'm going to use it to drag out a selection around the planet. This time though, I want my selection to extend only to the edge of the planet, not an area around the outside of it like we did before. So once again, I'm going to click approximately in the center of the planet, and holding down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac), I'm going to drag out a circular selection around the planet. If I need to reposition my selection as I'm dragging, I'll again hold down my <strong>spacebar<\/strong> and move the selection around on the screen as needed, then I'll release the spacebar and continue dragging.<\/p>\n<p>Here's my image with my planet selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/planet-selected.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the object with the Elliptical Marquee Tool in Photoshop.\" \/>\n<div class=\"image-desc\">The planet is now selected.<\/div>\n<h4><span>Step 10:<\/span> Paint With Black Inside The Selection To Hide The Text<\/h4>\n<p>With our layer mask added to the text layer and a selection around the planet, we can easily hide the text that's supposed to be behind the planet by simply painting over the text. First we need our brush, so select the <strong>Brush Tool<\/strong> from the Tools palette, or press <strong>B<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/brush-tool.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the Brush Tool from the Tools palette in Photoshop.\" \/>\n<div class=\"image-desc\">Select the Brush Tool.<\/div>\n<p>Then, with black as your Foreground color, simply paint over the text you want to hide. Since we're painting on the layer mask, not the layer itself, we won't be painting black on the image. Instead, anywhere where we paint with black will hide the contents of the layer. I need to hide the text in the top part of the planet, so I'll paint over it with my Brush Tool. Thanks to the selection I created, I don't have to worry about being sloppy with my brush and accidentally painting beyond the edge of the planet, since Photoshop will only allow me to paint inside the selection. Anywhere I paint outside of it is ignored:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/paint-text.jpg\" alt=\"Adobe Photoshop Text Effects: Painting away the text with the Brush Tool.\" \/>\n<div class=\"image-desc\">Paint over the text you want to hide with the Brush Tool. Only the text inside the selection will be affected.<\/div>\n<p>Continue painting over the text until you've hidden everything that needs to be hidden. When you're done, press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to remove the selection. If your path under the text became visible again, press <strong>Ctrl+H<\/strong> (Win) \/ <strong>Command+H<\/strong> (Mac) to hide it from view.<\/p>\n<p>Here's my image after painting over the text along the top to hide it, creating the illusion that the text is now circling the planet in 3D:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/final-result.jpg\" alt=\"Adobe Photoshop Text Effects: The final result.\" \/>\n<div class=\"image-desc\">The final \"wrap text in 3D\" result.<\/div>\n<h4><span>Step 11:<\/span> Add A Gradient Overlay Layer Style<\/h4>\n<p>To finish things off, let's add a bit of lighting to our text using one of Photoshop's Layer Styles. Click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/layer-styles-icon.gif\" alt=\"Adobe Photoshop Text Effects: Clicking the Layer Styles icon at the bottom of the Layers palette in Photoshop.\" \/>\n<div class=\"image-desc\">Click on the \"Layer Styles\" icon.<\/div>\n<p>Then select <strong>Gradient Overlay<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/gradient-overlay.gif\" alt=\"Adobe Photoshop Text Effects: Selecting the Gradient Overlay layer style.\" \/>\n<div class=\"image-desc\">Select \"Gradient Overlay\".<\/div>\n<p>This brings up the Layer Style dialog box set to the Gradient Overlay options in the middle column. By default, Photoshop gives us a black to white gradient, which is what we want. Rather than using the gradient to colorize our text though and make it black and white, we're going to use it to add a simple lighting effect. First, change the <strong>Blend Mode<\/strong> option at the top from \"Normal\" to <strong>Vivid Light<\/strong> by clicking on the down-pointing arrow to the right of the word \"Normal\" and selecting \"Vivid Light\" from the list. Then lower the <strong>Opacity<\/strong> value down to about <strong>60%<\/strong>. Finally, change the <strong>Angle<\/strong> option at the bottom to <strong>0\u00b0<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/gradient-overlay-options.gif\" alt=\"Adobe Photoshop Text Effects: The Layer Style dialog box set to the Gradient Overlay options.\" \/>\n<div class=\"image-desc\">The Gradient Overlay options in the Layer Style dialog box.<\/div>\n<p>Click OK when you're done to exit out of the dialog box and apply the Gradient Overlay style to the text, and you're done! Here's the final effect with my simple lighting effect added to the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/wrap-text-3d\/final-effect.jpg\" alt=\"Adobe Photoshop Text Effects: The final effect.\" \/>\n<div class=\"image-desc\">The final 3D effect.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! Visit our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> or <a href=\"\/photo-effects\/\">Photo Effects<\/a> sections for more Photoshop effects tutorials!<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Take your Photoshop skills into the third dimension! Wrapping text around an object in 3D couldn&#8217;t be easier and takes only a few simple steps!<\/p>\n","protected":false},"author":1,"featured_media":533,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wrapping Text in 3D With Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wrapping Text in 3D With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-03T02:22:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:11:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Wrapping Text in 3D With Photoshop\",\"datePublished\":\"2012-10-03T02:22:29+00:00\",\"dateModified\":\"2019-04-13T16:11:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/\"},\"wordCount\":2663,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/wrap3d80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/\",\"name\":\"Wrapping Text in 3D With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/wrap3d80j.jpg\",\"datePublished\":\"2012-10-03T02:22:29+00:00\",\"dateModified\":\"2019-04-13T16:11:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/wrap3d80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/wrap3d80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Wrapping Text in 3D With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/wrap-text-3d\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Wrapping Text in 3D\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wrapping Text in 3D With Photoshop","description":"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/","og_locale":"en_US","og_type":"article","og_title":"Wrapping Text in 3D With Photoshop","og_description":"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-03T02:22:29+00:00","article_modified_time":"2019-04-13T16:11:05+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Wrapping Text in 3D With Photoshop","datePublished":"2012-10-03T02:22:29+00:00","dateModified":"2019-04-13T16:11:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/"},"wordCount":2663,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/","name":"Wrapping Text in 3D With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg","datePublished":"2012-10-03T02:22:29+00:00","dateModified":"2019-04-13T16:11:05+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to wrap text around a 3D object in Photoshop without the need for any 3D software!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/wrap3d80j.jpg","width":"80","height":"80","caption":"Wrapping Text in 3D With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/wrap-text-3d\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"Wrapping Text in 3D"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=532"}],"version-history":[{"count":19,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/532\/revisions"}],"predecessor-version":[{"id":27333,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/532\/revisions\/27333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/533"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}