Making 3D text from glass in Photoshop

In this tutorial, you will learn how to create 3D text with a glass effect.

Materials for the lesson:



Step 1

Create a new document with a size of 1152 x 864 pixels, then write the text (color # d7d7d7, size 150 pt). If you use more than one line of text, set the distance between the lines to 135 pt.

Duplicate the text layer (Ctrl + J), right-click on the copy and select Convert to shape (Convert to shape).

Activate the tool Direct selection tool (A) (Partial selection) to modify the shape parameters. Set Fill (Fill) to None (Do Not Apply), stroke color at # 707070, Stroke Size at 5, and Align at Outside.

Step 2

Select the text layer and go 3D – New 3D Extrusion from Selected Layer (3D – New 3D extrusion from selected layer). Then select the duplicate text and apply 3D – New 3D Extrusion from Selected Path (3D – New 3D extrusion from the selected contour). So we converted the text layers to 3D layers.

Duplicate the second 3D layer (i.e., the layer that was a copy of the text).

Duplicate the background layer and move the copy to the very top of the layers panel. Then go 3D – New Mesh from Layer – Postcard (3D – New mesh from layer – Postcard).

Now we have four separate 3D layers, which means that each grid is on a separate stage. To merge them into one, select all the 3D layers and apply 3D – Merge 3D Layers (3D – Merge 3D layers).

Step 3

In order to constantly have access to the 3D parameters, we will open two panels through the Window menu: 3D Panel (3D panel) and Properties (Properties).

On the 3D panel you can see a list of all the elements included in the scene. If you click on any of them, its properties will appear on the Properties panel. Therefore, before making changes, be sure to select the desired item.

On the 3D panel, select the background grid, then select on the top of the properties panel Coordinates (Coordinates). Set the X Rotation Angle parameter (rotation angle on the X axis) to 90 to change the angle of the grid.

Next, apply 3D – Snap Object to Ground Plane (Snap an object to the base plane). Now, slightly increase the Y Position parameter (Y-axis position) by approximately 0.01 to avoid rendering problems in the future.

Step 4

Activate Move Tool (V) (Move). Special tools will appear on the toolbar at the top. 3D modes (3D Mode). By selecting one of them, you will be able to perform certain actions with the scene element selected on the 3D panel (move, rotate, etc.).
In the 3D panel, select the Current View to change the angle of the camera.

Click on the scene and rotate until we get the desired viewing angle. In this lesson, the camera looks at the top diagonally, so we do not need to create additional planes for the walls, because they are still not visible.

Step 5

Hold down the Ctrl / Command key and click on the text layers on the 3D panel. Then go to the Coordinates and set X Rotation Angle (angle of rotation along the X axis) by 90. After that, 3D – Snap Object to Ground Plane (3D – Snap an object to the base plane).

If you want to change the position of the grid, grab the desired element on the stage (or select it on the 3D panels) and adjust the position using the 3D axes. The arrow at the end of the axis is responsible for moving the element, the curved rectangle for the rotation, and the cube for the scaling. The white cube, from which the axes exit, is responsible for the uniform scaling of the element (all axes at once, and not separately). At first, such management may seem inconvenient, but after working a little, you will get comfortable and get used to it.

Edit the position of the grid. Note that we are changing the position of the grid, not the camera.

Step 6

Select the main text grid on the 3D panel (which we created from the very first text layer). Now we change the value of the parameter. Extrusion depth (Extrusion Depth) depending on how long the transparent part of the text should be. In this lesson we will set to 243.

Select the next text grid (copy of the original text layer) and set the parameter Extrusion depth (Extrusion Depth) at 20.

Click on the icon Cap (Small capital) on the property bar to set the parameter Bevel width (Chamfer width) by 10%.

Repeat the actions for the last text grid and tie it to the plane. 3D – Snap Object to Ground Plane (Snap an object to the base plane).

Step 7

Hold Ctrl / Command and select the text materials (only the materials of the copies of the text layer, the original is not necessary to touch) on the 3D panel. Then click on the icon next to the parameter Diffuse (Scattering) and choose Remove Texture (Remove texture).

Apply the settings as shown below to create a plastic effect.

Now select the original materials and apply the following settings:

Keep in mind that you can take any color. You do not need to use gray, as in this lesson.

Step 8

Select the material of the background plane, remove the texture Diffuse (Scattering) and Opacity (Opacity) and apply the following parameters. This will add a plane to the reflective properties.

Click on the icon with the folder next to Diffuse (Scattering) and choose New texture (New texture).

Set the resolution to 1152 x 864.

Click on the texture icon and select Edit Texture (Edit texture).

In the opened file, duplicate the background layer (Ctrl + J).

Double click on the copy to open the window. Layer style (Layer style) and apply Pattern overlay (Overlay pattern). Select the webtreats_light_wood4.jpg texture from the set that we downloaded at the beginning of the tutorial.

Click on the icon Create new fill or adjustment layer (Create a new fill or adjustment layer) at the bottom of the layers panel and select Levels.

Set the parameters as shown below. Save this file File – Save (File – Save), then close the document with the texture File – Close (File – Close) and return to the main document with 3D text.

Click on the texture icon again and select Edit UV Properties (Edit UV properties).

Install U scale (U-scale) at 100%, V scale (V-scale) by 200% and U Offset / V Offset (U-offset / V-offset) to 0.

Having finished with materials, we increase the plane so that it completely covers the entire background. If necessary, tie it back to the base plane. 3D – Snap Object to Ground Plane (3D – Snap an object to the base plane). If some of the text drifts away, as shown below, correct the parameter. Y position (Y-axis position) or use 3D axes.

Step 9

Select on the 3D panel Infinite Light 1 (Infinite Light 1), set Intensity (Intensity) by 80% and deactivate the option Shadow (Shadow).

Choose the location of the light source. The lesson used the following parameters:

In addition, the light source can also be moved using the tool. Move Tool (V) (Move).

We press the button Add new Light to Scene (Add new light to the stage) at the bottom of the 3D panel and select New Point Light.

Set Intensity to 50%, Shadow Softness to 30%. To make the light look more natural, we activate Light falloff (Light decay). Due to this, the light will fade out smoothly as it moves away from its source. Install Inner (Internal) on 25.62 and Outer (External) 1607.83.

Adjust the position of the light source so that the shadow falls behind the text. Below you can see the parameters.

Having finished with the light, we look at the result.

Step 10

Above the 3D layer, create a new one and fill it with black.

Move on 3D – New Mesh from Layer – Mesh Preset – Sphere (3D – New shape from layer – Sphere).

Select Current view (Current view) and property bar drop-down list View (View) choose the name of the main 3D layer (in the lesson it’s “Thank you”). This aligns the camera angle for both 3D layers (for text and sphere).

Customize materials sphere. Spheres are needed in order to dilute the work with a pair of bright spots. Color can take any.

Duplicate the sphere several times (Ctrl + J). You should keep in mind that a large number of 3D objects on the scene can slow down your computer. So try not to overdo it with the spheres, 2-5 pieces will be quite enough.

Select all the 3D layers and merge them. 3D – Merge 3D Layers (3D — Merging 3D layers), then spread the spheres around the stage. You can also experiment with their sizes.

When finished, we can proceed to render the scene. 3D Render (3D – Rendering). Due to the large number of transparent elements, rendering can take a lot of time. If you click outside the document, the rendering will stop.

Step 11

Finished with rendering, click on the button. Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Gradient Map.

Select the black and white gradient, then change the blending mode of the adjustment layer to Soft Light (Soft light) and reduce the opacity to 30%. Due to this, the colors will become brighter and more saturated.

Press the button again. Create new fill or adjustment layer (Create a new fill or adjustment layer) and select SolidColor (Solid color).

Color # 120029.

Change the blend mode of the adjustment layer to Exclusion (An exception).

That’s all!

Author: textuts

Like this post? Please share to your friends: