Create 3D text with gold in Photoshop

Adobe Photoshop vector and 3D capabilities are a powerful combination and can be used to create interesting 3 D effects. In this tutorial, I will show you how to create a stylish black and gold 3D text effect using vector shapes, 3D grids and materials.

Let’s start!

The final image.

Resources:

  1. Program – Photoshop CS6 Extended and higher.
  2. Archive

1. Creating the background and shape of the text.

Step 1

Create a new document 1500px for 1250 px. Fill the background with color #dbdbdb.

Step 2

Create text in capital letters using the downloaded font in color # 6d6d6d, size 370 pt. Set the leading value (Leading) to 200, Kerning to Optical, and the Tracking value to 50.

Step 3

Right-click on the text layer and select Convert to shape (Convert to curves).

2. Place the letters

Step 1

Choose a tool Path selection tool (Outline selection), click on the outline of the letter to select it and move the letter above. You can also move using the arrows on the keyboard.

Step 2

Follow the same steps to move all the letters as you like.

Step 1

Duplicate the text layer and rename to Stroke.

Step 2

We still have an active tool. Path selection tool (Outline selection). On the top settings panel set Fill (Fill) on None (No) stroke width 5 px. Next, click on Set shape stroke type (Set the type of stroke of the figure) and change Align (Align) on Outside (Outside). Press the button More Options (Extra options)

Step 3

Change the remaining parameters as shown below.

Step 1

Choose a toolRounded Rectangle Tool (Rounded Rectangle) in the Shape (Figure). Set the rounding radius 1 px. In the tool options, select the item Fixed size (Specified Size) and enter a value for W (Width) 90 pixels and for H (Height) 10px Create a new layer above the stroke layer, name it Glass and draw a rectangle just below the stroke of the first letter.

Step 2

When creating a shape, use a very dark color. Before creating the next rectangle on the tool options panel, selecte Combine Shapes (Combine shapes).

Step 3

Add the same rectangles for each letter.

Step 4

When you’re done creating the shelves, duplicate the original text layer and name it Stay cool back.

5. Create 3D shapes

Step 1

For each layer with the figure, go to the menu 3D> New 3D Extrusion from Selected Path (3D – New Zkstruzii from the selected contour). Layers with shapes will be converted to 3D layers.

Step 2

Duplicate the background layer twice. Place duplicates on top of all layers and rename to Wall and Ground.

Step 3

For each of these two layers, go to the menu 3D> New Mesh from Layer> Postcard (3D – New mesh from layer – Postcard).

6. Configure the 3D scene

Step 1

To access the settings of the 3D grid, you need to open two panels3D and Properties (Properties). The display of these panels is enabled through the menu. Window (Window). The 3D panel contains all the components present on the stage. By clicking on any of them, you can access its settings in the Properties panel. Therefore, before making any changes to the settings of an item on the Properties panel, make sure that the desired item is active on the 3D panel.

Step 2

On the 3D panel, select the grid. Ground and on the Properties panel click on the icon Coordinates (Coordinates). Enter the value 90 in the rotation field along the X axis. As a result, this will allow you to rotate the plane Grounds (Ground) at 90 ° perpendicular to the Wall plane.

Step 3

Select all the 3D layers in the layers panel and go to the menu 3D> Merge 3D Layers (3D – Merge 3D layers).

Step 4

Choose a toolMove Tool (Move). A set appears on the top panel. 3D Modes (3D Mode). By selecting one of them, you can perform any actions with the element selected in the 3D panel. If you have an active tab on the 3D panel Current view (Current View) then you can reposition the camera.

7. Modify the mesh.

Step 1

On the 3D panel, highlight the 3D grid of text and the Stay Cool Back grid and change the setting. ExtrusionDepth (Extrusion Depth) at 20.

Step 2

Highlight 3Dtext grid and in the Properties panel click on the icon Cap (Capital). In the dropdown list Sides (Parties) select Front (Front) Chamfer Width (Bevel Width) ten%, Contour (Circuit) Rolling slope (Wavy Slope). In the tab Inflate (Bloating) Angle (Angle) -45.

Step 3

Now on the 3D panel, select the Stay Cool Back mesh. In the dropdown list Sides (Parties) select Back (Behind). Chamfer Width (Bevel Width) ten%, Contour (Circuit) Rolling slope (Wavy Slope). In the tab Inflate (Bloat) install Angle (Angle) 45.

Step 4

Select grid Stroke and install Extrusion depth (Extrusion Depth) at 150.

Step 5

Install Width Chamfer (Bevel Width) 10%, Contour (Circuit) Half round (Semicircle)

Step 6

For mesh Glass set ExtrusionDepth (Extrusion Depth) at 481.

Step 7

Change the width of the chamfer (Bevel Width) on 10%

Step 8

Highlight grids Wall and Ground on the 3D panel and uncheck Cast Shadows (Put shadows).

8. Create materials

Step 1

On the 3D panel, select Front Inflation Material (Front Bulge Material) for mesh with original text and Back Inflation Material (Material Back Curve) for mesh Stay cool back. Then in the Properties panel, click on the texture icon opposite the option Diffuse (Scattering) and select Remove Texture (Remove texture). You will need to do this for all other materials when editing them.

Step 2

Change the remaining parameters as shown below.

  • Diffuse: # 575757
  • Specular (Flare Color): # 606060
  • Illumination: # 000000
  • Ambient (Lighting): # 000000

Step 3

Highlight Front Bevel Material (Front Bevel Material) Extrusion Material (Extrusion Material) and Back bevel Material (Material Bevel Back) related to the grid with original text. Change the settings as shown below.

  • Diffuse: # d4d4d4
  • Specular (Flare Color): # 67666b
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 4

Highlight Back Inflation Material (Material back convexity) for the mesh with the original text and Front Inflation Material (Material of Front Bulge) for mesh Stay cool back and change the settings as shown below.

  • Diffuse: # b4b4b4
  • Specular (Flare Color): # 65666a
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 5

Select all mesh materials Stroke and change the settings.

  • Diffuse: # a3671f
  • Specular (Flare Color): # cab171
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 6

Select all mesh materialsGlass and change the parameters.

  • Diffuse: #ffffff
  • Specular (Flare Color): # c2c2c2
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 7

Material SettingsWall

  • Diffuse: #dbdbdb
  • Specular (Flare Color): # a3a3a3
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 8

Material SettingsGround

  • Diffuse: # d4d4d4
  • Specular (Flare Color): # 67666b
  • Illumination: # 080808
  • Ambient (Lighting): # 000000

Step 9

Choose a tool Move Tool (Move) and with the help of 3D-axes position the grids on the stage as you like. The arrow at the ends of the axes is for moving, the curved rectangle is for rotating, the cubes are used for scaling. The white cube in the center is used for uniform scaling of the object (all axes at once). All you need is to click on the desired item and make a change. You can also change the position of the camera to see how the grids will look from different angles.

9. Changing lighting

Step 1

Highlight an item Infinite Light 1 (Infinite Light 1). Change its color to # bfb7ac, Intensity (Intensity) 30% and Shadow softness (Shadow smoothing) 20%.

Step 2

Next, using the Move tool, select the position of the light source at your discretion. Or use the coordinate value as shown below.

Step 3

Click on the iconAdd new light to Scene (Add a new light to the scene) at the bottom of the 3D panel and select New point light (New Spot Light).

Step 4

Install Intensity (Intensity) 20% and uncheck Shadow (Shadow).

Step 5

Place this light behind the text and slightly higher. Or use the coordinate values ​​for this lesson, as shown below.

Step 6

On the 3D panel, select the tab Environment (Environment), then in the Properties panel, click on the folder icon IBL (Isbi) and select Replace Texture (Replace texture).

Step 7

Open the stock image _aaalplplllpplpw2p1lpmlaqmmmklsi.jpg and install Intensity (Intensity) 50%.

10. Customizing grids and rendering

Step 1

Select the 3D tabs on the tab. Stay Cool Back and in the working paper, slide the grid back so that it is behind the gold edges.

Step 2

Next, select a specific grid or several grids at the same time, shift them and change the camera position until you are satisfied with the result of the whole scene.

Step 3

Ensure that the mesh with the base (Ground) is not below the base of the scene. Then go to the menu 3D> Render (3D – Rendering). This may take some time, but you can stop rendering at any time by clicking anywhere in the document.

11. Customize colors

Step 1

After rendering is complete, save the file.

Step 2

Go to the menu Select> All (Highlight – All), further menu Edit> Copy (Edit-Copy), and finally the menu Edit> Paste (Edit-Paste).

Step 3

Set the blending mode for this layer. Soft light (Soft light) and reduce Opacity (Opacity) up to 35%. This will give the final result brightness.

Congratulations! We did it!

In this tutorial, I showed you how to create a text layer, transform it into a shape, change the position of the letters on the canvas. You also learned how to duplicate letters to create an outer stroke. You’ve learned how to create lettering shelves with several rectangles. You learned how to transform created shapes into 3D objects, apply materials, and finally, how to light and render the scene. I hope the lesson was useful to you and you can apply the techniques described here when working on your own projects.

Like this post? Please share to your friends: