Photoshop Tutorial: How to Create a 3D, Cinematic, Movie Title Design

Photoshop Tutorial: How to Create a 3D, Cinematic, Movie Title Design


Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to make a powerful, cinematic, 3D image of a logo, word or design. I provided a PSD file for you to download, so you can follow along. Its link is located
in the video description or project files. It includes two files: a stone wall and bare
metal. Before we start, you should check your 3D preference settings. To do this, go to Edit, Preferences and 3D. The Ray Tracer Threshold determines the quality of the rendering. The higher the
Threshold is, the less noise you’ll have in your final image, but the longer it’ll take
to render it. I generally keep it either 4 or 5. For slower computers, you may want to
use an even lower setting. VRAM is the video card’s memory. The amount I’m allowing Photoshop
to use is not necessary what you should use because your computer may have its own requirements.
Open your Horizontal Type Tool and choose a heavy font. I’m using Arial Black. I’ll
start with a size of 105 points, Sharp and Center Alignment. It can be any color. Click
on your document and type out your text. For this example, I’ll create a logo from a simple type design. I’ll increase the size of the “X” by highlighting it
and dragging the “T” icon to the right. To lower the “X”, I’ll go to Window and Character.
The Character panel will open. Sliding the “Baseline Shift” icon to the right or left
slides the character up or down. I’d like to move the word “films” closer to the “X”,
so I’ll click between them and hold down Alt or Option as I press the Left arrow key. I’ll repeat these steps to bring “Media” closer to the “X”. To reposition your line of text,
open your Move Tool and move it. We can close the Character panel now. Open your Regular Marquee Tool and drag a rectangular selection over your text. Go to the large “T” icon and hold down Ctrl + Alt on Windows or Cmd + Option on a Mac as you click on it.
This adds a selection of the shape of your text to the rectangular selection that we
just made. We can trash the text now, since we don’t need it anymore. Click the new layer
icon to make a new layer. We’ll fill the selection with white, since its easiest to see. If your
foreground and background colors aren’t black and white, press “D” on your keyboard. Since
white is the background color, press Ctrl or Cmd + Delete. To deselect it, press Ctrl
or Cmd + D. Drag a rectangular selection over the top. The bottom of the selection should
be slightly overlapping the top of the large character. Hold down your “Shift” key as you
drag another rectangle over the side. The left side of this selection should be slightly
overlapping the last character. Continue to hold down Shift as you drag another selection over the bottom that slightly overlaps
the bottom of your large character and repeat this on the left side, as well. Continue to
hold down “Shift” as you carefully add a selection that slightly overlaps the top of your smaller
text and the left side of the large character. Repeat this on the bottom-left, bottom-right
and top-right. When you’re done, press the “Delete” key to delete the areas outside your
logo. To deselect it, press Ctrl or Cmd + D. We’re ready to Enter the 3D mode. If
you find that you’re unable to access the 3D feature, it may be due to one or more of
the reasons I listed in the video description. Make the “Stone Wall” layer active and Shift-click
on the “Bare Metal” layer to make it active, as well. Go to 3D, “New Mesh from Layer” and
“Postcard”. If you see this warning, click Yes. We’re now in the 3D workspace. I won’t
be going over all the details here about 3D, since I already did an in-depth tutorial.
If you’d like to watch that video first, I provided its link in this video’s description. Open the Layers panel. Notice both textures have a cube icon at their corners to let us
know that they’re in the 3D mode. We’re going make the “Bare Metal” texture into a new 3D
material and then wrap our logo with it. To do this, click its thumbnail to make the
layer active and open the 3D panel. Click the “Whole Scenes” icon and click “Bare Metal”. In the “Properties” panel, under “Materials”, click the icon 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 “Bare Metal” is now a new material preset.
Before we can wrap our logo with this material, we need to make the logo go into the 3D mode. Open the Layers panel and make Layer 1 active. This our logo layer. Go to 3D and “New 3D
Extrusion from Selected Layer”. Click the “Front Inflation Material” to make it active and Shift-click on the “Back Inflation Material” to highlight all the layers between it and
the top active layer. Open the Material presets and double-click the “Bare Metal” icon. This
will wrap this texture around our entire logo. Double-click the Extrusion and I’ll make the
Reflection: 35. You can always change it later. Click the “Meshes” filter and reduce the depth
of the extrusion to 2 inches. Again, you can change it later if you like. Click the “Coordinates”
icon and in the “X” axis of the Rotation field, type in 90 degrees and then press Enter or Return. Go to the Secondary view window and before you click the icon at the top, right corner to
swap the Main view with the Secondary View, make sure the “Top” view is checked. Then,
click the Swap icon. Go to 3D and “Move Object to Ground Plane”. Now, the logo is sitting
directly on the background and its shadow moved closer to it. Open the Layers panel and Shift-click
on the “Stone Wall” thumbnail. Now, both layers are active. Go to 3D and “Merge 3D Layers”. This connects the logo and the stone wall in 3D space. Open the 3D panel and click the “Whole Scene” filter icon, again. Click “Environment” and uncheck “IBL”, which
are “Image-based Lights”.goes If your image goes black, it means you have no other lights chosen
yet. Click the lightbulb icon, which is the “Lights” filter. Click the small lightbulb
icon at the bottom of the panel, which will open a choice of 3 types of lights you
can use to illuminate your image: Point, Spot or Infinite. You can add as many lights as
you like from these 3 choices. For this example, I’ll choose “Infinite Light”. The Light widget
has a handle that you can rotate to adjust the angle of the light source. To soften the
shadow, increase the Softness to an amount you like. You can always change it later.
I’ll make mine, 30%. I’ll also increase the Intensity to 150%. Click the “Whole Scene” icon and click “Current View”. Click the “Rotate” icon, and rotate your image to an angle you like. Click the “Drag” icon and drag your image, so your logo is more to the center. Click the “Slide” icon and drag it down to slide it forward in space. Continue until
you’re happy with its angle, size and position. Keep in mind, the more its angled, the more
of the background will be cut off, however, we’ll fill in those empty areas in a minute.
I’d like to adjust the angle of the shadow, so I’ll click on the “Lights” filter icon
and rotate the widget’s handle. 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
render, so you can go back to adjust your 3D image, just press the “Esc” key on your
keyboard. Remember, the amount of time Photoshop takes to render it depends on many factors,
such as the computer’s video card, the amount of ram it has and the processing speed. It
could take anywhere from a few minutes to many hours. Once you have your finished 3D
image fully rendered, you may have an empty area that you want to fill. We
first need to make a composite snapshot of your fully rendered image. Open your Layers
panel and press Ctrl + Shift + Alt + E on Windows or Cmd + Shift + Option + E on a Mac.
a Open your Polygonal Lasso Tool and draw a shape around the area you want to fill in. When you see a small circle, it means your work path is closed and you can release your computer mouse or pen. Go to Edit and Fill. Choose “Content Aware” and click OK. Then, deselect it. If you want to retouch a spot, open your Patch Tool, draw over the spot, move your tool over a clean area and release. Then, deselect it. To brighten your image, press Shift + Ctrl + L or Shift + Cmd + L to invoke “Auto Tone”. This is Marty from Blue Lightning
TV. Thanks for watching!

100 thoughts on “Photoshop Tutorial: How to Create a 3D, Cinematic, Movie Title Design”

  1. Hi. I have done this successfully once but then when i do it again, i'm stuck at the light step, there is no handle to rotate the light. Can you help me, please?

  2. thanks for the clear informative video ….. but i've got a problem
    i just changed the text to hello and apply each end every step you did … but when trying to merge the 3d text layer with the 3d stone wall one the text totally disappeared …. i don't know what went wrong, please help 🙂
    thnx in advance

  3. hi, everyone
    i need a help with finding light widget which is that half sphere looking think
    so can anyone tell me how do i get that light widget

  4. This is an incredible tutorial. You made It is so easy to understand a very complex process. With all the noise on the net it is a pleasant surprise to run across some clarity.

  5. I'm stuck at layer 1,when i go to new 3d extensions from selected layers its saying its to complex,can u help please

  6. How in the heck did you get both of them background pics in the layer box?
     I have tried everything. Or almost everything. Every time I try, the pic is messed up.

  7. Why my logo can't make in 3D??

    Just have a message say "Could not complete the New 3D Extrusion from Selected Layer command because the path is too complex??"

  8. hey, how to create 3d text like in this video just one click "action". please make a video of this 3d text action record

  9. Trying to create this logo Photoshop CC i have a 7 day to uses. Love this logo, each time i start i get so far and i loose my text. can you help me figure out what happen to the text.

  10. Thanks a bunch for this. It's the only tutorial I could find that explains how to get a metallic look on extrusion material. Thumbs up.

  11. Hey, this is a really great and professional tutorial. Really helps me as I need to learn these sort of tricks for my A levels. I have one problem though and that is when I get up to 7:21 and I need 'Move object to Ground Plane' that option isn't there?

  12. hey! when i do the rectangle tool and select my text, only the mediaXfilms stays selected and the rectangle dissapears. any help?

  13. Marty thanks again for another great tutorial. How often do you create flyers? I'm doing one for my church and would love some new tips.

  14. What a impressive tutorial, very clear in illustration and explanation. Continue your profound teaching because you are such a gifted mentor. Thank you so  much for your time in doing this free photoshop learning process. God bless you always.

  15. Hi tnx for yr tutorial I'm just a beginner I'm just trying the trial tut. Why am not getting the secondary screen and the scale on top and after a certain point I just get the image as viewed in the secondary screen in the tutorial. Kindly let me know please what went wrong tnx

  16. Hi once I click 90 degree in x axis in coordinate why does the image goes invisible and why I don't get the secondary mesh screen. Can anyone tell please

  17. hi sir when going for new 3 d extrusion from selected layer, it reads the path is too complex so what can i do can i continue or not can you please tell me sir

  18. Tnx sir the said commands are already enabled in the mode but it gives the too complex msg. thank you very much for yr kind reply.

  19. In the 3D menu, I'm missing the function "Move Object to Ground Plane", at 7.20 min. What can I do to finish the tutorial. I'm waiting for your answer. Thank you

  20. Love your videos, I have a problem though, I render my 3D text, and the perspective lines are still there! How do I get rid of them??

  21. I have to say I love the pace in which you give your instructions. Many of the tutorials move at such a fast pace you can hardly understand the tips. I look forward to learning new techniques from you! 😃

  22. I honestly wish all tutorials could be as thorough as yours are. Much appreciated – signed, Your humble student 😉

  23. Hey Marty !
    I follow you since end of 2016 and I would like to know is it possible for this tutorial to edit the text after the render
    Alex

  24. YOU Have THE BEST ( Understandable ) Photoshop Tutorials On YouTube !!!! Thanks SO MUCH For Sharing Your Skills With The Public!!! ♥♥♥

  25. One thing I'm running into is the ALT arrow option on the left hand side of the text to touch one letter to another stops after a certain point in CC 2018. Anyone else experiencing this and found a fix?

  26. Sir can you help me with this. Everytime i click the layer and goto 3D>>>New 3d extrusion from selected layer, it says that it is cannot be completed because the path is too complicated. Help, i really need to make a logo for our short indie film :((

  27. Hi Marty, i've been having trouble with 3D materials. I Have created my own font and i want to apply a rock type texture to it. Since the text is an object i have to use a material but the texture is horribly mapped with whichever material i use. How do i change the mapping of the texture so it looks nice? I cant seem to find help anywhere else.
    Great tutorials btw, you've helped me a lot =)

  28. Sir If i am creating a logo for website menu bar then i cannot render it we background. I want my logo in png. Please tell me the solution of this problem.

  29. :- you are very talented Marty. You are the King of Photoshop. I don't have enough words to appreciate you. I'm your subscriber for last 7 years.

  30. Or you work with after effects and element 3d for 3d work design… Photoshop isn't made for 3d guys, even illustrator is better for it. Anyway good tuto for beginners

  31. Best tutorials ive seen on photoshop. I wish you did 3d graphic animation with After effects or Davinci fusion.
    But this is awesome!
    Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *