Create a silver retro text in the style of the 80s in Photoshop

In this tutorial, you will learn how to create silver retro text in the style of the 80s, using layer styles, filters, textures and Photoshop patterns.

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

Note:

  • The author used paid materials. In the archive you will find an alternative version of the images to perform the lesson.
  • The archive contains gradients. For the lesson, you will need CHROME.grd and CSP True Sky Gradients.grd

1. Add a pattern and create a background.

Step 1

Open the image with the texture of concrete, go Edit – Define Pattern (Edit – Define the pattern) and call the new pattern “Background Texture”.

Step 2

Create a 1000 x 700 pixels document. Duplicate (Ctrl + J) the background layer twice and reduce Fill (Fill) second copy to 0%.

Step 3

Double click on the first copy of the background layer and apply the layer style Gradient Overlay (Gradient overlay) with the following parameters:

  • Activate Dither (Dithering)
  • Style (Style): Radial (Radial)
  • Angle (Angle): 15
  • Scale (Scale): 90%
  • For fill use colors #b9a8a4 (left) and # 201a1a (right).

Step 4

Without closing the window with the layer styles, drag the gradient with the mouse to find the best location.

Step 5

Double click on the second copy of the background layer and apply Pattern Overlay (Overlay pattern) with the following parameters:

  • Blend Mode (Blend Mode): Multiply (Multiplication)
  • Pattern (Pattern): BG Pattern

This is one way to overlay a pattern, the other we will show at the end of this lesson.

2. Add text

Step 1

We write the text using the Argon font, the size is set to 225 pt.

Step 2

On the panel Character (Symbol) set Kerning (Kerning) on Optical (Optic).

Please note that there is not a large enough distance between some characters, but we will fix this.

Step 3

Select the letter you want to fix, and increase Tracking (Tracking) to the optimal value.

Step 4

We customize each letter individually until we get the option that satisfies us.

3. Create text smart objects

Step 1

Double click on the text layer and apply Gradient Overlay (Gradient overlay) using a gradient stove pipe 10.

Step 2

Name the text layer “Text”, click on it with the right mouse button and select Convert to Smart Object (Convert to smart object).

4. Write down a simple action.

Step 1

Open the panel Window – Actions (Window – Operations), click on the button Create new set (Create a new set) at the bottom of the panel, enter the name “Extrusion” and click OK.

Step 2

Click on the button Create new action (Create a new operation) at the bottom of the panel, enter the name “Effect” and click the button Record (Record).

Step 3

Press Ctrl + J to duplicate the “Text” layer.

Step 4

Press Ctrl + T to switch to the free transformation mode.

Step 5

On the top panel of parameters, click on the button Maintain aspect ratio (Keep proportions) between parameters W (Ø) and H (B), and set their value to 99.9%.

Step 6

Press the down arrow key once to move the object 1 pixel down.

Step 7

Click the Enter key to apply the changes. The panel with operations should display all the steps we performed.

We press the button Stop (Stop) at the bottom of the panel Actions (Operations).

5. Create extrusion

Step 1

Click on the button Play (Perform an operation) 10 times to create 10 copies of text.

Step 2

Select all copies of the “Text” layer, and move them under the original “Text” layer. Then go Layer – Arrange – Reverse (Layer – Arrange – Invert).

Thus, the last copy of the layer goes to the bottom, and the first one goes to the top.

Step 3

The selected layers are added to the group (Ctrl + G) and call it “Extrusion”.

Step 4

Duplicate (Ctrl + J) the last copy of the “Text” layer (Text copy 11), remove it from the “Extrusion” group and call it “Shadow 1”.

Step 5

Place the “Shadow 1” layer in a separate group and call it “Shadow”.

6. Apply styles to the front text layer.

Double click on the original “Text” layer to apply the following layer styles:

Step 1

Add Bevel and Emboss (Emboss) with the following parameters:

  • Size (Size): 0
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): 55
  • Altitude (Height): 5
  • Activate Anti-aliased (Smoothing)
  • Highlight mode (Backlight mode): Vivid light (Bright light)
  • Shadow Mode (Shadow mode): Color Burn (Blackout basics)

Step 2

Add Stroke (Stroke) with the following parameters:

  • Size (Size): 1
  • Position (Position): Inside (Inside)
  • Blend Mode (Blend Mode): Hard Light (Hard light)
  • Fill type (Stroke Type): Gradient (Gradient)
  • We use gradient stainless steel 101ss.

Step 3

Add Inner Shadow (Inner shadow) with the following parameters:

  • Opacity (Opacity): 35%
  • Distance (Offset): 2
  • Size (Size): 5

Step 4

Add Inner Glow (Internal glow) with the following parameters:

  • Blend Mode (Blend Mode): Hard Light (Hard light)
  • Opacity (Opacity): 35%
  • Color: #dae8ec
  • Technique (Method): Precision (Accurate)
  • Source (A source): Center (From the center)
  • Size (Size): 20
  • Contour (Circuit): Cone – Inverted (Inverted cone)

Step 5

Add Gradient Overlay (Gradient overlay) with the following parameters:

  • Activate Dither (Dithering)
  • Blend Mode (Blend Mode): Overlay (Overlap)
  • Activate Reverse (Inversion)
  • Use gradient steel pipe 30.

Step 6

Click on the button with + opposite style Gradient Overlay (Overlay gradient) to duplicate it, then set up a copy:

  • Activate Dither (Dithering)
  • Blend Mode (Blend Mode): Soft Light (Soft light)
  • Use the gradient from the CSP set. True Sky.

Step 7

Add Outer Glow (External glow) with the following parameters:

  • Blend Mode (Blend Mode): Vivid Light (Bright light)
  • Opacity (Opacity): 50%
  • Color: #acc4c4
  • Technique (Method): Precision (Accurate)
  • Size (Size): 5
  • Contour (Circuit): Cove – Deep (Deep groove)

We get this result.

7. Apply styles to extrusion.

Double click on any copy of the “Text” layer inside the “Extrusion” group to apply the following layer styles:

Step 1

Add Bevel and Emboss (Emboss) with the following parameters:

  • Size (Size): 0
  • Soften (Smoothing): 1
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): 55
  • Altitude (Height): 5
  • Activate Anti-aliased (Smoothing)
  • Highlight mode (Backlight mode): Vivid light (Bright light)
  • Shadow Mode (Shadow mode): Color Burn (Blackout basics)

Step 2

Add Contour (Contour) with the following parameters:

  • Contour (Circuit): Cove – Shallow (Small notch)
  • Activate Anti-aliased (Smoothing)
  • Range (Range): 100%

Step 3

We right-click on the working layer and select Copy Layer Style (Copy layer style).

Then select the remaining copies of the “Text” layer inside the “Extrusion” group, right-click on them and select Paste Layer Style (Paste layer style).

Step 4

Double click on the Extrusion group to apply the style Gradient Overlay (Gradient overlay) with the following parameters:

  • Blend Mode (Blend Mode): Linear Burn (Linear dimmer)
  • Use gradient stove pipe 10.

Step 5

Add another style. Gradient Overlay (Gradient overlay) with the following settings:

  • Blend Mode (Blend Mode): Overlay (Overlap)
  • Use gradient stove pipe 155b.

We get this result.

8. Add a shadow

Step 1

Double-click on the “Shadow 1” layer to apply the style Color Overlay (Overlay color) (use black for fill).

Step 2

Install Fill (Fill) layer “Shadow 1” at 0 and Opacity (Opacity) – 50%.

Step 3

Move on Filter – Blur – Motion Blur (Filter – Blur – Blur in motion).

Install Angle (Angle) at -60 and Distance (Offset) – by 100. Or you can pick up other values ​​that suit your work.

Step 4

Take Move Tool (V) (Move) and place the shadow under the text. You can also use the arrow keys to move the shadow.

Step 5

Move on Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur) and set Radius (Radius) by 5 or any other value.

Step 6

To make the shadow richer and more realistic, duplicate (Ctrl + J) the “Shadow 1” layer and adjust the copy settings.

You can create as many duplicate shadows as needed. Each copy is customizable Opacity (opacity) and Blur (degree of blur), and also move them to find the best location under the text.

9. Add the final touches

Step 1

We arrange the image from the highlights above all previous layers, if necessary, adjust the size and change the blending mode to Screen (Lightening).

Step 2

Move on Image – Adjustments – Hue/ Saturation (Image – Correction – Hue / Saturation) and set Saturation (Saturation) at -35.

Step 3

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 Pattern (Pattern). Use pattern 1 from the downloaded set.

Step 4

Change the blend mode of the pattern to Overlay (Overlap) and reduce Opacity (opacity) up to 15%.

This is another way to fill the pattern instead of using the layer style, which we described at the beginning of the lesson.

Step 5

Add an adjustment layer Color Lookup (Color search) and in the menu 3DLUT File (3DLUT file) select FoggyNight.3DL.

Activate Dither (Dithering), then change the blending mode of the adjustment layer to Soft light (Soft light) and install Opacity (opacity) by 50%.

Step 6

Double click on the “Text” layer thumbnail to open an editable text smart object, in which we can change the text and update all copies of this layer.

At the moment we need to change the size of the working canvas to match the resolution of the original document.

Move on Image – Canvas Size (Image – web size), set Width (Width) at 1000 and Height (Height) – by 700.

Save, close the file and return to the main working document.

Congratulations, we are done!

We began work with creating a simple gradient background with a pattern. Then created and stylized text smart object.

After that, we recorded an action to create extrusion, then applied layer styles to it, several filters and added a shadow. And at the end we put a pattern and a highlight along with several adjustment layers.

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

Like this post? Please share to your friends: