Create 3D text in retro style

Bright, colorful and cheerful designs of texts in sitcoms of the 80-90s definitely contain designer trends of a bygone era: an unusual mixture of nostalgia, trembling and fun. And if you add the effect of the old TV, then such a text will no doubt sparkle with completely new colors!

In this tutorial you will learn how to create a retro text effect in the sitcom style of the 80s and 90s. Let’s start!

I was inspired to create this effect by the layer styles available on GraphicRiver.

1. Set up the grid

Step 1

Move on Edit – Preferences – Guides, Grid Slices (Editing – Settings – Guides, mesh and fragments) and in the opened window install Gridline Every (Line every) by 50 pixels and Subdivisions (Internal division by) – by 5.

Step 2

Create a new document with a size of 700 x 300 pixels, then go View – Show – Grid (View – Show – Grid).

2. Create a zigzag shape

Step 1

Take Pen Tool (P) (Pen) and on the top panel set the mode to Shape (Figure). Click on the document to add anchor points, as shown below, and create a zigzag line.

Step 2

After this, we check that the figure is black and the background is filled with white.

Move on Edit – Define Brush Preset (Edit – Define the brush) and enter the name of the new brush “Zigzag”.

3. Create a background texture.

Step 1

Create a new document of 1000 x 800 pixels. Set the foreground color to # 87568e and the back to # 38124d.

Duplicate (Ctrl + J) the background layer, call the copy “Background texture” and fill it with the background color.

Right click on the “Background texture” layer and select Convert to Smart Object (Convert to smart object).

Step 2

Apply Filter – Filter Gallery – Texture – Grain (Filter – Filter Gallery – Texture – Grain) with the following parameters:

  • Intensity (Intensity): 40
  • Contrast (Contrast): 50
  • Grain Type (Grain type): Stippled (Dotted)

Step 3

After that, in the lower right part of the filter window click the button New effect layer (New effects layer), then apply Artistic – Poster Edges (Imitation – Contoured edges) with the following settings:

  • Edge Thickness (Edge Thickness): 1
  • Edge Intensity (Intensity): 0
  • Posterization (Posterization): 1

Step 4

Press the button again. New effect layer (New effects layer), then apply Sketch – Photocopy (Sketch – Photocopy) with the following parameters:

  • Detail (Detailing): 7
  • Darkness (Darkness): 10

When finished, click OK.

4. Create text layers

Step 1

In capital letters we write the text, each line should be on a separate layer. The first line is the Go Long font, the second line is the Fontdiner Swanky font, the third line is the SansBlack font.

Font size is chosen at its discretion. In this lesson, the size of the first line is 130 pt, 75 pt for the second and 150 pt for the third.

Step 2

We can also change the value Tracking (Tracking), especially for the second line, to split the letters and later get a neater 3D grid. Value Tracking (Tracking) for the second line set to 50.

5. Create 3D layers

Step 1

Select each text layer and apply it individually. 3D – New 3D Extrusion from Selected Layer (3D – New 3D extrusion from selected layer).

Step 2

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

6. We work with a 3D scene

Step 1

To have access to the parameters of 3D objects, we need to open two panels: the 3D panel and Properties (Properties) (both are in the main menu Window (Window)).

The 3D panel contains a list of all the components of the scene and, if you select one of them, we can edit its parameters in the panel. Properties (Properties). Therefore, always pay attention to whether the desired object is selected before editing it.

Step 2

If activate Move Tool (V) (Move), a set of special 3D modes will appear at the top of the options bar.

If you select one of them, then with the selected object of the scene you can make certain manipulations (move, rotate, scale, etc.).

We use these modes to change the current view from the camera.

Step 3

On the 3D panel, select all 3D components with text, then in the upper right corner of the panel, press the menu button and select Move Object to Ground Plane (Move the object to the base plane).

7. Configure 3D objects

Step 1

On the 3D panel, select the first component with the text and on the panel Properties (Properties) install Extrusion Depth (Extrusion Depth) 12 pixels.

Step 2

Select the second component with the text and install Extrusion Depth (Extrusion Depth) 10 pixels.

Step 3

Select the third component with the text and install Extrusion Depth (Extrusion Depth) by 17 pixels.

Depending on the fonts and text you use, you can set your own values. Extrusion Depth (Depth of extrusion), and also change them at any time.

8. Adjust the capital

Step 1

Select the first component with the text and click on the button on the property panel Cap (Capital).

Install Bevel Width (Chamfer width) by 5, Contour (Contour) – on Half Round (Semicircle), Inflate – Angle (Bloating – Angle) – by 20 and Strength (Intensity) – by 2.

Step 2

Select the second and third components with the text, click on the button Cap (Capital) and install Inflate – Angle (Inflating – Angle) by 90 and Strength (Intensity) – by 2.

Again, you can use any other values ​​that are more suitable for your text.

9. Create simple 3D materials.

Step 1

Select all materials of the first component with text and set them on the property panel (color values ​​are in RGB format):

  • Diffuse (Scattering): 74, 173, 207
  • Specular (Highlight color): 169, 169, 169
  • Shine (Glitter): 90%

Step 2

Select all the materials of the second component and customize them:

  • Diffuse (Scattering): 222, 177, 228
  • Specular (Highlight color): 169, 169, 169
  • Shine (Glitter): 90%

Step 3

Select the materials of the third component and customize them:

  • Diffuse (Scattering): 229, 230, 137
  • Specular (Highlight color): 169, 169, 169
  • Shine (Glitter): 90%

10. Adjust the lighting

Step 1

Choose a component Infinite Light one (Infinite Light 1), set Intensity (Intensity) at 70% and check to Shadow – softness (Shadow – Smoothing) was set to 0%.

Step 2

Via Move Tool (V) (Move) move the light source around the scene or use the tab Coordinates (Coordinates) with numeric values ​​on the property bar.

Step 3

Choose a component Environment (Environment) and install Ground Plane – Shadows – Opacity (Baseline – Shadows – Opacity) by 0%.

11. Adjust the rendering settings.

Step 1

On the 3D panel, select all components with text and on the property panel, remove the check mark from Cast Shadows (Overlay the shadows).

This is necessary so that the text does not cast shadows, which will help us get a flatter result.

Step 2

Choose a component Scene (Scene) and set Surface Style (Surface style) on Cartoon (Cartoon). This will give a stylized flat effect.

12. Transform and move 3D objects

Step 1

Select each component in turn with text and apply to it. 3D – Split Extrusion (3D – Divide Extrusion).

As a result, the inscription will be divided into individual letters that will be in the group.

Step 2

Now, to create a more dynamic effect, we will edit each letter separately.

Take Move Tool (V) (Moving) and using 3D-axes we move or deform the letter object.

The arrows at the ends of the axes move objects, a small arc that goes further is responsible for turning, and with the help of a cube you can scale the object. The central cube from which the axes extend is needed for uniform scaling of the object. To perform an action with the axes, simply click on them and drag the mouse.

Step 3

You can also highlight the component Current View (Current view) on the 3D panel and select one of the presets in the menu View (View) on the property bar to facilitate and speed up the work process.

Step 4

We select the final view from the camera and make sure that everything looks good. Before the final rendering, we can still make any changes.

Step 5

Move on 3D – Render 3D Layer (3D – Rendering 3D layers). Since we chose the style in the scene settings Cartoon (Cartoon), rendering takes just a few seconds.

When it is finished, right-click on the 3D layer and select Convert to Smart Object (Convert to smart object).

13. Customize the brush

Step 1

Choose Brush Tool (B) (Brush) and open the panel Window – Brush (Window – Brush).

Select the Zigzag brush, then set up Brush Tip Shape (Brush print form) and Shape Dynamics (Dynamics of the form), as shown below in the screenshot.

These settings will add dynamics to the tassel, and when working with it we will get a more interesting result.

Step 2

Set the foreground color to # c6960e, create a new layer above the “Background Texture” layer and call it “Zigzag”.

Randomly click the brush to add zigzag lines to the background.

14. Create smart objects with filters.

Step 1

Create a new layer above all previous ones, call it “Filter 1” and press Shift + Alt + Ctrl + E to merge all visible layers on a separate new one that we created.

Click the right mouse button on the layer “Filter 1” and select Convert to Smart Object (Convert to smart object).

Step 2

Duplicate (Ctrl + J) the layer “Filter 1”, call the copy “Filter 2”, select both layers “Filter” and set their opacity to 50%.

Step 3

Hide the “Filter 2” layer by clicking on the eye icon in the layers panel, and select the “Filter 1” layer.

15. Apply noise

Step 1

Apply Filter– Filter Gallery – Artistic – Poster Edges (Filter – Filter Gallery – Imitation – Contoured Edges) with the following settings:

  • Edge Thickness (Edge Thickness): 0
  • Edge Intensity (Intensity): 0
  • Posterization (Posterization): 2

Step 2

Add a new layer with the effect and apply Brush Strokes – Spatter (Strokes – Spraying) with the following parameters:

  • Spray radius (Spray radius): 1
  • Smoothness (Softening): 15

When finished, click OK.

Step 3

Move on Filter – Blur – Shape Blur (Filter – Blur – Blur on the figure), set Radius (Radius) on 5 and choose the shape of a flower.

Step 4

Next, go Filter – Distort – ZigZag (Filter – Distortion – Zigzag), set Amount (Quantity) by 1, Ridges (Folds) – by 5 and Style (Style) – on Pond Ripples (Circles on the water).

Step 5

Move on Filter – Noise – Add Noise (Filter – Noise – Add noise), set Amount (Quantity) by 5 and Distribution (Distribution) – on Gaussian (According to Gauss).

16. Create an old TV screen effect.

Step 1

Again, make visible the “Filter 2” layer and apply the same filters and values ​​that we used for the “Filter 2” layer in the previous step.

Step 2

Move on Filter – Pixelate – Pointillize (Filter – Design – Pointillism) and install Cell Size (Cell size) by 3.

Step 3

Expand the filter list of the “Filter 2” layer by clicking on the button with the small down arrow. Then double click on the overlay settings icon opposite the filter. Pointillize (Pointillism).

Step 4

Install Opacity (Opacity) at 35% and click OK.

Step 5

Move on Filter – Blur – Shape Blur (Filter – Blur – Blur on the figure), set Radius (Radius) on 5 and choose the shape in the form of a flower.

Step 6

Move on Filter – Distort – ZigZag (Filter – Distortion – Zigzag), set Amount (Quantity) by 1, Ridges (Folds) – by 5, Style (Style) – on Pond Ripples (Circles on the water).

Step 7

Move on Filter – Noise – Add Noise (Filter – Noise – Add noise). Install Amount (Quantity) by 5 and Distribution (Distribution) – on Gaussian (According to Gauss).

Step 8

Double click on the filter overlay settings icon Add Noise (Add noise) and install Opacity (Opacity) by 50%.

Step 9

Move on Filter – Pixelate – Mezzotint (Filter – Layout – Mezzotintto) and install Type (Type) on Short Strokes (Short touches).

Step 10

Double click on the filter overlay settings icon Mezzotint (Mezzotint) and install Opacity (Opacity) at 7%.

17. Adjust the Vibration

Step 1

Hold down the Ctrl key and click on the thumbnail of a layer with 3D text to load its selection.

Step 2

Then at the bottom of the layers panel, click on the button Create new fill or adjustment layer (Create a new fill or adjustment layer) and select Vibrance (Vibration).

Install Vibrance (Vibration) at 50 and Saturation (Saturation) – at -5.

Congratulations, we are done!

We started by creating several text layers, transformed them into 3D objects and set them up. Then they edited the materials, the lighting and at the end they visualized the finished 3D scene in a cartoon style.

After that, using a large number of filters, we added the effect of the screen of the old TV. Finally, as a final touch, several adjustment layers were created.

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

Like this post? Please share to your friends: