Create bulk text from cylinders in Photoshop

This lesson was prepared on the occasion of World AIDS Day. You will learn how using 3D tools, adjustment layers and filters to create simple but creative volumetric text from cylinders in Photoshop.

This is what WorldAIDSDay.org writes about this day:

World AIDS Day is held annually on December 1, it is an opportunity for people around the world to unite in the fight against HIV, support HIV-positive people and honor the memory of those who died from this disease. For the first time this day was held in 1988.

I was inspired to create this text effect with various layer styles on GraphicRiver.

1. Add color fill

Step 1

Create a new document with a size of 1920 x 1080 pixels, then click on the button Create new fill or adjustment layer (Create a new fill or adjustment layer) at the bottom of the layers panel and select Solid Color (Colour).

Step 2

Use the color # 9d2323.

2. Add text

Step 1

We write the text using the Unintended font, the size is set to 250 pt.

Step 2

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

Rename the layer to “Text”.

3. Cut holes in circles

Step 1

Take Ellipse Tool (U) (Oval), on the top panel click on the button Geometry Options (Geometric settings), choose Fixed Size (Fixed size) and set W and H to 11 pixels.

Step 2

On the top panel, also select Subtract from Shape (Subtract from the shape), then draw a hole in the center of the circle (note that the cursor has a minus symbol, which means the tool will cut a hole in the shape of the created shape).

Step 3

Repeat the process for several more circles.

4. Reduce the size of the document and create the background.

Step 1

In this step, we will reduce the size of the document. If it suits you, you can skip this step.

Move on Image – Image Size (Image – Image size) and enter any values. In this case, set Width (Width) by 1250 pixels.

Step 2

Take Rectangle Tool (U) (Rectangle) and create a rectangle that is slightly outside the bounds of the document. Name the layer “Surface”.

5. Create 3D Scene

Step 1

Select the “Text” layer and turn 3D – New 3D Extrusion from Selected Path (3D – New 3D extrusion from the selected contour). Do the same with the “Surface” layer.

Step 2

Select both 3D layers and go 3D – Merge 3D Layers (3D – Merge 3D layers).

6. Configure the 3D scene

Step 1

To constantly have access to the 3D parameters, through the menu Window (Window) open two panels: 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.

Step 2

If you activate the tool Move Tool (V) (Move), special 3D modes will appear. 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.).

We use these modes to set up a convenient view of the workspace.

7. Set up the object “Surface”

Step 1

Select the component “Surface” on the 3D panel and on the panel Properties (Properties) install Extrusion depth (Extrusion Depth) by 2.

Step 2

Then go to the tab Coordinates (Coordinates) at the top of the panel Properties (Properties) and install X-Rotation Angle (angle of rotation along the X axis) by 90.

Step 3

Go to the 3D panel and click on the menu icon in the upper right corner, select Move Object to Ground Plane (Move the object to the base plane).

8. Customize the 3D text.

Step 1

On the 3D panel, select the “Text” component and at the top of the properties panel, click the button Deform (Deform).

Install Extrusion depth (Extrusion depth) at 15, and Vertical Angle (Y) (Vertical angle) – by 3.

Step 2

Then go to the tab Coordinates (Coordinates) at the top of the panel Properties (Properties) and install X-Rotation Angle (angle of rotation along the X axis) by 90.

Step 3

Go to the 3D panel and click on the menu icon in the upper right corner, select Move Object to Ground Plane (Move the object to the base plane).

Step 4

At the top of the panel Properties (Properties) click on the button Cap (Capital) and change Bevel width (Chamfer width) by 3, and Contour (Contour) on Half round (Semicircle).

9. How to use the 3D axis

Step 1

Activate Move Tool (V) (Moving), select the “Surface” component and move it under the text using 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). To use them, simply click the left mouse button and pull.

Step 2

On the 3D panel, select the component Current View (Current view), then on the panel Properties (Properties) in the drop-down menu View (View) choose Left (Left).

Step 3

Zoom in and move the camera until the side of the text is clearly visible.

Step 4

Next, select the component “Text” and rotate it so that it lies parallel to the surface.

Step 5

Move the text close to the surface and click on the component. Default Camera (Default camera) on the 3D panel to change the camera view.

10. Create simple 3D material.

Step 1

Select all the materials of the components “Text” and “Surface” (at the end of the name of each material there is a word Material (Material)).

Then on the panel Properties (Properties) click on the texture icon next to the parameter Diffuse (Scattering) and choose Remove Texture (Remove texture).

Step 2

After this we set up new material:

  • Diffuse (Scattering): color 109, 22, 28
  • Specular (Color of the flare): color 56, 38, 40
  • Shine (Glitter): 35%

11. Create a polka dot pattern.

Step 1

Create a new document with a size of 50 x 50 pixels with a black background.

Then take the tool Elliptical Marquee Tool (M) (Oval selection) and create a circle measuring 30 x 30 pixels in the center of the document.

Create a new layer above the background, fill the selection with color #eeeeee and press Ctrl + D to reset the selection.

Step 2

Duplicate (Ctrl + J) the circle four times and place the copies in each corner so that the angle falls exactly at the center of the circle.

Step 3

Move on Edit – Define Pattern (Editing – Determine the pattern) and in the field for the name enter “Peas”.

Close this file and return to the 3D scene.

12. Apply a bump texture

Step 1

On the 3D panel, select the material Front Inflation Material (Material of the front bulge) component “Surface” and click on the folder icon next to the parameters Bump (Relief), choose New Texture (New texture).

Step 2

In the window that appears, enter the size of 500 x 500 pixels and click OK.

If the window does not appear, click on the folder icon again and select Edit Texture (Edit texture).

Step 3

Duplicate (Ctrl + J) layer Background (Background).

Step 4

Double click on the copy of the background layer and apply the layer style. Pattern Overlay (Overlay pattern), using the created texture “Peas”.

When finished, save and close the file.

13. Configure UV-properties of the texture of relief

Step 1

Click on the icon next to the parameter Bump (Relief) and choose Edit UV Properties (Edit UV properties).

Step 2

Parameter Tile (Mosaic) customizable so that you like the result.

Step 3

Decrease Bump (Relief) to 1.

14. Customize stage lighting

Step 1

On the 3D panel, select the component Infinite Light one (Infinite Light). Then set the properties panel Intensity (Intensity) by 65% ​​and Shadow (Shadow) Softness (Smoothing) – 30%.

Step 2

We use Move Tool (V) (Move) or enter numerical coordinates to select the most convenient location of the light source.

Step 3

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

Step 4

Install Intensity (Intensity) by 75%, Shadow (Shadow) Softness (Smoothing) – by 30%, Hotspot (Center of illumination) – by 30 and Cone (Cone) – 85.

Then activate Light Falloff (Light scattering), install Inner (Internal radius) at 350 and Outer (Outer radius) – at 800.

Do not forget that you can choose other values, depending on the expected result.

Step 5

Move the light source around the stage until we get the desired result.

15. How to visualize a separate component of a 3D scene

Step 1

We will visualize two versions of the scene: one only with the surface, and the other all together.

Start by setting the parameter Bump (Relief) for material Front Inflation Material (Material of the front bulge) component “Surface” to 0.

Step 2

Turn off the visibility of the component “Text” by clicking on the eye icon on the 3D panel.

Move on 3D – Render 3D Layer (3D – Rendering the 3D layer). You can stop the visualization at any time by pressing the Esc key.

Step 3

When the rendering is complete, press Ctrl + A to select the entire document, and Ctrl + C to copy the selected area.

Step 4

Press Shift + Ctrl + V to paste the copied area and name the layer “Background”.

16. How to visualize a 3D scene

Step 1

Turn off the visibility of the Background layer, then select the 3D layer and turn on the visibility of the Text component.

Step 2

Set the parameter again Bump (Relief) for material Front Inflation Material (Material of the anterior bulge) component “Surface” on 1.

Step 3

Move on 3D – Render 3D Layer (3D – Rendering the 3D layer) to visualize the entire scene.

17. Use a layer mask.

Step 1

Turn on the visibility of the “Background” layer and reduce it. Fill (Fill) up to 80%.

Hold down the Alt key and click on the button Add layer mask (Add layer mask) at the bottom of the layers panel.

Step 2

Take Brush Tool (B) (Brush) and click on the layer mask on the layers panel to activate it.

Set the foreground color to white and use a soft, round brush of large diameter to gently hold the sides to restore the visibility of the layer in these places and slightly overlap the relief surface.

18. Adjust the lighting and apply the overlay pattern.

Step 1

Above all previous layers add adjustment layer Levels (Levels). Set the black slider Shadows (Shadows) on 7, gray Gamma (Mid tone) – by 0.85 and white Highlights (Light) – at 235.

Step 2

Add a fill layer Pattern (Pattern) and use the downloaded MBossed pattern.

Step 3

Set the blend mode of the pattern to Linear Burn (Linear dimmer) and decrease Opacity (opacity) up to 15%.

19. Apply High Pass Filter (Color Contrast)

Step 1

Above the previous layers, add a new one and press Shift + Ctrl + Alt + E to merge all visible layers on it.

Name this layer “Color Contrast”. Click on it with the right mouse button and select Convert to Smart Object (Convert to smart object).

Step 2

Move on Filter– Other – High Pass (Filter – Other – Color Contrast) and set Radius (Radius) on 1.

Step 3

Change the blending mode of the “Color Contrast” layer to Soft Light (Soft light).

Congratulations, we are done!

We started by creating a text layer and transforming it into a work path, then we drew holes in some parts of the text. After that, create a rectangle and convert it with the text into a 3D layer.

Next, we continued working with the 3D layer, edited the 3D objects, created patterns and materials, moved the camera, and adjusted the lighting.

Finally, we rendered two versions of the 3D scene and added several adjustment layers and fills, as well as a filter High Pass (Colour contrast).

Feel free to leave comments, suggestions and share your results.

Like this post? Please share to your friends: