{"id":490,"date":"2012-10-02T23:23:24","date_gmt":"2012-10-02T23:23:24","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=490"},"modified":"2020-11-17T15:10:27","modified_gmt":"2020-11-17T20:10:27","slug":"photoshop-simple-3d-type","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/","title":{"rendered":"Create Simple 3D Text In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop text effects<\/strong> tutorial, we'll learn how to create simple 3D text:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-3d-text.gif\" alt=\"Photoshop 3D text. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"248\" \/>\n<div class=\"image-desc\">The final 3D text effect.<\/div>\n<p>Let's get started!<\/p>\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<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4>Step 1: Create a New Document<\/h4>\n<p>To begin, let's create a brand new Photoshop document. Go up to the <strong>File<\/strong> menu at the top of the screen and choose <strong>New<\/strong>, or for a quicker way, press the keyboard shortcut<strong> Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac). Whichever way you choose, Photoshop pops up the <strong>New Document<\/strong> dialog box. Enter the size you need for your document. For this tutorial, I'm going to enter a <strong>Width<\/strong> of <strong>6 inches<\/strong>, a <strong>Height<\/strong> of <strong>4 inches<\/strong>, and a <strong>Resolution<\/strong> of <strong>300 pixels\/inch<\/strong>, which is a standard resolution for professional quality printing. I'm also going to set my <strong>Background Contents<\/strong> to <strong>White<\/strong>, which will set the background color of my new document to white. When you're done, click <strong>OK<\/strong> in the top right corner of the dialog box to exit out of it. Your new Photoshop document will appear on the screen.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-new-document.gif\" alt=\"The New Document dialog box in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"597\" height=\"342\" \/>\n<div class=\"image-desc\">Create a new Photoshop document using the New Document dialog box.<\/div>\n<h4>Step 2: Select The Type Tool From Photoshop's Tools Palette<\/h4>\n<p>To add text to the document, we'll need to use Photoshop's <strong>Type Too<\/strong>l. Select it from the Tools palette, or press the letter <strong>T<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-type-tool.gif\" alt=\"Photoshop Type Tool. Image &copy; 2009 Photoshop Essentials.com\" width=\"68\" height=\"105\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<h4>Step 3: Choose A Font From The Options Bar<\/h4>\n<p>Next, we need to choose a font. With the Type Tool selected, you'll notice that the <strong>Options Bar<\/strong> at the top of the screen has changed to show the options for the Type Tool. Choose whichever font you'd like to use from the list of fonts that you currently have available on your computer. This 3D effect works best with fonts that have big, thick letters. I'm going to choose <strong>Impact<\/strong>. You can also choose a size for your text if you like, but it's not really necessary at this point since we can easily change the size of the text later, as we'll see. For now, all we need is the font:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/choose-font.gif\" alt=\"Choosing a font from the Options Bar in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"505\" height=\"63\" \/>\n<div class=\"image-desc\">Choose a font from the Options Bar.<\/div>\n<h4>Step 4: Choose A Color For Your Text<\/h4>\n<p>Next, we need to choose a color for our text. If you look further to the right in the Options Bar, you'll see a <strong>color swatch<\/strong>. The color swatch shows the current text color. To change the color, simply click on the color swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/text-color-swatch.gif\" alt=\"The text color swatch in the Options Bar in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"514\" height=\"51\" \/>\n<div class=\"image-desc\">Change the color of the text by clicking on the color swatch in the Options Bar.<\/div>\n<p>This will bring up Photoshop's <strong>Color Picker<\/strong>. Choose whichever color you'd like to use for your text. I'm going to select a bright shade of red. When you're done, click <strong>OK<\/strong> in the top right corner of the Color Picker to exit out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-color-picker.jpg\" alt=\"Photoshop's Color Picker. Image &copy; 2009 Photoshop Essentials.com\" width=\"564\" height=\"370\" \/>\n<div class=\"image-desc\">Choose a new color for the text from the Color Picker, then click OK to exit out of it.<\/div>\n<p>The color swatch in the Options Bar will change to show the color you've selected.<\/p>\n<h4>Step 5: Add Your Text To The Document<\/h4>\n<p>With our font and text color selected, click inside the document and add your text. I'm going to type \"PHOTOSHOP\", all in capital letters to enhance the effect. Don't worry if the text appears too large or too small for now. We can fix that in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-add-text.gif\" alt=\"Adding text to the document in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"648\" height=\"450\" \/>\n<div class=\"image-desc\">Click inside the document and add your text.<\/div>\n<p>When you're done typing, click on the <strong>checkmark<\/strong> in the Options Bar to accept the text and exit out of text editing mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/checkmark.gif\" alt=\"Clicking the checkmark in the Options Bar to accept the text. Image &copy; 2009 Photoshop Essentials.com\" width=\"503\" height=\"56\" \/>\n<div class=\"image-desc\">Exit out of text editing mode by clicking on the checkmark in the Options Bar.<\/div>\n<p>If we look at our Layers palette, we can see that Photoshop has conveniently placed our text on its own layer above the Background layer. This is what will allow us to work with the text independently from the white background behind it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-layers-palette.gif\" alt=\"The Layers palette in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"278\" height=\"227\" \/>\n<div class=\"image-desc\">The text appears on its own layer in the Layers palette.<\/div>\n<h4>Step 6: Resize The Type If Needed<\/h4>\n<p>If your find that your text is too small (or too large), we can easily fix that using Photoshop's <strong>Free Transform<\/strong> command. First, make sure your text layer is selected in the Layers palette (selected layers are highlighted in blue). Then go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>. You can also select the Free Transform command with the keyboard shortcut <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-free-transform.gif\" alt=\"Selecting the Free Transform command in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"265\" height=\"172\" \/>\n<div class=\"image-desc\">Select \"Free Transform\" from the Edit menu.<\/div>\n<p>You'll see the Free Transform box and handles appear around your text in the document. To resize the text, hold down your <strong>Shift<\/strong> key, then click any of the <strong>corner handles<\/strong> (the little squares) and drag the corner inward to make the text smaller or outward to make it larger. Holding the Shift key down as you drag constrains the aspect ratio so you don't accidentally distort the shape of the text as you're resizing it. I'm going to make my text just a little bit bigger by dragging the handle in the bottom right corner outward. You can also move the text if you need to by clicking anywhere inside of the Free Transform box and dragging the text to a new location inside the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/free-transform-text.gif\" alt=\"Resizing the text with Free Transform. Image &copy; 2009 Photoshop Essentials.com\" width=\"648\" height=\"450\" \/>\n<div class=\"image-desc\">Resize and move the text as needed with Free Transform.<\/div>\n<p>When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the change and exit out of the Free Transform command.<\/p>\n<h4>Step 7: Convert The Text To A Shape<\/h4>\n<p>To create our 3D effect, we need to alter the perspective of our text. There's only one problem though. Photoshop doesn't allow us to alter the perspective of text (see how that can be a problem?). To show you what I mean, make sure you still have the text layer selected, then go up to the <strong>Edit<\/strong> menu at the top of the screen and select <strong>Transform<\/strong> from the list. A secondary menu  will appear showing all the various ways we can transform the contents of the layer we currently have selected. Notice how the <strong>Distort<\/strong> and <strong>Perspective<\/strong> options are grayed out? That means they're currently unavailable to us, and that's because Photoshop can't perform either of these two types of transformations on text.<\/p>\n<p>The solution is to convert our text layer into what's called a <strong>shape layer<\/strong>. By converting the text to a shape, we'll be able to change the perspective of it and create our effect. The only downside to converting text to a shape is that the type will no longer be editable. In this case though, since we have no need to edit our text, we don't need to worry about it.<\/p>\n<p>With the text layer still selected, go up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>Type<\/strong>, and then choose <strong>Convert to Shape<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-convert-to-shape.gif\" alt=\"Converting type to a shape in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"478\" height=\"125\" \/>\n<div class=\"image-desc\">Go to Layer > Type > Convert to Shape.<\/div>\n<p>If we look in the Layers palette, we can see that the text layer now looks completely different, and that's because it's no longer a text layer. Photoshop has converted it to a shape layer, which means we're now free to apply a Perspective transformation to it and create our 3D text effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-shape-layer.gif\" alt=\"The Type layer is now a Shape layer in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"331\" height=\"227\" \/>\n<div class=\"image-desc\">The text layer has been converted to a shape layer.<\/div>\n<h4>Step 8: Change The Perspective<\/h4>\n<p>Go back up to the <strong>Edit<\/strong> menu. You'll see that the Transform option we looked at a moment ago has been replaced with a new option named <strong>Transform Path<\/strong>. Again, that's because we're dealing now with a shape. Choose Transform Path from the list. When the secondary menu appears, you'll see that both the Distort and Perspective options are now available. Choose <strong>Perspective<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-transform-path.gif\" alt=\"Selecting the Transform Path - Perspective option in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"417\" height=\"185\" \/>\n<div class=\"image-desc\">Go to Edit > Transform Path > Perspective.<\/div>\n<p>The same box and handles that we saw earlier when we selected the Free Transform command will appear around the text (shape). The difference is, we're now working in Perspective mode. To change the perspective of the text and give it a three dimensional look, simply click on the handle in the bottom right corner and drag it straight down. As you drag, the height of the right side of the text will increase from its center, while the left side will remain unchanged:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/shape-perspective.gif\" alt=\"Changing the perspective of the shape in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"306\" \/>\n<div class=\"image-desc\">Click on the bottom right corner handle and drag downward.<\/div>\n<p>When you're happy with the perspective shift, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the transformation. Your text should now look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/text-perspective.gif\" alt=\"The text has now changed perspective in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"263\" \/>\n<div class=\"image-desc\">The text now appears with a 3D perspective.<\/div>\n<h4>Step 9: Create Multiple Copies Of The Shape Layer, Each One Moved Slightly Further To The Right<\/h4>\n<p>This next step is the fun part. We're going to very quickly create multiple copies of our shape layer, each one moved one pixel further to the right from the previous one. This will give our letters some depth. First, select the <strong>Move Too<\/strong>l from the Tools palette, or just press the letter <strong>V<\/strong> on your keyboard to select it with the shortcut. This trick only works with the Move Tool selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-move-tool.gif\" alt=\"Selecting the Move Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"67\" height=\"136\" \/>\n<div class=\"image-desc\">Select the Move Tool.<\/div>\n<p>With the Move Tool selected and the shape layer selected in the Layers palette,  hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key and press the <strong>right arrow key<\/strong> on your keyboard. Then press it again. Then again. And again. Notice what's happening? Each time you press the right arrow key with the Alt \/ Option key held down, you're creating a new copy of the shape layer and you're moving the new copy one pixel over to the right. Holding down Alt \/ Option tells Photoshop to create a new copy of the shape each time rather than simply moving the existing shape. The more times you press the right arrow key, the more copies of the layer you'll create, and the more depth we give to our letters.<\/p>\n<p>Keep pressing the right arrow key  until you're happy with the results. In my case, I pressed the arrow key a total of 68 times, creating 68 copies of my shape, each one moved one pixel further to the right. The number of times you press the arrow key will depend on the resolution of the document you're working with. When you're done, your text should look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/shape-copies.gif\" alt=\"Creating multiple copies of the shape. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"248\" \/>\n<div class=\"image-desc\">Hold down Alt (Win) \/ Option (Mac), then press the Right arrow key multiple times to give the letters depth.<\/div>\n<h4>Step 10: Move The Original Shape Layer To The Top Of The Layer Stack In The Layers Palette<\/h4>\n<p>Each time we created a new copy of our shape, we created a new shape layer in the Layers palette, and Photoshop placed each new layer directly above the previous layer. In my case, my Layers palette now contains 68 copies of my original shape layer. The original shape layer is sitting above the Background layer, with all the copies piled on top of it. You can tell it's the original because it's the only shape layer that doesn't contain the word &quot;copy&quot; in its name. <\/p>\n<p>We need to move that original layer to the very top of the pile, and there's an easy way to do it. First, click on the original layer in the Layers palette to select it. Then, press <strong>Ctrl+Shift+]<\/strong> (Win) \/ <strong>Command+Shift+]<\/strong> (Mac). That's the right bracket key (&quot;]&quot;) in case you're wondering. This convenient shortcut will instantly move the currently selected layer directly to the top of the layer stack:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/move-layer-top.gif\" alt=\"Moving the original shape layer to the top of the layer stack. Image &copy; 2009 Photoshop Essentials.com\" width=\"331\" height=\"284\" \/>\n<div class=\"image-desc\">The original shape layer now appears above the other layers in the Layers palette.<\/div>\n<h4>Step 11: Merge All The Copies Together<\/h4>\n<p>With our original layer now at the very top of the layer stack, we need to merge all of those copies of the shape layer down to one layer. Click on the layer directly below the original layer in the Layers palette (in other words, the second layer from the top). Then use the scroll bar on the right of the Layers palette to scroll down to the layer directly above the Background layer. Don't just click on it though to select it because that will deselect the layer you just selected at the top. Instead, hold down the <strong>Shift<\/strong> key on the keyboard and <em>then<\/em> click on the layer to select it. This will select both layers at the same time, along with every layer in between them. All of these layers will appear highlighted in blue in the Layers palette.<\/p>\n<p>With all of our copied layers now selected, go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Merge Layers<\/strong> down near the bottom of the list. Or for a faster way, press the keyboard shortcut <strong>Ctrl+E<\/strong> (Win) \/ <strong>Command+E<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-merge-layers.gif\" alt=\"The Merge Layers command in Photoshop. Image &copy; 2009 Photoshop Essentials.com\" width=\"250\" height=\"157\" \/>\n<div class=\"image-desc\">Go to Layer > Merge Layers.<\/div>\n<p>Photoshop will merge all of the selected layers into a single layer. If we look in our Layers palette, we can see that we now have only three layers. The Background layer is on the bottom, the original shape layer is on the top, and in between them is our newly merged layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/merged-layers.gif\" alt=\"The layers are now merged into one. Image &copy; 2009 Photoshop Essentials.com\" width=\"331\" height=\"288\" \/>\n<div class=\"image-desc\">All of the shape layer copies have been merged into a single layer.<\/div>\n<h4>Step 12: Add A Black-To-White Gradient  To The Merged Layer<\/h4>\n<p>To give our letters a truly 3D appearance, let's complete things by adding a simple lighting effect. Or at least, something that <em>looks<\/em> like a lighting effect. Click on the merged layer in the Layers palette to select it if it's not selected already. Then click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers palette. A list of all the available layer styles will appear. Click on <strong>Gradient Overlay<\/strong> to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/select-gradient-overlay.gif\" alt=\"Selecting a Gradient Overlay layer style. Image &copy; 2009 Photoshop Essentials.com\" width=\"331\" height=\"289\" \/>\n<div class=\"image-desc\">Select a Gradient Overlay layer style from the bottom of the Layers palette.<\/div>\n<p>This will bring up Photoshop's <strong>Layer Style<\/strong> dialog box set to the Gradient Overlay options in the middle column. We want to use a black to white gradient for our fake lighting effect. If you already have the black to white gradient selected, you can skip this next step. If you have some other gradient selected, click on the <strong>gradient preview area<\/strong> in the middle of the options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/gradient-preview.gif\" alt=\"The gradient preview area in the Layer Style dialog box. Image &copy; 2009 Photoshop Essentials.com\" width=\"367\" height=\"231\" \/>\n<div class=\"image-desc\">Click on the gradient preview area in the Layer Style dialog box to choose a new gradient.<\/div>\n<p>This brings up the <strong>Gradient Picker<\/strong>, showing us all the available gradients we can choose from. The one we want is the <strong>Black, White<\/strong> gradient, third from the left, top row. If you have Tool Tips enabled in Photoshop's Preferences, you'll see the name of the gradient appear when you hover over the thumbnail. Click on it to select it, then click <strong>OK<\/strong> in the top right corner to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/select-gradient.gif\" alt=\"Selecting the Black, White gradient. Image &copy; 2009 Photoshop Essentials.com\" width=\"469\" height=\"214\" \/>\n<div class=\"image-desc\">Choose the Black, White gradient.<\/div>\n<p>Back in the main Gradient Overlay options, you'll see the gradient preview area now showing the black to white gradient (if it wasn't already). Below it are a couple of important options. Make sure the <strong>Style<\/strong> option is set to <strong>Linear<\/strong> and the gradient <strong>Angle<\/strong> is set to <strong>90&deg;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/gradient-style-linear.gif\" alt=\"The Gradient Overlay options. Image &copy; 2009 Photoshop Essentials.com\" width=\"369\" height=\"231\" \/>\n<div class=\"image-desc\">Make sure the Style option is set to Linear and that the Angle is set to 90&deg;.<\/div>\n<p>Click <strong>OK<\/strong> when you're done to exit out of the Layer Style dialog box, and we're done! Photoshop applies the black to white gradient to the merged layer, creating a  shadow effect on the letters and completing our simple 3D text effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/simple-3d-type\/photoshop-3d-text.gif\" alt=\"Photoshop 3D text. Image &copy; 2009 Photoshop Essentials.com\" width=\"600\" height=\"248\" \/>\n<div class=\"image-desc\">The final 3D text 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! Check out 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<aside><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to make a simple 3D text effect in Photoshop.<\/p>\n","protected":false},"author":1,"featured_media":491,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-490","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>Create Simple 3D Text in Photoshop<\/title>\n<meta name=\"description\" content=\"In this tutorial, learn how to create a simple 3D text effect in Photoshop.\" \/>\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\/photoshop-simple-3d-type\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Simple 3D Text In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, learn how to create a simple 3D text effect in Photoshop.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/\" \/>\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-02T23:23:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-17T20:10:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.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\\\/photoshop-simple-3d-type\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Create Simple 3D Text In Photoshop\",\"datePublished\":\"2012-10-02T23:23:24+00:00\",\"dateModified\":\"2020-11-17T20:10:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/\"},\"wordCount\":2574,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/simple3d80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/\",\"name\":\"Create Simple 3D Text in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/simple3d80j.jpg\",\"datePublished\":\"2012-10-02T23:23:24+00:00\",\"dateModified\":\"2020-11-17T20:10:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this tutorial, learn how to create a simple 3D text effect in Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/simple3d80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/simple3d80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Create Simple 3D Text In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/photoshop-simple-3d-type\\\/#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\":\"Simple 3D Text\"}]},{\"@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":"Create Simple 3D Text in Photoshop","description":"In this tutorial, learn how to create a simple 3D text effect in Photoshop.","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\/photoshop-simple-3d-type\/","og_locale":"en_US","og_type":"article","og_title":"Create Simple 3D Text In Photoshop","og_description":"In this tutorial, learn how to create a simple 3D text effect in Photoshop.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T23:23:24+00:00","article_modified_time":"2020-11-17T20:10:27+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.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\/photoshop-simple-3d-type\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Create Simple 3D Text In Photoshop","datePublished":"2012-10-02T23:23:24+00:00","dateModified":"2020-11-17T20:10:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/"},"wordCount":2574,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/","name":"Create Simple 3D Text in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.jpg","datePublished":"2012-10-02T23:23:24+00:00","dateModified":"2020-11-17T20:10:27+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this tutorial, learn how to create a simple 3D text effect in Photoshop.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/simple3d80j.jpg","width":"80","height":"80","caption":"Create Simple 3D Text In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/photoshop-simple-3d-type\/#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":"Simple 3D Text"}]},{"@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\/490","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=490"}],"version-history":[{"count":25,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"predecessor-version":[{"id":30795,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/490\/revisions\/30795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/491"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}