In this quick and easy graphic design tutorial, you’ll discover a handy process for generating eye-grabbing three-dimensional typography with the help of Photoshop and some creative techniques.
Final Result
I just updated my computer and now when I use photoshop cs6 all of my text is in 3D mode. Also, all of my layers are being created as 3D. I am running in Essentials mode and I don't see anywhere that I can turn this 3D off. I have gone into the workspace and nothing changes this. I have never had this happen before. A list of great Photoshop text styles & effects to understand and learn how to achieve effective typography using text effects. Text is not just meant to write content, text itself can be a creative element if we use wisely.
Here is a preview of what we’ll be working towards in this web design tutorial (click on the image to see the result in full-scale). As a web designer, these are the skills potential clients look for. This tuturial should help your text pop out whether you are designing a site for a college or an auto parts store.
Setting up the Photoshop document
1 First off, we are going to open up Photoshop and create a new document (Ctrl + N). In the New document dialog box, set the Width and Height units to inches (if it isn’t already). We’re creating a square canvas; set the width and height to 10 inches. We’re creating a graphic that’s high resolution and ready for print use, so set the Resolution to 300 pixels/inch.
2 With your canvas created, fill the Background layer with a dark gray (#333333) color. One of the ways you can do this is by first setting your Foreground color to the dark gray color (in the Tools panel). Then choose the Background layer in the Layers Panel and press Ctrl + A (which creates a marquee selection around the entire canvas – you can also do this via Select > All). Finally, choose Edit > Fill (Shift + F5) to open up the Fill dialog box, make sure that the Use option is set to Foreground color, and then click OK to apply the fill.
Creating the text
3 Now we’ll place the text on the canvas. Choose the Horizontal Type Tool from the Tools panel and type the text/logo that you desire. Change the color of the text in the Options bar to a yellow color (#FFCC00), use a rather large font size, and try to choose a bold font type as the technique works best this way. The font used here was Myriad Pro Black set at 286pt for the word ‘Six’ and 83pt for the word ‘Revisions’. Start typing the text on the center of the canvas; this tutorial uses the text ‘Six Revisions’, but of course, feel free to modify it.
4 Rasterize the text so that we can more easily work with it; this has the side effect of not being to modify the text anymore so make sure you’re happy with the text. Right-click on the text layer and click on Rasterize Type (or Rasterize Layer depending on what Photoshop CS version you’re using).
Using Free Transform on the text
5 Now we are going to skew the text to give it more of a dramatic 3D look. Make sure you have the layer with our text selected in the Layers Panel, then press Ctrl + T to let us edit under Free Transform (Edit > Free Transform).
6 Holding down Ctrl, click on the top right transform control of the box. Drag the corner to the left. Do the same with the top middle transform control. You should get something like what I have below.
Adding some layer styles
7 We are going to add some layer styles to our text. Make sure that the text layer is selected in the Layers Panel, and then click on the Add a layer style icon at the bottom of the Layers Panel. Choose Bevel and Emboss, which will open up the Bevel and Emboss Layer Style dialog box. Set it to the settings that I have below; this will make the edges of the text really pop. Don’t forget to change the colors for the highlights and shadows. The highlight is #FFCC66 and the shadow is #DFA125.
8 Go back into the Layer Styles dialog box (if you exited out of the Layer Styles dialog box, just double-click on the layer in the Layers Panel to go back) and apply a Satin layer style. This will give some depth to the color on our text instead of just a solid or gradient. Change the color to #F3881F.
9 The last thing we are going to do to the text’s face is add a Gradient Overlay layer style. Click on the gradient and change the left color stop to #F7F3A7 and the right color stop to #F3881F.
Creating the 3D effect
10 We are going to start giving this text a 3D look. First, we want to duplicate our text layer; choose the layer and press Ctrl + J to duplicate the layer. Go to the duplicated layer and get rid of the layer styles by clicking and dragging them into the trash can icon at the bottom right of the Layers Panel.
11 Now that we have a logo with no layer styles, we are going to adjust the color. Open up the Curves options by choosing Image > Adjustment > Curves (Ctrl + M) and adjust them to something like I have below to give the layer a darker color.
12 We want to drop down the saturation because the color is too vibrant to be a shadow. Go into Hue/Saturation with Ctrl + U (or Image > Adjustments > Hue/Saturation) and adjust the settings like I have below.
13 Now, we are going to create the edges of our text to make the three-dimensional look. First, we want to click and drag our layer below the original yellow text layer and move it one space to the left with the arrow key. Holding down Alt, push the down and left arrows repeatedly. This will duplicate the brown layer each time you push the arrow button. Keep duplicating the layer until you get the size and depth that you like.
Combine the duplicated layers
14 Let’s combine all of these duplicated layers into one. To do this, click on the topmost brown text layer in the Layers Panel, hold down Shift, and then click on the bottommost brown text layer to select all of them. Then with all the appropriate layers selected, click on the Link layers icon at the bottom of the Layers Panel. A chain link icon should appear on all the brown text layers when you click on it. Once you link all the brown text layers together, select all the layers in the Layers Panel again (if you somehow deselected them) and press Ctrl + E to merge down all the linked layers together.
15 Let’s add a Gradient Overlay layer style on our combined text edge layer so it goes with the gradient on our yellow text. The colors are black (#000000) and white (#FFFFFF) (double-click on the merged layer to open up the Layer Styles dialog box).
Create a drop shadow
16 Duplicate the brown text edge layer with Ctrl + J while it’s selected in the Layers Panel. We are going to use it to create a shadow on our text. Go to Filter > Blur > Gaussian Blur and adjust it so the Radius option is at 8px. Now go into Curves by pressing Ctrl + M and adjust them as I have them. This should give you a blackish shadow.
17 If you zoom in at the edges of the letters using the Zoom Tool (Z), you’ll notice that the brown sides coming off the corners are jagged. We’re going to go in and fix those. Using your Polygonal Lasso Tool, click a shape around the area that needs to be removed and push the Delete key. Repeat this for each area that needs it until you get smooth edges on all your letters.
Some optional steps
18 This looks pretty good so far, and we could probably stop here and be happy with it, but if you want to put the extra effort in, we can start adding in some more shadows. Our light is coming from the top left so we should plan to have our shadows at the darkest from the bottom right. To get our shadows right, we are going to use the Burn Tool on the brown text edge layer to darken it. Before we start adding in our shadow, we want to use the Polygonal Lasso Tool to create some edges where there would be corners on the text. Do this for all the corners of our text, holding down Shift and dragging your mouse to add to the marquee selection.
The Burn Tool
19 Now we can start burning in the areas we selected. Change the Burn settings in the Options bar so that the Ranges option is Highlights and the Exposure is at 50%. I also used a brush with a Master Diameter set at 125px with a 0% Hardness.
20 With the same Burn settings all set, we are going to do the rest of the areas that need shadows. Since you should still have the areas selected, we can do an inverse selection, Select > Inverse (Ctrl + Shift + I), then we can burn the areas that we haven’t done yet without burning the areas we have already done.
21 We can also do some highlights too with the Dodge Tool. Use the same brush, the same settings, and the same method that we did with the Burn Tool.
Finished!
There we have it, 3D text using nothing but Photoshop. Here’s what I ended up with:
Share your work on Flickr
Why don’t you share your work on the Six Revisions Flickr group and show it off to the community?
Download
If you’d like to download the Photoshop file used in this tutorial, you can do so below.
- remarkable-3d-text.zip (ZIP, 2.60MB)
Related Content
- Related categories: Tutorials and Photoshop
Photoshop is the most powerful industry leading image and graphics editing software in the world. Adobe continuously updates Photoshop versions and includes dozens new and exciting features. Photoshop is such an enormous, complex and sophisticated piece of software with a vast collection of tools. So learning and being an expert in Photoshop is most important to professionals and photographers. So in this we have huge range of 3D and image Photoshop tutorials from beginner to advanced that make you learning easy.
Unlimited Downloads : 600,000+ Photoshop Actions, Stock Photos & Design Assets Ad
Sandstorm
Photoshop ActionsDouble Exposure
Photoshop ActionsBurn 2
Photoshop ActionsText Effect
Photoshop ActionsAnimated GIF
Photoshop ActionsGold Kit
Photoshop BrushesLearn how to create a realistic 3D gold text effect using layer styles in Adobe Photoshop.
This tutorial will show you how to use smart objects and layer styles to create a 3D, retro, glowing text effect.
Photoshop’s 3D depth maps are a great way of creating unique 3D mesh shapes. This tutorial will show you how to use pattern fills, 3D tools and options and adjustment layer settings to create a shiny, frilly 3D text effect.
This tutorial will use Photoshop’s 3D features to achieve the chrome effect. Don’t worry if you are new to Photoshop 3D. This is a step-by-step tutorial that anyone could follow along.
Photoshop plugin for creating individual 3D maps from your own ideas.
In this tutorial of Photoshop cc we will learn to make 3d text effect using 3d feature of photoshop cc and this tutorial is easy to understand.
This tutorial will guide you through on how to create a 3D text. This is a great tutorial dedicated to helping beginners familiarize themselves with Adobe Photoshop CC.
Create Amazing Facebook 3D Images with Photoshop and Post Directly from Your Computer! Turn your flat composites or images to breathtaking three-dimensional image using the power of depth maps.
This tutorial will show you how to make a 3D app icon in Adobe Photoshop CC. This is great to use in your Android or iOS app.
Whether you call it 3d manipulation or you call it 3d photo effect, one thing is sure, that the original picture is adorable as hell. I really love that picture and thought it would be awesome to include it in tutorial.
This tutorial will show you how to use Photoshop’s 3D tools and material settings, along with a couple of images, filters and adjustment layers, to create a retro, summery, floatie-inspired text effect.
Here is a Photoshop tutorial to show you how to create this 3D text effect to your text or lettering.
You will learn how to create cool Photoshop text effects using Photoshop layer styles. Photoshop styles work with any font and are the best option when creating Photoshop type effects. The fake 3D can be used with any layer style and will make Photoshop letters more prominent and cool.
3d Text In Photoshop 2020
This tutorial will show you how to use Photoshop’s 3D tools and settings, as well as some filters and adjustment layers, to create a simple, flat, faded 3D text effect.
In this tutorial we will show you how Photoshop CS6 Extended’s new 3D tools can be utilized to create a typographic illustration. We will also use plenty of free stock images and make full use of Photoshop’s non-destructive features, such as Adjustment Layers and Masks.
3D text effects can be created in many different ways, but Photoshop’s 3D tools and settings are a fun way to do it. This tutorial will show you how to play around with the material textures and settings, as well as the lighting, to create a shiny wrapped text effect.
![Text Text](/uploads/1/1/8/9/118919434/961558689.jpg)
This tutorial will show you how to use Photoshop’s shapes and shape settings, along with its 3D tools and options, to create a 3D coin text effect.
Bright, pastel 3D typography is one of this year’s awesome trends, and it’s such a fun style to create and include in projects. This tutorial will show you how to use Photoshop’s shape and 3D tools and settings to create a trendy, abstract pastel text effect.
This tutorial will show you how to use Photoshop’s 3D Tools, adjustment layers, and a couple of textures to create a dazzling, glittery, festive text effect.
This is a photo effect tutorial about 3D Pop Out Effect. It is a photo effect artwork.In this video you will learn how to create that type of photo effect artwork.I create the photo manipulation work with the help of Adobe Photoshop CC.I think this tutorial will help Photoshop beginners to create so many amazing photo effect artworks.
We’ll recreate the classic red and blue anaglyph effect, or RGB split, from retro 1950’s 3D movies, and once you know the steps, you can add this classic 3D effect to any image in less than 30 seconds!
This video tutorial is a little different than most of the videos that I make. Here we will take a look at how to transform a simple 2-dimensional photo into a full 3D space that we can float through and even animate in Photoshop. It’s pretty incredible to see the first time you do see it happen, but it’s definitely unforgettable!
Larn how to create a 3D diagram using only Google Earth and Photoshop.
Photoshop CC 2018 tutorial for versions CS6 and later showing how to wrap any texture around highly realistic, 3D text casting reflections, refractions and deep shadows.
Learn how to quickly make a 3D can and apply your label in Photoshop tutorial.
Here we will learn how create 3d tiny planet effect using photoshop. The videos is pretty long, but photo effect it self is very short, most of the time went in composing model with the effect and using lighting effect. Main trick is to use correct image , then make it square , because filter that we used for photo effect only works properly if the document is square.
![Text Text](/uploads/1/1/8/9/118919434/518174906.webp)
This can be used for business, entertainment or other creative purpose! You will need the ‘Extended Version’ of Photoshop CS6.
How To Create 3d Text In Photoshop 7.0
We will add a reflection, some lights, shadows and materials to achieve the desired effect. We will also match the perspective of the text with the perspective of the photo using the Vanishing Point filter.
This Adobe Photoshop and Adobe Fuse tutorial will cover everything you need to know to get started creating and animating your own 3D characters.
Photoshop CC 2014 tutorial showing how to create a 3D, wide-screen, cinematic, movie title design.
This is a very special tutorial as it celebrates ten wonderful years of Envato Tuts+, and what better text effect to celebrate with than one inspired by balloons and confetti? This tutorial will show you how to use Photoshop’s 3D tools and settings, along with brushes and adjustment layers, to create a fun, shiny, inflated text effect.
Combining 2D and 3D styles in different creative ways has been a part of multiple design trends over the years. This tutorial will show you how to use Photoshop’s 3D tools and settings to create an abstract 3D displaced text effect, with a touch of a Retro or Memphis Style feel.
In this tutorial we learned how to make a 3D black and gold text and logo mockup using a smart object and the layer styles. We started by creating the smart object, and then we created the shrinking action. After that, we added multiple layers to create the 3D effect and also added the layer styles. Finally, we added some shadows.
In this tutorial I’ll show you how to use Adobe Photoshop to create a colorful 3D floral collage featuring a beautiful woman.
First, we’ll isolate the model from the background. After that, we’ll add our background. Then we will cut out the model to create a 3D effect. Later, we will add the flowers and crystals. Next, we will import the waves, the jewelry, and the crow on the model. Then, we will the tribal marks and geometrical shapes to keep the collage balanced. Finally, we will adjust the contrast, vibration, and saturation using Adobe Lightroom.
This tutorial will show you a very easy and useful tip to create colorful illuminated letters using Photoshop’s 3D material settings.
In today’s fun Photoshop tutorial, I will show you how to create a Pixelated effect by creating a customized pixel brush and using it to apply the effect. We’ll be working with a few filters, blending options and thousands of pixels! Don’t worry, it’s not complicated.
This Photoshop tutorial will show you how to apply this paper effect to your text or lettering. The step-by-step format will help you recreate the effect whether you are a beginner or an expert.
Learn how to create Circular Stretch Effect in photoshop easily.
You do not need to be good at drawing to make photos into caricatures.
This Photoshop tutorial is all about how to create a cool effect where type is intertwined through a floral bouquet. We’ll cover how to layer masks and shadows to build a complex effect that has depth and shape. We will also create a type of parchment paper beneath the floral design to make sure the whole effect sits on a beautiful background.
Learn how to create a low poly portrait in Photoshop, without using 3D software or illustrator.
Photoshop CC 2014 tutorial showing how to transform a photo of someone into a white marble, sculpture bust.
Easily Create the Flat and Trendy Long Shadows for Your Text, Logo, or Graphic by Using the 3D Feature in Photoshop! Using the Extrude function, learn how to extend your object so as to create the shadow and have full control over the direction.
Learn how to make 2D to 3D Photo Effects, and this tutorial help for 2d to 3d logo convert.
Learn how to insert images in 3d text and how to make 3d portrait and learn about filter and blend modes.
Create an Amazing Anaglyph 3D Effect in Photoshop! Build Dramatic filters and learn how to stylize your images with Red-Cyan 3D overlay. We will learn the concept of Anaglyph 3D effect and use the fundamentals of Channels to recreate the same.
In this Photoshop tutorial, you will learn how to recreate the Black Panther movie poster text effect. To recreate this text effect we will use stacks of Layer Styles to create the texture, chrome, and other effects found in this movie poster text effect.
In this Photoshop tutorial we’ll go over how to create this head sliced photo manipulation effect with relative ease.
How to add clipping mask and Mock up in Photoshop CC.
Making of surreal geometric landscape photo manipulation scene effect.