Create 3D text from rubber and glass in Photoshop

In this tutorial, you will learn how to use the vector tools and 3D capabilities of Photoshop CS6. In the process, you will learn how to create materials, change lighting, create a scene, and finally, how to improve the color of the final result.

Final result

Materials for the lesson:

  1. Righteous Font
  2. Noisy pattern
  3. Wood Pattern

Step 1

Create a new document of 1000×750 pixels. Fill the background layer with # c2c2c2. Then create text in capital letters using Righteous font in color # 484848 and 255 pt size.

Step 2

Go to the menu Text – Convert to curves ((Type> Convert to Shape).

Step 3

Choose a tool Pen (Pen Tool). Then in the top toolbar, select the option Circuit (Path) and click on the icon Operations withcontour (Path Operations) by choosing Subtract front figure (Subtract from Selection). All you need to do is delete random areas of the text shape. Be sure that when you create a shape with a contour to remove areas, you close the outline itself for each shape.

Step 4

Try not to remove too large details or they should not be very much, the text should remain readable.

Step 5

Once you’ve finished removing parts, click on the icon. Operations withcontour (Path Operations) again and select the option Merge componentsfigures (Merge Shape Components), which is located at the bottom of the window. This will merge all the contours into one shape.

Step 1

Instead of placing the letters inside the 3D scene, which may be more difficult later, we will place the letters before that. To do this, select the tool Arrow (Direct Selection Tool), click and drag around the letter to select its anchor points.

Step 2

Now press the keys Ctrl + T, to cause free transformation. Then drag and rotate the letter as you want it to be. In the process, you can also use the arrow keys on the keyboard to move and shift letters.

It is important to keep as little as possible the distance between the letters, but they should not intersect or be very close since after applying the extrusion letters will be one 3D mesh.

When you are done, press Enter to accept the changes.

Step 3

If the letters intersect and you cannot select all the reference points, you can do this by pressing Shift + click and select the remaining reference points separately.

Step 1

Set foreground color to white, select tool Rectangle (Rectangle Tool) and draw a shape with a size of 10 pixels. 155 pixels wide in length.

Step 2

Next, you need to duplicate the created rectangle, and then place it in one of the deleted parts, then duplicate it again and place it in another part, and so on. The rectangles will be used to fill straight parts (not curved or curved areas).

Now press the keys Ctrl + T, To cause a free transformation and with its help, rotate, scale the rectangle to correctly place them on the text shape. Subsequently, do not forget to press the Enter key to confirm the changes.

Step 3

Use the original rectangle to fill the last empty straight area of ​​the label (there is no need to create another copy).

Step 4

The remaining parts will be created using the tool. Ellipse (Ellipse Tool). Make sure that the option is selected in the top toolbar. Figure (Shape), then hold down the Shift key, click and drag to create a perfect circle. When drawing a shape, you can also clamp the spacebar key in order to move the shape being created to the desired location.

Do not place the circle exactly in the center of the letter; instead, place it slightly outside the center. You can control the size of the shape when creating it, or you can check them later in the settings panel.

Step 5

Click on the icon Operations withcontour (Path Operations) by choosing Subtract front figure (Subtract from Selection). Then repeat the steps to create another circle inside the already created one. It should be 20 pixels. smaller in width and height than the previous one so that after it is subtracted from the original circle, the width of the remaining part is 10 pixels.

Step 6

Now you will need to create circles for all letters where there are smooth bends, considering their size. To adjust the size of the circles and remove unnecessary parts of them, use the tool Pen (Pen Tool). Then click the button Merge componentsfigures (Merge Shape Components) just as you did in steps 1-3 and 1-5.

Step 7

You can scale and rotate the details until you like the result.

Step 8

When you’re done, select all the layers with shapes for the main text (click on the last layer, then press Shift and click on the first one) and go to the menu Layers – Merge shapes (Layer> Merge Shapes). In Photoshop CS6, this action will merge all the selected shapes into one layer without rasterizing them. Name this layer Inner Shapes.

Step 1

Duplicate the background layer, drag the copy on top of all layers and name it Ground. Duplicate the Ground layer and name the copy Wall.

Step 2

Choose a tool Rectangle (Rectangle Tool), make sure that the button is pressed in the settings Combine shapes (Combine Shapes) and draw rectangles with a size of 10 x 25 pixels. This is necessary in order to create them on one layer. Name the created layer Glass.

These shapes will be added around the text and you can create as many as you like. In that case, if you want to place them one above the other, then it is better to do this when you are still creating a shape and leave a distance of 1 pixel between them.

Then on a separate layer, create squares with a size of 50 x 50 pixels and name this layer Rubber.

Step 1

Select each layer with the created shapes and go to the menu 3D – New 3D-extrusion from the selected circuit (3D> New 3D Extrusion from Selected Path). For the other two layers, selecting each, go to the menu 3D – New Mesh Layer – Postcard (3D> New Mesh from Layer> Postcard).

Step 2

3D layers are now separated, which means that the grids are in different scenes. To place all the elements in one scene, select all the 3D layers, and then go to the menu 3D – Merge 3D Layers (3D> Merge Layers 3D).

Step 1

To access the 3D settings of grids and properties, you need to open two panels – the panel 3D and panel Properties (Properties). Both can be opened via the menu. Window (Window). The 3D panel has all the components of the 3D scene, and when you click on the name of any of them, you can access its settings in the properties panel. Therefore, make sure that you choose the name of the element that you will edit in the 3D panel, before changing its settings in the property panel.

Step 2

Choose a tool Move (Move Tool) and see its settings in the top bar. There you will find a number of 3D modes of operation of this tool. After you select one of them, you can click and move the object to make changes (for the selected item in the 3D panel).

Now select the tab Current view (Current View) in the 3D panel, then click and drag in any empty place of the 3D scene to change the camera view, but do not move any of the grids yet.

Step 1

Next we will adjust the basic settings of the grids in the scene. Highlight the main 3D grid in 3D panels and in the panel Properties (Properties) set Extrusion depth (Extrusion Depth) at 50.

Step 2

Click on the icon Capital (Cap) at the top of the properties bar, change Chamfer width (Bevel Width) up to 5% and select Circuit (Contour) Semicircle (Half Round).

Step 3

For the Inner Shapes layer set Extrusion depth (Extrusion Depth) at 20.

Step 4

Change Chamfer width (Bevel Width) up to 20% and select Circuit (Contour) Semicircle (Half Round).

Step 5

Make the Glass grid active and install for it. Extrusion depth (Extrusion Depth) at 200. Now it doesn’t matter, we will edit it a bit later.

Step 6

Change Chamfer width (Bevel Width) up to 3%

Step 7

Activate the Rubber mesh and install for it. Extrusion depth (Extrusion Depth) at 49.

Step 8

Change Chamfer width (Bevel Width) up to 3% and select Circuit (Contour) Semicircle (Half Round).

Step 9

Select the Ground grid, then click on the icon. Coordinates (Coordinates) in the properties panel and set the position X axis (X Rotation) at 90.

Step 10

Go to the menu 3D – Move the object to the base plane (Move Object to Ground Plane). Next, increase the position Axis Y (Y Rotation) by a very small amount (0.1) to avoid defects in rendering.

Step 1

Select the main text grid in the 3D panel and select it. Front bulge material (Front Inflation Material). Then in the property panel, click on the texture icon opposite the option Scattering (Diffuse) and select Remove texture (Remove Texture).

Step 2

Set color Scattering (Diffuse) # d1272e, Highlight color (Specular) # 545454, Glow (Illumination) # 080808 and Lighting (Ambient) # 000000. Then change the remaining values ​​as shown below.

Step 3

Click on the folder icon opposite the option Relief (Bump) and select New texture (New Texture).

Step 4

Enter a value of 600 for width and height.

Step 5

Again click on the folder icon opposite the option Relief (Bump) and select Edit texture (Edit Texture).

Step 6

This will open the texture file. Duplicate the background layer, then double click on the copy to open Style Window (Layer Style).

Step 7

Choose a setting Pattern overlay (Pattern Overlay) and use texture Noisy.

Step 8

Save the file (File> Save) and close it (File> Close) to return to the original document.

Step 9

Again click on the folder icon opposite the option Relief (Bump) and select Edit UV-properties (Edit UV Properties).

Step 10

In the settings dialog box, change the value U-scales (U Scale) by 250%, change the value V-scales (V Scale) at 200% and values U-offsets (U Offset) and V-offsets (V Offset) at 0%.

Step 1

To save the created material and reapply it, instead of customizing it each time, click the arrow to display the material preview window, then in the pop-up menu, click the settings icon on the right and select the item Create material (New Material).

Step 2

Enter a name for the material and click OK.

Step 3

Now, when you scroll down the content viewer window, you will find the material you created and saved. You can apply it to any surface by clicking on it.
And so, select the remaining text grids and apply rubber material to them.

Step 4

Apply the same material to the Rubber mesh as shown in the screenshot.

Step 1

In the 3D panel, select the Inner Shapes mesh materials and the Glass mesh materials. Then in the property panel, click on the texture icon opposite the option Scattering (Diffuse) and select Remove texture (Remove Texture) and use the following values.

Colour Scattering (Diffuse) #dfdfdf, Highlight color (Specular) # 727272, Glow (Illumination) # 080808 and Lighting (Ambient) # 000000.

Step 2

Click on the Ground grid tab, uncheck the option Put shadows (Cast Shadows). Repeat the same for the Wall mesh.

Step 3

Click on the tab of the material of the Ground grid, then in the properties panel click on the texture icon opposite the option Scattering (Diffuse) and select Edit texture (Edit Texture).

When the texture file opens, double click on the file layer to open the styles window. Choose a setting Pattern overlay (Pattern Overlay) and use texture Wood Pattern.

Step 4

At the bottom of the layers palette, click on the icon for adjustment layers and select Hue / Saturation (Hue / Saturation).

Step 5

Change the settings as shown below, save and close the file to return to the original document.

Step 6

In the properties panel in the option Opacity (Opacity) by clicking on the folder icon, delete the texture. Then change the remaining settings as shown below. Highlight color (Specular) #bbbbbb, Glow (Illumination) # 000000 and Lighting (Ambient) # 000000.

Step 7

Apply the same material to the Wall mesh, then change Shine (Shine) by 50% and Reflection (Reflection) by 10%.

Step 1

Now that you are finished with the materials, it’s time to work on the final position of the camera. And so, use the tool Move (Move Tool) to rotate, zoom, and move the camera until you like the angle of the scene.

Step 2

Using the 3D axes, scale the Ground and Wall grids vertically and horizontally until they fill the final look you chose. Make sure they are on the bottom plane after scaling.

The arrows on the tips of the 3D axes move the object, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used for uniform scaling of the object. All you need to do is click on these markers and drag to make settings.

Step 3

Since we will change the camera view in the next steps, it will be nice if we save the already configured view so that it is easy to return to it. To do this, click in the 3D panel tab. Current view (Current View), then on the property bar, select the option View (View) and click Save (Save).

Step 4

Enter a name for the view and click OK.

Step 5

The saved camera view will be added at the bottom of the 3D panel and in the property bar. Now when you change the camera view and want to return to the original, you click on the saved view in the 3D panel or in the property panel.

Step 6

Before working with other grids, select the text and group of tabs of the Inner Shapes, make sure that they are on a plane and do not “float” anything in the scene.

This is absolutely not a mandatory part, but it will add to the attractiveness of the final result.

Step 1

Using tool Ellipse (Ellipse Tool) create a circle with a size of 230 x 230 pixels. Then in the settings panel the value Fillings (Fill) put on No color (None), and Stroke (Stroke) 10 pixels black with alignment settings as shown below.

Step 2

Go to the menu 3D – New 3D-extrusion from the selected circuit (3D> New 3D Extrusion from Selected Path). Then in the 3D panel, select the tab Current view (Current View), then on the property bar, select the option View (View) and choose your name.

Step 3

Select both 3D layers and merge them in the menu. 3D – Merger 3D layers (3D> Merge 3D Layers). Then click on the icon Coordinates (Coordinates) in the properties panel and set the position X axis (X Rotation) at 90.

Step 4

Using the 3D axis, scale the basket and place it in the correct place of the scene.

Step 1

Select the ellipse grid in the 3D panel and select it. Front bulge material (Front Inflation Material). Then in the property panel, click on the texture icon opposite the option Scattering (Diffuse) and select Remove texture (Remove Texture). Click next to the option again. Scattering (Diffuse) and select New texture (New Texture). Enter a value of 1024 pixels. for width and height.

Now in the properties panel, click on the texture icon opposite the option Scattering (Diffuse) and select Edit texture (Edit Texture). Create a new layer, set the colors of the main and background plans to black and white.

Step 2

Go to the menu Filter – Rendering – Clouds (Filter> Render> Clouds).

Step 3

Go to the menu Filter – Filter Gallery – Distortion – Glass (Filter> (Filter Gallery)> Distort> Glass) and apply the settings as in the screenshot below.

Step 4

Double click on the texture layer and in the style options window select Color overlay (Color Overlay). Set the blending mode to Multiplication (Multiply) and color put # 909090.

Step 5

Save and close the file.

Step 6

Using the screenshot below, set the remaining settings. Highlight color (Specular) # c1c1c1, Glow (Illumination) # 000000 and Lighting (Ambient) # 000000.

Step 7

Click on the folder icon opposite the option Scattering (Diffuse) last time and select Edit UV-properties (Edit UV Properties). In the settings dialog box, change the value U-scales (U Scale) 300%, change the value V-scales (V Scale) at 100% and values U-offsets (U Offset) and V-offsets (V Offset) at 0%.

Apply this material to the rest of the Ellipse.

Step 1

Make the Glass grid active in the 3D panel and go to the menu 3D – Split Extrusion (3D> Split 3D Extrusion). This will divide the original grid into separate tabs that appear below in the 3D panel. Thus, you can now select each grid by clicking on it in the scene or in the 3D panel.

Thereafter using the tool Move (Move Tool) and 3D axes you can scale, rotate and place these grids in the scene. You can also rotate and move the camera view to make it easier to place the grid. This may take some time, but once you get used to it, everything will be easy.

Note that you can select more than one group of grids in the 3D panel and move them together, if necessary, relative to the base plane.

Step 2

Activate the Rubber mesh in the 3D panel and go to the menu. 3D – Split Extrusion (3D> Split 3D Extrusion) and place the piece in the basket.

Step 1

Click on the item Infinite light 1 (Infinite Light 1) in the 3D panel, and then in the property bar, change it Intensity (Intensity) up to 80% Shadow Smoothing (Shadow Softness) up to 50% and set Colour (Color) #fefbef.

Step 2

Move the light using the tool Move (Move Tool) so that it falls diagonally from above, as well as the angle of the camera, or you can use the coordinate value in the screenshot.

Step 3

At the bottom of the 3D panel, click on the icon Add a new light to the scene (Add new Light to Scene) and select New point light (New Point Light).

Step four

Change color New point light (New Point Light) on # fffef8, reduce Intensity (Intensity) up to 30% and turn off the option Shadow (Shadow). In order for the light to fall evenly and gradually, and look natural and realistic, check the box Light decay (Light falloff) and set the values ​​for Int. radius (Inner) 79.4, and for Externally radius (Outer) 868.5.

Step 5

New point light (New Point Light) should be placed in the center in front of the text. If necessary, use the coordinate values ​​in the screenshot below.

Step 6

When you’re done with the changes, to visualize the final result, go to the menu 3D – Rendering (3D> Render).

Step 7

This may take some time, but you can stop rendering at any time by clicking anywhere inside the document.

Step 1

At the bottom of the layers palette, click on the icon for adjustment layers and select Brightness / Contrast (Brightness / Contrast).

Step 2

Apply the settings as below.

Step 3

Now click the icon for the adjustment layers and this time select Color balance (Color Balance).

Step 4

Apply the settings below to Middle tones (Midtones), Shadows (Shadows) and Sveta (Highlights).

In it, you learned how to work with text and outlines using the Pen tool for cutting out individual parts. Then they learned how to merge shapes and transform them into merged 3D layers.

Then we worked with editing the textures of various materials and placed objects in the scene. We also learned how to work with lighting, and after rendering with adjustment layers, to improve color reproduction and contrast in the final result.

Finally, the result of the lesson!

Like this post? Please share to your friends: