Create in Photoshop a colorful retro effect for text.

In this Photoshop tutorial, we will create a gorgeous, colorful retro effect for text.

The only thing you need to complete the lesson is the Junegull font. It is completely free, download and install yourself in Windows.

  • Download archive

Step 1

Create a new document with a size of 1024×768 pixels. Set the following colors for the foreground # 212121 and the background background # 000000. Using tool Gradient tool (G) (Gradient tool) create a radial gradient from the center of the document to the edges.

Create the text using the downloaded font color # f4edd2. We will make the text of two parts, of different sizes, and for convenience we will put both sizes in different layers. First big Size (Size) 250 pixels, line spacing Leading (Interlaying) 180.

The size of the smaller text is 150 pixels.

Step 2

Double click on the first text layer, to open the Layer Style window, select Outer glow (External glow): Blending mode – Hard Light (Blend Mode – Hard Light) Contour – Cone – Inverted (Contour – Inverted Cone), set the parameter Anti-aliased (Smoothing).

Inner shadow (Inner shadow): color # ffff00.

Change the parameter Fill (Fill) by 0%.

For smaller text, the same style is applicable, but on a smaller scale. First copy the layer style by right-clicking on the layer with large text. Copy Layer Style (Copy layer style).

Click on the small text layer with the right mouse button and select in the context menu Paste Layer Style (Paste the layer style). Thus, we will transfer the same style while retaining the previously specified parameters.

To scale the effect, again click on the layer with the small text and right-click on it. Scale effects (Effects of layer effects …).

Zoom out as shown in the image below.

Step 3

Create a new layer, on top of the previous ones, name it “Light”. Change the main background color to # e5dfc9.

Using tool Brush tool (B) (Brush tool), add white dots at the tips of the letters. The brush is round, soft, the size of 20 for large, and for small text 10 pix.

Choose a tool Smudge tool (R) (Finger tool), Strength (Intensity) 70%, the dimensions are the same as for the brush, respectively. “Spread” the white dots along the outline of the letters, as shown below.

How it should turn out, see below.

Step 4

Double click on the “Light” layer to open the Layer Style. Select Outer glow (Outer Glow), change the blending mode to Linear light (Linear light).

Select Inner glow (Inner Glow), change the blending mode to Hard light (Hard Light), Color at # ffff00, Size expose 8 pix.

What happens when you add a style.

Step 5

At this stage we will add bright colors. Create a new layer above the previous ones, name it “Color”. Using tool Brush tool (B) (Tool “Brush”), brush soft, size 60px, draw multi-colored dots throughout the text. Use pale colors like # e6631b, # 00f4fd, and # 9f1e6b. But do not fill the whole space.

It should work as shown below.

Change the blending mode of the layer to Overlay (Overlap).

Step 6

For further action, we will have to create a pattern. Create a new document with a size of 5 by 5 pixels, with a transparent background.

Select Rectangular marquee tool (M) (Tool “Rectangular area”), in the settings tool set Add to selection (Add to selected area). Create 5 squares diagonally, maximize the image for convenience.

Fill the selection with black, click on the keyboard Ctrl + D, to remove the selection.

Create a new pattern using the menu. Edit – Define Pattern (Editing – Define a pattern), name it “Diagonal Line”.

Step 7

We return to the first document with the text. Create a new layer above the text, but below the “Light” layer, name the new layer “Lines”. Set the primary color to # e8641b, the background color to # ffd200.

Open up Window – Brush (Window – Brush), select Dry brush, 39 pix. size Change the settings according to the image below.

Brush tip shape (Brush print form)

Shape dynamics (Dynamics of the form)

Scattering (Scattering)

Texture (Texture)
Use the texture we created earlier.

Color Dynamics (Color dynamics)

With this we have prepared a brush.

Step 8

Right click on the text layer and select Create Work Path (Create a work path).

Select the “Lines” layer, select the tool Direct selection tool (A) (Arrow tool), right-click on the contour and select Stroke path (Outline the contour …).

On the menu Tool (Tool) select Brush(Brush) make active the function Simulate pressure (Simulate pressure).

Thus, we will create a contour around the letters using a modified brush. Click Enter, to remove the outline. Repeat this step for the rest of the text.

Change the Opacity of the “Lines” layer, for example, to 30%, depending on your desire.

At this stage you can finish the lesson, but if you wish, you can continue by adding shine.

Step 9

Duplicate both layers with text and place duplicates between the “Light” and “Color” layers. Right-click on the layers with the text and delete the layer styles. Clear layer style (Clear layer style).

Take away Fill (Fill) to 0%.

Double-click on the layer with large text to open the Layer Style window. Select Bevel and Emboss (Embossed): Depth (Depth) 430%, Size (Size) 10 pixels., Uncheck the box opposite. Use Global Light (Global coverage), Angle (Angle) 98, Altitude (Height) 53, turn on Anti-aliased (Smoothing), Highlight mode (Backlight mode) – Pin light (Spot Light), Color # f4f3e6, Shadow mode (Shadow mode) Opacity 0%.

Contour (Contour): turn on Anti-aliased (Smoothing).

Copy the layer style and paste the style into the layer with small text, changing in the settings Bevel and Emboss (Embossed): Size (Size) by 7 pixels.

Adding a beautiful glossy effect, we gave the text more gloss and shine.

Now it’s done! We hope that our joint efforts were not in vain, and you have learned something new!

Author: textuts

Like this post? Please share to your friends: