Articles, Blog

Photoshop Tutorial: How to Create Awesome, FAUX 3-D Text

October 28, 2019


Hi. This is Marty from Blue Lightning TV.
I’ve done many tutorials showing how to use the 3-D filter in Photoshop to create the
look of powerful and effective 3-D images. In this tutorial, I’m going to show you how
to create the look of 3-D text with deep shadows and bright reflections without using the 3-D
filter. We’ll begin by creating a new document. Press Ctrl + N on Windows or Cmd + N on a
Mac. Give your document a name and make its Width: 1550 pixels, its Height: 870 pixels
and its Resolution: 300 pixels per inch. The Color Mode is RBG and 8 bits per channel.
Click the small box to open the Color Picker. In the Brightness field, type in 5% and click OK on both windows. Click the New Layer icon to make a new layer. We’ll fill the empty
layer with black. To do this, press Shift + F5 at the top of your keyboard to open the Fill window. Open the flyout list. Click Black and click OK. Change the Blend Mode to “Screen”. Go to FIlter, Render and Lens Flare. Make the Brightness: 125% and the Lens Type: 50-300mm Zoom. Drag the lens flare approximately here in the preview window and click OK. Click the icon at the upper, right of the Layers panel and click “Convert to Smart Object”. The reason for this is so we can adjust, change or remove the effects that we’ll be adding
to it. Go to Filter, Blur and Gaussian Blur. Make the Radius: 90 pixels and click OK or
press Enter or Return. We’re ready to set our text. Open your Horizontal Type Tool and
pick a font. I’m using “Agency FB Regular”. If you’d like to use it, I provided its link
in my video’s description or project files. I’ll make its size: 100 points, but you may
want to adjust this amount based on the font you choose and the amount of characters in your text. The aliasing is Sharp and the Alignment is centered. Click the color box. In the Brightness
field, type in 35%. Then, click OK. Click on your doucment and type out your text. To
center it on your document, click your Move Tool and press Ctrl or Cmd + A. Click the “Align Horizontal Centers” icon and the “Align Vertical Centers” icon. Then, deselect it
by pressing Ctrl or Cmd + D. SInce, we’ll be adding deep shadows to the bottom of the
text, let’s slide it up a bit by pressing the “Up” arrow key on your keyboard approximately
this much. Convert the text into a Smart Object. Click the “fx” icon and click “Bevel & Emboss”. Make the Style: Inner Bevel, the Technique: Chisel Hard and the Depth: 100% . Make the Direction: Up and the Size: 3 pixels. Make the Angle: 135 degrees and the Altitude: 50
degrees. The Highlight mode is Screen with an Opacity of 75% and the Shadow mode is
Linear Burn and its opacity is also 75%. Then, click OK. Make the lens flare layer active
and make a copy of it by pressing Ctrl or Cmd + J. Drag the copy above your text layer
and hide its blur filter. Presently, the lens flare is showing through the text and the
background, however, we want it to only show through the text and NOT the background. To
do this, we’ll make the lens flare copy into a clipping mask, which will clip it to the
one layer below it, which is the text. To do this, press Ctrl + Alt + G on Windows or
Cmd + Option + G on a Mac. Next, we’ll begin the process of making the deep, 3-dimentional shadows. Ctrl-click or Cmd-click the thumbnail of your text to make a selection of it. Hide
the text layer and make Layer 1 active. Click the New Layer icon to make a new layer above
the active layer. In this empty layer, we’ll fill the selection with black. Open the Fill
window. It remembers the last Fill content, which was black, so just press Enter or Return. Then, deselect it. Next, we’ll create an action to build our deep shadow. Open your Action panel. If you don’t see it, go to Window and Actions. Click the icon on the right and click “New Set”. Name it, “Shadows” and click OK or press Enter or Return. Immediately, a new
action set was added to your Actions panel. Click the icon again and this time, click
“New Action”. The New Action window will pop up. Click the “Record” button. Now, every
step you do will be added to this action. It doesn’t record the time between your steps;
it only records the steps themselves, so take your time. The first step in your action is
to make a copy of Layer 2 which is the selection of our text that we filled with black. Press
Ctrl or Cmd + J to make the copy. Double-click the copy to open its Layer Style window. Click Drop Shadow. The Blend Mode is Multipy and the Opacity is 100%. Uncheck Global Light
and make the angle: 135 degrees. The Distance is 2 pixels and the Spread and Size is 0. Then click OK. Merge the Layer 2 copy with Layer 2 by pressing Ctrl or Cmd + E. Then, click the “Stop” button to stop recording your actions. Click the Action to make it
active and click the “Play” button. Each time you click the Play button, it will add 2 more
pixels to the depth of your shadow. I’ll click it approximately 30 times to make a solid
shadow this deep. Let’s rename this layer, “3-D shadow”. Make a copy of it by pressing
Ctrl or Cmd + J. Name the copy, “Blur shadow” and reduce its opacity to 60%. Make your text
layer visible, but keep your Blur shadow layer active. Go to Filter, Blur and Gaussian Blur.
Blur it 10 pixels and click OK. Drag the blurred shadow down and to the right. Next, Ill show
you how to change its colors. Scroll to the top and make your top layer active. Click
the Adjustment Layer icon and click, “Color Balance”. There are 3 tonal ranges: Shadow,
Midtones and Highlights. Within each tonal range, there are 3 color bars that show the
color changes for the red, green, and blue channels. By dragging a slider toward a color,
you’ll increase that color in the image. Have fun experimenting with various color combinations in all three tonal ranges until you get the look you want. This is Marty from Blue Lightning
TV. Thanks for watching!

54 Comments

  • Reply Skxawng April 3, 2016 at 11:25 pm

    I love how you explain every single thing, even the keys you press
    It feels so good when someone take care on explaining everything so you can understand

  • Reply Pocoyo Toy April 3, 2016 at 11:54 pm

    thank you Bluelightningtv lightning TV for solving my problem

  • Reply 0NEGUY April 4, 2016 at 12:10 am

    where does he come up with these random canvas sizes

  • Reply Shane Silva April 4, 2016 at 1:17 am

    Any time I try to use an action I get messages that 'set…. blah, blah, blah is not…' Very frustrating!

  • Reply HM April 4, 2016 at 2:10 am

    can you tell me what is the purpose of smart object? or do u have any video related to it?

  • Reply ChaudhryAli April 4, 2016 at 12:30 pm

    Very Nice Tutorial

  • Reply ฤŒika Dule April 4, 2016 at 2:43 pm

    1.25 for normal speed ๐Ÿ˜‰

  • Reply Foelsgaard April 4, 2016 at 2:57 pm

    i can't find the action bar pls help me… 6:16

  • Reply Jon Stark April 4, 2016 at 5:52 pm

    thank you u r the best <3

  • Reply Struggle Soldier April 4, 2016 at 6:21 pm

    This is my favorite channel in Youtube ….. Can you explain how you to photoshop yourself with a celebrity, for example,How to put picture with your favorite celebrity….and Thank you for your efforts ๐Ÿ™‚

  • Reply Elaina Frampton April 4, 2016 at 6:31 pm

    Love this channel!

  • Reply sheeraz Ali April 4, 2016 at 7:07 pm

    owsome sir…. plz upload manipulation tutorials plz sir

  • Reply Baobab April 4, 2016 at 7:57 pm

    U are the best!) Thanks man)

  • Reply sam kh April 4, 2016 at 8:45 pm

    i love this channel ,u r the best <3

  • Reply Turtle Sergio April 5, 2016 at 5:33 am

    Wow, didn't know about Actions! Very helpful, thanks.

  • Reply Skye Blue April 5, 2016 at 11:05 am

    awesome tutorial sir

  • Reply Eljade Bibit April 5, 2016 at 11:48 am

    Excellent as always!

  • Reply Herman Efendi April 5, 2016 at 3:49 pm

    how to make car mockup

  • Reply Louise B April 5, 2016 at 6:18 pm

    Incredibly clear directions,…what a great teacher you are! Can't wait to try it out!

  • Reply ld2102011 April 5, 2016 at 6:39 pm

    Learn something new each and every video you put out. Thank you so much!

  • Reply qaiser najmi April 6, 2016 at 5:19 pm

    Dear Sir,
    kindly show us some wedding graphic pictures. mean one or two or three pictures togather or like this.

  • Reply Allu Tiikki April 7, 2016 at 12:57 am

    At 1:00 I don't see that small box, please help?

  • Reply MrDjchoky April 7, 2016 at 2:04 am

    I know right its crazy

  • Reply MrDjchoky April 7, 2016 at 3:30 am

    Gracias

  • Reply Roshan poudel April 7, 2016 at 8:17 am

    hi can u tell how can I make toturial video like ur? plz help me sir

  • Reply Johnny Atkinson April 7, 2016 at 8:33 am

    can u make a tutorial of photo manipulation.please..please please

  • Reply Isabela Fer Costa April 7, 2016 at 6:16 pm

    Awesome. I watched and I've done a logo for my new Party. Thanks.
    I love your videos.

  • Reply Mohummed Saleem April 7, 2016 at 7:39 pm

    As usual, you are GREAT.

  • Reply S M Masum April 8, 2016 at 11:21 am

    Really, Your are a great tutor. I have learnt much from this.
    Thanks

  • Reply Marcio Alves April 8, 2016 at 11:31 am

    Muito bom… parabรฉns

  • Reply juliano o_O April 8, 2016 at 8:41 pm

    Hello, congratulations for these wonderful tutorials that you provide for us photoshop lovers, I would ask for your help, I am having a problem in time to perform the action, when I run the following message appears: the command "merge layers" is not available at the time. I wonder if you know help me with this error because I did everything the way you specified in the tutorial, and my two computers I am having the same difficulty, I thank your attention.

  • Reply Ace Solace April 9, 2016 at 8:11 am

    vertor/vexel art tutorial please?
    i really need to learn it hehe

  • Reply Yoscelind Ocel April 10, 2016 at 10:12 am

    can you make insomnia effect tutorial please?

  • Reply captured moments workshops Mhamad elrifai April 12, 2016 at 2:46 am

    thank you

  • Reply paulinho rei April 19, 2016 at 9:46 pm

    muito bom

  • Reply ุงู†ุง ุงู„ุญูƒูˆู…ุฉ April 23, 2016 at 9:38 am

    ุนุงุดุช ุงูŠุฏูƒูƒ ูˆุงู„ู„ู‡ ุจ ุงู„ุชูˆููŠู‚ โค๐ŸŒบ

  • Reply mhayduke llarves April 23, 2016 at 11:55 am

    i need gps to follow the steps where can i go , but indeed very good tutorial thanks

  • Reply Warren Lassabe April 27, 2016 at 4:09 pm

    Thanks very much.

  • Reply Sneaky May 17, 2016 at 5:01 pm

    Umm how i can click on this small white box o.o ?
    Do i have to download an update version of photoshop ?

  • Reply 2Aout Beats June 10, 2016 at 2:17 am

    I don't have actions drop shadow In my Photoshop CS6 . Thx

  • Reply SuiYiFan June 14, 2016 at 2:54 pm

    why my text fill have little gary?

  • Reply Malik Farhan Awan June 26, 2016 at 5:45 am

    nice

  • Reply Wiki Wood July 23, 2016 at 10:43 am

    Thanks for your great explanation.

  • Reply Bill Cooligan July 29, 2016 at 7:52 pm

    Marty, I love your teaching method with the exception of one thing. I think it would be better to explain the commands/Menus/options being executed rather than simply telling the user the keystroke shortcuts. This way, the user understand what they are doing instead of just memorizing a keystroke sequence though perhaps not learning what it was for. Just humble my opinion. Thanks Much.

  • Reply Collen Matlakala August 4, 2016 at 1:39 pm

    Marty, am from South Africa this is the Best Tutor ever. Keep it up…

  • Reply Norfolk Paranormal Researchers November 30, 2016 at 3:02 pm

    HI MARTY YOU ARE SO EASY TO UNDERSTAND. YOU HELP WITH EVERYTHING. THANK YOU

  • Reply Abhinn Acoustician December 29, 2016 at 10:25 am

    you're the greatest of all time

  • Reply pam spivey February 27, 2017 at 5:51 pm

    I do not have the color box indicated at 0:54/9:54……….also, when told to convert to smart object indicated at 2:08/9:54, mine says to group into smart object….then at the 2:23 mark, can not do gaussian blur , window comes up stating that it has to be rastersized first, when I do that, at the 5:02 mark, I no longer have the smart object to hide the blur filter.
    I really like your tuts, as they are easy to follow. Most other things I can figure out I.E. the group to smart object vs convert to smart object. Could you please advise as to how I can get this to work. I am using Photoshop CS2.

  • Reply Just TV Naija March 20, 2017 at 9:49 pm

    Sir. You are always the best of best. A very good teacher. I just wish I have all your videos. So I will learn and learn. I luv ur videos๐Ÿ™‹

  • Reply lan shim April 25, 2017 at 7:04 pm

    I am using CS6 but disabled my 3D option. What shall I do?

  • Reply Alishan Ali June 7, 2017 at 2:58 am

    in my cc 2017 3d option is not available
    what should I do….?

  • Reply Mixalis Kelemenis August 20, 2017 at 6:46 pm

    hello. thank you so much

  • Reply 5bwaz March 8, 2018 at 7:06 pm

    SUPER !!!!!!!!!!!!!!!!!!!!!

  • Reply bestlilyEVER April 7, 2018 at 1:02 pm

    Thank you so much for all the videos you made. They are awesome.

  • Leave a Reply