We use 3D capabilities when creating text in Photoshop

The goal of this lesson, using the example of creating 3D text, is to introduce you, Photoshop lovers, to some 3D tools and capabilities in Adobe Photoshop CS5 Extended. With such as, management tool 3D-camera, creating your own textures for 3D objects, and others.

Step 1. Create a new document size 800 * 600 peak. Take the tool Horizontal text Size: 100pt. Colour: it doesn’t matter, but it’s better to take some bright one so that it will be easier to work with it further. Note, Pseudopolymer text style should be disabled.

Write: 3D . On the new layer write: TEXT

Step 2. Now create 3D objects. To do this, go to menu 3D on the Photoshop panel, and select the command Embossing> Text Layer. A window will appear warning that the text will be rasterized, click OK. The coinage window will open, without changing anything, click OK. Repeat this step for the next layer.

Step 3. Now we have two 3D layers that need to be merged. There are two ways to do this:
1) Like when merging regular layers, press the Ctrl + Shift + E combination (merge visible). But this method is not always suitable when working with 3D, since if you have at least one raster layer, then 3D is rasterized.
2) A more suitable way, select both layers in the layers palette, and go to the 3D menu, give the command Merge 3D-layers.

Step 4. Now you have only one 3D layer in the layers palette. We will work with him. Open the Window-3D. In this window, a 3D object is indicated as Scene, in which the embossing grids are included, in our case it is a mesh 3D and grid TEXT.

Activate the grid 3D(by clicking on it), take any tool to control the 3D-camera.

You should have a 3D control axis. If not, then you need to turn them on. (View-show – Axis 3D).

Note: I will not describe axes and controls on axes. You can read more about them in my lesson “Create a 3D DVD box in Photoshop

Turn on the 3D bottom plane: View-show – 3D-base plane. Now your workspace looks like this.

Step 5. With the active tool from the group management 3D camera.

Note: It is very important to know.It is necessary to use management 3D-Camera. So as further I want to apply a shadow capture to the base, then the control of the rotation of the object itself may cause the object to detach from the base and the shadow will be incorrect.

Open the drop down box View, and switch to the view: Left.

Your workspace has changed. The green bar is the base plane on which the 3D object should stand. But since our object consists of two coining grids

Note:I signed them so you can see what these objects are.

We need to put it all on the plane. To do this, go to the 3D menu and apply the command: Snap an object to the base plane.

As you can see, the picture has changed. Now object TEXT standing on a plane , a 3Dclimbed up.

Step 6. In this step, we will modify our object using the embossing mesh management tools.

With active grid 3D, take the tool “Slip 3-D grids, and slide the grid 3Dslightly to the right.

Using the rectangle on axes Z

increase mesh size 3D at 2-2.5 times.

Note: This can be achieved in another way. Using the Zoom 3 toolD grids, manually register in the Zoom axis window Z, value from 2 to 2.5. I have this value was 2.22

Now using the tip on the axis Z(blue axis), slide this object down so that it becomes on the ground plane.

Step 7. Return to the 3D camera control tools and change the front view. Using these tools or control axes (this is easier as you do not need to constantly switch tools), try setting the view at an angle like in the screenshot, or because you like it, this is not the main lesson in this lesson.

Once again, taking the tools for managing the embossing grids, and using the rectangle of the X axis (red axis), you can expand the letters 3D much more.

Step 8. In this step, we will begin to create a grid-like texture.
Activate the grid 3D-Materialfront bulge.

Open the Scatter texture, for this click PKM on the icon next to the texture color and run the command: Open texture.

The texture will open as a separate document in which you will see the text from which you created the first object. The size of this document is more than a megabyte, and since 3D in Photoshop is very “heavy”, we will try to fix it. Fill the entire layer with the color you want to make the grid (I chose # 880088). Close this document, agree to save the changes.
Note: You can create textures on time, observe the changes in your 3D object, for this you can arrange the windows and switch between them.
Resize this document to 100 peaks at 100 peaks.

Step9. Now you need to create a transparency texture. To do this, click on the folder icon opposite Opacity. Run the command: New texture …

Note: 3D-an object, it is essentially a smart object that stores a few PSD documents. Each texture in 3D-the object is PSD document.

A new document creation window will open. Set size: 30 by 30 pixels. Resolution: 72. Colour: transparent. Click OK. The window will disappear, nothing visible will happen, but the icon next to Opacity will change. Click on this icon and select the command: Open texture.

Note: Creating a transparency texture, you need to know what: Black – 100% transparent White – 100% opaque. Grayscale, you can adjust the transparency.

In the window that opens, create just such a shape with the dimensions shown in the screenshot (dimensions are in pixels).

Close this document by agreeing to the changes. As you can see, the front of the letters 3Dchanged, but it still does not look like a lattice. To achieve the desired effect is very simple. Click again on the transparency texture icon, and select: Edit properties … In the window that opens, change the readings U-scales and V-scales on ten.

Note: The smaller these values, the larger the cell size. Experiment with these settings by changing the value individually. U-scales and V-scales. Observe how the front of your object changes. You may not want to make a grid, and stop at your option.

Step10. Texture for the front side is ready. Save it.
To do this: Click on the triangle to open all the materials (in screenshot 1). Click on the triangle to open the material options menu (in screenshot 2). Select item: Create material (on screenshot3).

Set whatever name this texture is (for example, Grid). In the future, if you need it, you will just have to apply it. Activate 3D-rear bulge material, and apply your saved material to it.

Step 11. In this tutorial, I wanted to show several variations. 3D-textures. Therefore, the easiest way to change the color of the texture can be applied to the back side. To do this, click on the scatter texture icon and execute the command: Remove texture. In the color picker palette

Pick a color that you like. If you see that the front and back mesh have completely merged, you can move the back mesh slightly. Click on the opacity texture icon: Edit properties. Slightly change the value U-bias (horizontal) or V-bias (vertical).

Step 12. This step is a repetition of the previous ones, in it we will change the 3D material of extrusion. For example, we will make it a little rough. Activate the grid 3D-extrusion material. Remove the scattering material, in this example it will not be needed. Create relief material with a size of 100 by 100 peaks. How to do this, you already know from step number 9 of this lesson. Fill it with black. Apply noise filter to add noise with parameters: Effect: 150%. Uniform. Monochrome

Note: When creating a texture relief, the size of the document is important. If the texture is small, it will spread over the shape. For normal fine roughness, with this size 3D object, we need a texture of about 500 * 500, but this will increase the total volume of our document, and I try to avoid it. Editing texture properties like in step number 9, and increasing values Uand V scales to the maximum value, will give the desired effect.

Select the color of this texture in the diffuse color palette, as in step number 10 of this lesson.

Step 13. In this step we will process the TEXT grid.
Activate the grid TEXT-material front bump.

Remove the scattering texture. Pick a color and lower the percent opacity to 45-55.

Step 14. Activate the grid Extrusion TEXT material. Create a new scattering texture with dimensions of 50 * 50 pixels and open it. Create a gradient like the one shown in the screenshot.

hint: to make it simple, you need to slightly change the gradient “Rainbow to transparent”, which is in the standard set of gradients. You can read about how to create or modify gradients in this article.

Fill the texture layer with the resulting gradient. Type of: Linear. Stretch it from top to bottom.

Close this document. Open the edit properties of this texture and increase the value V-scales,approximately to 2. So that the gradient would take a normal look, and not be smeared on the texture. Value U-scales leave unchanged. Lower percent opacity to 75-
85.

Step 15. Activate the grid TEXT material of the rear bulge. In this lesson, you can do without it, so remove the scattering material, and lower opacity to 0%

Step 16. I hope the principle of creating textures you understand, now it remains to create a shadow. In order for Photoshop to build the correct shadows for us, we initially installed a review using 3D cameras, rather than controlling the object.
In the 3D menu, turn on: Capturing the shadow on the base plane. On the menu View turn on Show 3D-shine. You have turned on markers of light sources. Activate one of the light sources, switch the view to “Point”.

Using the 3D light control tools, and the axis axis control elements,

move the light source as shown in the screenshot

Or as it corresponds to the lighting of your background. Increase the intensity to about 1.5-2.0, it depends on your image and lighting on the background where you want to paste this text. The color can be left as default, white, or you can add that shade that will fit your background.

Step 17. You can go back to the scene grid to turn on the rough ray tracing and see how the shadow falls.

I did not like the fact that the near side is very dark because of the shadow, it can be fixed.

Activate the next light, switch the view to “Directed”, move it so that it is directed to those areas that need to be illuminated.

Install Light center31-35%. Dispersion 65-75%. And since we don’t need to interrupt the shadow from this source that we want to do, uncheck the box Create a shadow.

Step 18. Return to the scene grid, and switch the quality to Final ray tracing. Do not click the mouse and do not do anything in Photoshop while the trace is running (this can take a long time). If it seems to you that the quality is acceptable, just click the mouse and the tracing will stop.
In principle, 3D text is ready. It remains to add the background (which background you decide for yourself), and show another nuance. You know that the density of a shadow depends on the general illumination; a shadow on a bright sunny day and a shadow in the early morning will be very different in their density. Therefore, if you need a not so dense shadow in your work, you can weaken it by activating the embossing grids (in my case, this is the 3D grid and the TEXT grid) and change the opacity of the shadow.

After that, run the trace again.


(click on image to enlarge)

Conclusion:I hope this lesson will be useful for you, and thanks to him you will understand the principle of creating textures for 3D objects, and will find application to the techniques from this lesson in your works. Such textures can be applied not only to the text, but to any object created in the 3D menu, Adobe Photoshop CS5 Extended. Working with light sources will always help to correctly enter the object into the image, and most importantly, to create a realistic shadow. The main thing to remember is that any lesson is only a hint of direction, and you decide what to use and how to use it from it. Do not be afraid to experiment, and your work will delight you and those for whom you do them.

Like this post? Please share to your friends: