Articles, Blog

Photoshop: How to Create Realistic, Texture-wrapped, 3D Text in CS6 and later.

September 5, 2019


Hi. This is Marty from Blue Lightning TV. I’m going to show you how to wrap a custom
texture around highly realistic, 3D text with reflections, refractions and deep shadows. Before we begin, if you’re not already a subscriber to my channel, hit that small Subscribe button at the lower, right corner. If my tutorials have helped
you learn or improve in Photoshop and would like to help support my channel, become a
Channel Member or become a patron through Patreon. To become a channel member, click the “Join”
button below this video or to become my patron, click the Patreon card at the upper, right. Both of them will give you early access to
watch my new tutorials a week before anyone else can see them! You’ll also get a 10% discount on all the
Blue Lightning TV merch. Alright! Let’s get started to create our 3D text! Keep in mind, this tutorial is for versions
CS6 and later. Download the Photoshop template I provided. Its link is in my video’s description or project files. You’ll most likely get a pop up message that
says you don’t have the font that’s in the template. No problem. Just replace it with any text you like or
download the font I’m using. The font is called, “Gunplay” and I provided
its link, as well. The template contains 3 layers: the text,
a rusted texture image that we’ll use for our background and a metal image that we’ll
use to wrap our text with. We’re going to create this image that has
the metal texture wrapping around the text and the rust texture as the background, however,
if you want to reverse the textures, use the alternative Photoshop document I provided. The first step is to check our 3D preferences. Go to Edit, Preferences and 3D. The “Ray Tracer Threshold” determines the
quality of the rendering. The higher the threshold, the less noise there’ll
be in your final image, but the longer it’ll take to render. The default amount is 5. For slower computers, you may want to use
a lower setting. VRAM is your video’s card’s memory. The amount I’m allowing Photoshop to use is
not necessarily what you should use because your computer may have its own requirements. Go to View, Show and make sure the top four
3D elements are checked. If any aren’t, just click them. Shift-click the metal texture to make it active,
as well, and go to “3D’, “New Mesh from Layer” and “Postcard”. If you see this message, just click “Yes”. If you can’t access the 3D feature, it may
be due to one or more of the reasons I listed in the video’s description. I won’t be going over every aspect of 3D in
this tutorial, since I already did an in-depth tutorial of it. If you’d like to watch it, its link is also
in my video’s description below. Next, we’ll set up the metal texture to wrap
around our text. To do this, make the Metal Texture layer active
and open the 3D panel. Click the “Whole Scenes” icon and click “Metal Texture”. In the “Properties” panel, under “Materials’,
click the arrow next to the ball, click the gear icon and click “New Material”. When you see this window, click OK to save it. Scroll down to see that “Metal Texture” is
now a new material preset. Before we can wrap our text with this material,
we need to make our text go into a 3D mode. Open the Layers panel and make your text active. Go to 3D and “New 3D Extrusion from Selected Layer”. If we ever want to backtrack a number of steps, it’s a good idea to use the History panel to do it. Go to Window and if History isn’t checked,
click it to open the panel. Just go to the step we want to take our project
back to and click it. Click the “Front Inflation Material” to make
it active and Shift-click the “Back Inflation Material to make all the text layers active. Open the Material presets and click “Metal Texture”. Instantly, it wraps this material around our
entire text. Click the Extrusion material layer and make
the reflection: 35%. You can always change it later. Click the “Meshes” icon and reduce the depth
of the extrusion to 1 inch. Again, you can change it later if your like. Click the “Coordinates” icon and in the”x”
axis of the Rotation” field, type in 90 degrees and press Enter or Return. Go to the Secondary View window and open the
“Select View/Camera” list. Make sure “Top” is checked and click the “Swap
Main and Secondary View” icon, which does what it says: swapping both views. Go to “3D” and “Move Object to Ground Plane”. Now our text is sitting directly on the background. We’ll center it in a minute. Open the Layers panel and Shift-click the
“Rust Background” to make it active, as well. Go to 3D and “Merge 3D Layers”. This connects our text and the background
in 3D space. Open the 3D panel and click the “Whole Scene”
icon again. Click “Environment” and uncheck “IBL”, which
are image-based lights. You image will probably look black. If it is, it just means that, presently, there
are no lights illuminating your image. Click the light bulb icon and the small light
bulb icon at the bottom of the panel. This opens a list of 3 lights you can choose
to illuminate your image: Point, Spot or infinite. You can add as many lights as you like from
these 3 choices. Click “New Infinite Light”. The light widget has a handle you can rotate
to adjust the angle of the light source. To soften the shadow, increase the “Softness” to 30%. You can always change it later. To brighten your image, increase the “Intensity” to 175%. Next, we’ll center our text over the background. Click the “Whole Scene” icon and make sure
your overall text is active. Click the “Coordinates” icon and place your
cursor over the “Y” axis of the “Position” field. Drag to the right or left until your text is centered. Next, we’ll reduce the size of our text, because
we’ll be ultimately zooming into our entire image. Go to the “z” axis of the “Scale” field and
drag it to the the left until your text is approximately this size. Click “Current View”. Click the “Rotate” icon and rotate your image
to an angle you like. Click the “Scale” and drag your image down
until your image fills the document. If you want to drag your image in any direction,
click the “Drag” icon and drag your cursor. Remember, you’re free to adjust any aspect
of your image. For example, if you want to add a bevel to
your text – no problem. Click your text layer to make it active and
click the “Cap” icon. Open the “Contour” presets. I’ll pick, “Cove Deep”, however, feel free
to experiment with the other presets. I’ll make the Bevel Width: 10% and the Angle:
minus 10 degrees. I’ll make the “Inflate” angle: 0%. Now that I see it, I think I;d like to widen
the width of the bevel. I’ll increase it to 20%. To get a preview of the final image,click
the “Render” icon and Photoshop will start rendering the 3D image. If you decide you want to stop the rendering
to make some adjustments, just press the “Escape” key on your keyboard. Remember, it can take anytime from a few minutes
to many hours. At the bottom, left of your screen, you’ll
see a countdown timer letting you know the time remaining for Photoshop to complete the rendering. When it finishes rendering, it’ll automatically stop. To save the final 3D image, open the Layers
panel and click the New Layer icon to make a new layer. Make a composite snapshot of your image by
pressing Alt + Ctrl + Shift + E. Then, press Ctrl or Cmd + Shift + S and save the layer
as a JPG. This is Marty from Blue Lightning TV. Thanks for watching!

52 Comments

  • Reply Reviews with broly September 10, 2018 at 1:25 am

    This is so cool and awesome really freaking cool thank you so much

  • Reply R Garlin September 10, 2018 at 7:01 am

    Beautifully explained as ever. Thanks a lot, Marty, this technique is now added to my 'toolbox'!

  • Reply JṏṠṳḕ_ ḶḭṆḊḕṁḀṆṆ September 16, 2018 at 11:31 pm

    Eres el puto amo!!✌✌😊😊

  • Reply Raheel Javed September 16, 2018 at 11:32 pm

    Thanks I learn from you many thing's

  • Reply Eric September 17, 2018 at 12:07 am

    LIKE

  • Reply search PS September 17, 2018 at 12:57 am

    good cher

  • Reply tony howard September 17, 2018 at 1:55 am

    Now this is cool, I hope that you do more 3D videos

  • Reply joseph atkinson September 17, 2018 at 3:10 am

    Have question asked for you / How long you been doing Photoshop?

  • Reply Stanley Kho September 17, 2018 at 3:50 am

    Hi Marty, for CS6 text disappeared right after merge 3D layers and how to change the units of the settings to inches. Thank you.

  • Reply Brian Horrocks September 17, 2018 at 8:05 am

    Excellent tutorial thanks very much.

  • Reply طارق العراب September 17, 2018 at 9:24 am

    احسنت ، لكن درس صعب

  • Reply gera grey September 17, 2018 at 9:46 am

    Thank you for your work, I would like to see interesting 3D lessons. There are very few good works on the channel.

  • Reply Andrew Conway September 17, 2018 at 2:43 pm

    I'm dead in the water @ 6:14, when trying to Merge my 3D Text with Background because the "Merge 3D layers is Grayed out

  • Reply hussain mohammed. mahf September 17, 2018 at 3:21 pm

    fantastic

  • Reply Jim Isaac September 17, 2018 at 5:13 pm

    I'm using PS CC 2018 (19.1.6 release), an HP 750-150, with a NVIDA GeForceGTX 960 video card, Windows 10 latest updates. When I go to View>Show my top four 3D options are greyed out. Any suggestions? Look like a great project.

  • Reply laszlo zsurka September 17, 2018 at 9:36 pm

    What the saving the layer as a JPEG does? I never knew you can do that.

  • Reply Darrell Timothy September 18, 2018 at 8:36 am

    Your Video Is The Best I Learning All About Photoshop From Your Video,Thanks Marty!

  • Reply Ozi Creative September 18, 2018 at 9:42 am

    Thank you ver much. I learn many things with your videos.

  • Reply Itty Bitty Blue Dot September 18, 2018 at 7:54 pm

    Great tutorial! I knew PS could do 3d stuff, but I've never really played with that. This is cool. I always learn a ton from your tutorials. 💜

  • Reply Edward Videos September 20, 2018 at 2:01 am

    Thanks, Marty on View + Show 3D, are greyed… run Adobe CC

  • Reply Edward Videos September 20, 2018 at 8:41 am

    Thanks Marty, great tutorial very chanlinging but very rewording at the end I done it on Imac the McPro have no guts thanks

  • Reply Master WuKu September 20, 2018 at 1:33 pm

    Hi, I do not have a light bulb icon. Did I do something wrong? 6:45

  • Reply Sidd Vodela September 21, 2018 at 8:21 am

    Hello Sir, I am using Photoshop cs6 and I was learning from your tutorial when I got stuck already in the part where we have to select 3D from preferences but I cannot find the 3D option. Is there something wrong with the file or my version of Photoshop.

  • Reply G.Vakarian September 21, 2018 at 1:01 pm

    The texture on the sides of the Text looks too "stretchy". Too much detail get lost in my opinion.

  • Reply Adjlout Ibrahim September 21, 2018 at 8:55 pm

    thank you ….

  • Reply Trupak Beats September 24, 2018 at 12:16 pm

    Thank you so much..Really best channel on Youtube !!

  • Reply Fiorella Calderon Cardenas October 4, 2018 at 2:42 am

    Thats awesome! i didnt' know how to use 3d option, thank you! 🙂

  • Reply Helvy Markus October 13, 2018 at 8:34 am

    this is th channel tht taught me photoshop, thank u.

  • Reply eps info-sport October 22, 2018 at 10:51 pm

    nice

  • Reply george diaz November 6, 2018 at 3:36 am

    great tutorials

  • Reply m.nadeem ashraf November 7, 2018 at 12:09 am

    cool tutorial thanks again…………!

  • Reply Youssef Isaak November 8, 2018 at 8:00 pm

    Thanks for your ideas .. its really great .. i have a problem using 3D my PS version is CC and it does not show 3D option on prefrences or the main menu .. what should i do please ?

  • Reply I T SITE ON November 14, 2018 at 2:53 am

    THIS IS COOL

  • Reply phantom November 30, 2018 at 4:26 pm

    simply – you are awesome. never stop doing totorials as you are very clear in description and easy to follow, and what i love about you i am actually learning what these fillters do and get a better understanding of how the processes work.

  • Reply Simeneh Tamirat December 21, 2018 at 7:55 am

    Thanks for helping me !!

  • Reply Michael Taiwan December 21, 2018 at 3:24 pm

    OMG super great tutorial ! Thank you for clear explanation.

  • Reply come back January 3, 2019 at 2:42 pm

    Excellent tutorial Senior Marty .. Thank You

  • Reply RHODIUM REX January 15, 2019 at 5:02 am

    ..'G00D-TUT!'..*BLT*…

  • Reply Gento fujio January 17, 2019 at 9:49 am

    my adobe photoshop cs6 has no 3d option on preferences… need help

  • Reply 9 Studio Productions February 12, 2019 at 5:29 am

    Everything from 4:47 and on "front inflation material" didn't work.

  • Reply SALL SOHUN March 11, 2019 at 7:29 am

    thank you for sharing.

  • Reply Gamer Universe April 2, 2019 at 3:31 pm

    It won’t let me check the 3D elements

  • Reply Siemmm Adriaens April 17, 2019 at 5:02 pm

    i dont have the 3d option under èdit` 🙁

  • Reply Jaime E. Campuzano T. May 3, 2019 at 7:59 pm

    Thank you very very very very much Marty it is a nice tutorial!!!!

  • Reply dnyaneshwar loharkar May 8, 2019 at 12:44 pm

    THANK YOU

  • Reply Simon Banks May 17, 2019 at 12:34 pm

    This doesn't work with xp.

  • Reply Sausage Show May 28, 2019 at 5:14 am

    Nice tutorial, everything is objective and clear! Thank you so much!

  • Reply Keith Knight June 10, 2019 at 12:53 pm

    Been watching your Videos for long time now just wanted to say thank you , your videos have helped me learn a few things (noob at photoshop)

  • Reply BOY LAGAN August 6, 2019 at 10:45 am

    how to install 3D in photoshop CS6…please help me..

  • Reply Angel Vasquez August 18, 2019 at 8:33 am

    Awesome as always. Can you make PUBG font tutorial?

  • Reply Al Wali _ الوالي August 26, 2019 at 2:04 pm

    Wow this amazing I follow u from Iraq

  • Reply Darren Whalen Photography September 2, 2019 at 7:55 am

    Awesome, thanks so much for providing clear and concise tutorials, just what i needed for my introduction to the 3D world 🙂
    Now to find more information in learning the typical workflow procedures involved.

  • Leave a Reply