Elegant 3D text in Photoshop

This lesson will tell you how to use the new 3D tools in Photoshop CS6 to create elegant 3D text effects.

The lesson is quite simple and informative. I hope you enjoy it.
Final result:

Sources:

Dunkin Sans font

texture “Material Bump Texture”

texture “Extrusion Bump Texture”

metal texture from PavStock

Texture “Fabric”

Step 1

Create a new document 1600×1200 pixels. Fill the background with black.
Using the Dunkin Sans font, write the text in white. The font size is 400 pt (points), and the text itself is better written in capital letters (if you do not use only numbers).

Step 2

Select the text layer, go to 3D – New extrusion from selected layer (New Extrusion from Selected Layer). This will instantly convert the text layer to a 3D layer. All elements of the 3D layer can be found in the 3D panel. (Window \ Window – 3D).

Click on the name of the main grid to change its settings.

The settings for the 3D grid (mesh) and parameters can be modified using the properties panel (Window \ Window – Properties \ Properties). In this property panel, you will find the characteristics panel, which contains edit buttons. “Symbol” (Character Panel) and A source (Edit Source). The editing source is the original text layer in a separate window, so you can change it as you like.

Then, you can save your changes (File \ File – “Save \ Save “), close the window (File \ File – Close \ Close) and return to the 3D document grid, which will automatically be updated with any changes you make. This is one of the great features available in Photoshop CS6 3D. Your design can be edited and reused, instead of re-entering all the settings to create a 3D object.

This feature makes our life much easier! (This parameter does not exist in CS5, where the text layer is rasterized before it is converted to a 3D layer, therefore, it cannot be changed).

The four icons at the top of the property bar are similar to mini tabs for various properties. They (from left to right): Grid (Mesh), Deform (Deform), Capital (Cap), and Coordinates (Coordinates) “. Always pay attention to which of these tabs you are in to get the settings you need.

Begin to change the 3D mesh, with the change Extrusion depth (Extrusion Depth) before 42.

Step 3

Moving various elements inside a 3D scene has become much easier in CS6. There is no need to use special tools, you can do all actions using only the tool. Move (Move Tool). In this lesson we will not move the grid itself. We will simply move the camera, which means that we will only make changes to the current view.

Select Current view (Current View) in the 3D panel, and activate the tool Move (Move Tool). You will see several new icons at the far right of the screen. The names of these tools are: To turn (Rotate), Rotate (Roll), Drag and drop (Drag), Run glide (Slide) and Scaling (Scale). All you need to do is click on the icon you want to work with and perform the appropriate actions with your 3D object.

When working, make sure that you do not choose a 3D grid, and manipulate with the object. You will need some time to get used to moving 3D objects, but you get comfortable pretty quickly. This is, in fact, much simpler and faster than working with 3D tools in CS5.

In the properties panel, you can see that the camera settings are now displayed according to the current changes. You can set the location of the object based on the image below.

Once you get the look of the camera that you like, again click on the name of the 3D main grid “2013”, then on the property bar, click Capital (Cap). Enter the following parameters: Width (Width) 33, Angle (Angle)45. In the parameters Bloat (Inflate) “, change angle (angle) to 44,but intensity (strength) to ten. Finally, select the view contour(contour) – Wave (Ring – Triple).

Step 4

Next, we will determine the material that will fill out our text. Start by clicking “Front bulge material (Front Inflation Material) in the 3D panel, then go to the menu Properties (Properties) to change the settings. If you see a texture (instead of a folder icon), click the arrow and select Remove texture (Remove Texture).

Change color Scattering (Diffuse) on # 62603e and color Color highlight (Specular) on # bbb08c. Then change the remaining values ​​as shown in the image below.

Click on the folder icon next to the value Relief (Bump) and select from the submenu Load texture (Load Texture). Then select the texture that is presented in the source material – “Material Bump Texture”.

This will create the illusion of 3D folds inside the text.

If your text does not look like the image above, click again on the texture icon next to Relief (Bump) and select the command Edit UV properties (Edit UV Properties).

Set the following parameter values:

Step 5

We proceed to change the parameters. Front Bevel Material (Front Bevel Material). In the panel Properties (Properties) change color Scattering (Diffuse) on # a38228, and color Color highlight (Specular) on # bbb08c. Then change the other values ​​as shown below.

Let’s save our settings as a new type of material. To do this, click on the material selection window, and then click the pop-up menu of the icon in the upper right corner and select New material (New Material).

Enter a name for the new set (for example, “Gold text”) and press the button OK.

Now, your new kit is displayed at the bottom of the material library, and you can apply it to any surface in future work.

Apply a new saved material view to surfaces. Rear bevel material (Back Bevel Material) and for Rear bump material (Back Inflation Material). (Select each of the 3D surfaces, then click the material icon in the property bar and apply your new set.)

Step 6

Go to the surface Extrusion material (Extrusion Material) in the 3D panel, and apply the saved Gold Text set again. After, you need to increase the value Relief (Bump) up to 72% and load the texture Extrusion Bump Texture, as you did before.

For UVproperties, set the scale U and V scales (Scale) at 100%, and U and V offsets (Offset) to values ​​0.

This work is completed with materials.

Step 7

Press on Current view (Current View) in the 3D panel, and then click on the icon Coordinates (Coordinates) in the properties panel. You can enter values ​​for the position of the text in this tab, instead of moving the camera using Move (Move Tool).

The coordinates used in this lesson are shown below.

Now click Environment (Environment) in a 3D panel. Go to parameter Isbi (IBL), and then click the folder icon next to it and select Load texture (Load Texture). Open the image Metallic texture.


Uncheck the box Shadow, and reduce the intensity (Intensity) to 69%.

Click on the texture icon Isbi (IBL) and select in the submenu Edit texture (Edit Texture). This will open the texture in a new window. Further, being in the document with the image of a metal texture, go to Editing – Transforming – Rotate 90 ° clockwise (Image – Image Rotation – 90 ° CW). After that in File – save (File – Save), and then File – close (File – Close) to save changes and return to the original document.

The texture acts as an environment for the 3D mesh. Thus, it affects the reflection of light, and color.

Click the tab Infinite light 1 (Infinite Light 1) in the 3D panel and then change the value Shadow – Smoothing (Shadow – Softness) up to 100% in the properties panel. This will make the shadows less sharp.

Click on the icon Coordinates (Coordinates). Again, you can control the location of the light through these values ​​or use the tool. Move (Move Tool).

Step 8

Create a new layer on top of the 3D layer and fill it with color # 310303 using a tool Fill (Paint Bucket).

Go to 3D – New Mesh from Layer – Postcards (3D – New Mesh From Layer – Postcard). This will convert the layer into a 3D object (plane).

In the 3D panel, select Current view (Current View). Then in the panel Properties (Properties), choose the name of our 3D text layer. This will make the camera position the same for both 3D layers.

Return to the panel Layers (Layers), select both your 3D layers. Then go to 3D – Merging 3D Layers (3D – Merge Layers 3D). This will place two 3D objects in one layer. You can open the 3D tab and see how the objects are now located there. Also, it was possible to select and edit each element separately. (Click the folder arrows to expand / collapse the lists of 3D objects).

Step 9

Select the name of the new layer with the surface in the 3D panel to change the material settings. Material Scattering (Diffuse) already applied, leave it unchanged. Replace color Color highlight (Specular) on # 894814, And the remaining values, edit as shown below. In the submenu Relief (Bump) download the Texture Fabric.

For UVproperties, set the scale U and V scales (Scale) at 300%, and U and V offsets (Offset) to values ​​0.

Select Layer 1 Grid (layer’s Mesh) in the 3D panel, then uncheck the box Put shadows (Cast Shadows) in the properties panel.

Now we need to separate the text from the 3D plane (postcards).
If you click on the icon Coordinates (Coordinates), you can use the values ​​as in the image below. But you can use the tool Move (Move Tool) and set coordinates at will.

If you want to adjust the position of the text, select it in the 3D panel, click on the icon Coordinates (Coordinates) in the properties panel and enter the values ​​you want (or move it using Move (Move Tool). The idea is to make our 3D text look hanging on a plane. Therefore, there should not be much space between the text and the surface.

Step 10

After you finish working with the composition of the picture, go to the tab Environment (Environtment) and click icon Rendering (Render) at the bottom of the 3D menu. Rendering may take some time. You can check the progress of the process in the status bar (at the bottom of the screen).

You should get this result!

Step 11

Set the foreground color to # 7d7d7d, and the background color is white. Activate the tool Gradient (Gradient Tool). On the gradient options panel (o options), set: From foreground to transparent shading (Foreground to Transparent fill), gradient type – Radial (Radial Gradient), and check the availability of a checkbox near the icon Inversion (Reverse).

Create a new layer on top of all the others. Blend Mode (Blend Mode) of a new layer is set – Multiplication (Multiply). Standing on this layer, click and drag the gradient line from the center of the document to one of the corners.

Press the button Create a new fill or adjustment layer (Create new fill or adjustment layer), at the bottom of the layers panel, and select Gradient map (Gradient Map).

Change the blending mode (Blend Mode) of the adjustment layer to Overlap (Overlay), opacity (Opacity) – 45% Click on the gradient box to create a new color set.

Enter new color values ​​(# 9f9f9f – on the left and # DFDFDF – on right).

And here is the result!

I hope this lesson was a useful introduction to the basics of Photoshop CS6 3D!
And …. Happy New Year !!
:)

Like this post? Please share to your friends: