Stylish retro effect

In this tutorial, you will learn how to create a stylish effect for a font, using a simple series of tools and filters.

Step 1. Font Sega
Before you begin this lesson, I suggest you download and install the SEGA font (if you have difficulty installing, see the “Installing Add-ons” section).

Now we will start. Create a document of size 800×800 pixels. and resolution 72 ppi. Fill the layer with black (Alt +Del) and rename to background ». Choose a tool Horizontal Type (horizontal font type).

Font that you downloaded earlier, in two lines write the text in white. Select the font size so that the lines of text more or less resemble a square. Make sure your text is aligned to the left. In his example, the author used the font size: 100pt for PSD and 72pt for tuts.

Step 2. Intersymbol Distance
Now we need to convert the text, make it more compact.
To begin, change the text color to # e59710. This color will help us to further get the effect of gold.
Next, apply a transformation to the text (Ctrl +T), maximize the text in the document. After it, the size of my text became 280pt for the top row and 194.4pt for the bottom.

Open the palette Character (Symbol) Window – Character (Window-Symbol). In the line that is under Text Size » (Text size) we will select the distance between the characters. Place the cursor between P and S, Kerning (distance between characters) set to -55. Place the cursor between S and D, Kerning on -40

Step 3. Styling text
In this step, we will achieve the effect of gold, a 3D effect.
Layer – Layer Style –Inner Shadow (Layer – Layer Style – Inner Shadow):
The blend mode is multiplication; opacity – 75%, angle – 120, offset – 1px., pull – 0%, size – 5px.

Layer – Layer Style – Inner Glow (Internal glow):
The blend mode is normal, the opacity is 75%, the method is soft, the source is at the edges, 45% is contracted, and the size is 5 pixels.

Layer – Layer Style – Bevel / Emboss (Emboss / bevel):
Style – internal bevel, method – smooth, depth – 1000%, size – 2 pixels, softening – 0%, default settings.

Layer – Layer Style – Gradient overlay (gradient overlay):
Blend mode – clarification, opacity – 68%, style – linear, angle – 120, scale – 131%.

Step 4. Change prospects
Create a copy of the font layer (in case the final result does not suit you, so as not to start from scratch). Now rasterize the layer. To do this: make sure that you have the top layer active, create a new layer using the cursor and Shift make both layers active on the layers palette. Click Ctrl + E. The author of the lesson claims that this method is indispensable for rasterizing text, because if you rasterize a text layer through the menu Layer, then the layer style will apply to flat distortion.

Now apply Edit – Transform – Perspective (Editing – Transformation – Perspective) Place the cursor on the top right node and, holding down the left mouse button, move the node up.
You can also move the left knot to achieve a greater depth effect.
Now Ctrl +T, using transformation, reduce the size of the text layer to get rid of the blurred edges.

Step 5. Create the group layers “Text”
On the Layers panel, click. “Create a new group” (Create a new group). Place a distorted text layer in this group. Create two copies of this layer. Rename them top to bottom: front, mid, back.

Using the arrows on the keyboard, move the middle and bottom layers to the right, focusing on the screenshot. Note that the middle layer is located closer to the front layer. front.

Step 6. Transform the middle layer
Make the middle layer active mid with text. Lower level Fill fills up 0%.
Layer – Layer style – Gradient overlay (Layer – Layer Style – Overlay Gradient): Adjust the gradient from# 008aff to transparent:

Click on bottom left slider, set Color – # 008aff, click on top right slider, set Opacity (Opacity) – 0%.

Step 7. Chrome gradient.
Before the front layer, create a new layer and rename it to chrome grad.
Ctrl + click on layer miniature front “, to get the selection layer. Make sure you have a layer active. chrome grad. Choose a tool Gradient. Open the gradient settings, next to the gradient thumbnails, click the black triangle. In the drop-down menu, select the command Reset gradients (Restore Gradients). Select the fourth gradient from the end “Chrome”. Draw a gradient line from the upper left corner to the lower right corner of the selection. Change Blanding Mode (Blend Mode) on Soft Light (Soft light)

Step 8. Layer group “soft flares
At this text conversion, we finish and deal with the details.
Create a new layer group and rename it to soft flares. Inside the group, create a layer and rename it to highlight flare. Click D, to restore the colors, then Alt + Del (+Backspace) to fill the layer with black color.
Filter – Render – Lens Flare (Filter – Rendering – Blick):
Select 100mm Prime Lens (105mm (100mm) Prime), install Brightness (Brightness) on 100%.

The position for the flare, select at your discretion, the author chose the upper edge of the letter S ” at Tuts. Blanding Mode (Overlay mode) set to Soft light (Soft light).
Using this method, create another highlight on the new layer between the letters. P and S (do not forget about the Soft light for Blanding mode).
Or simply duplicate the layer and flip it vertically and horizontally.

Add to the top layer with a flare layer mask (layer mask) and using Eraser, mask the part of the layer (duplicate) so that the brightness of the text does not suffer (it can also affect the background elements that we add later).
Masked as in the example below.

Step 9. Create a reflection
Pay attention to the latest folder screenshot text “ and soft flares were placed in one folder psdtuts ».
Create a duplicate folder psdtuts » and rasterize the layers (as already done before – create a new layer, select the layers and execute the command Ctrl + E). Rename the resulting layer to reflection ».

Further Edit – Transform – Flip Vertical (Edit – Transform – Flip Vertically). Using the tool Move (move) place a layer reflection » under the original text.
Next action: Edit – Transform – Skew (Edit – Transform – Tilt (Bevel)) for the same layer (since we need the letters “T” in the text and reflection were on the same vertical line). Click on the left middle node of the “transformation frame” and, without releasing the mouse button, pull up.

Add to layer reflection » layer mask Choose a tool Gradient “ (linear, black to white), making sure the mask is active, draw a gradient line from bottom to top.

Step 10. Glare in the foreground
Between the layer reflection » and folder psdtuts » create a new layer and rename it to flare front “. Fill the layer with black.
Filter – Render – Lens Flare (Filter – Rendering – Blick):
50-300mm Zoom (50-300 mm Zoom) 100% brightness.

It should be noted that the description of this step by the author is somewhat at odds with the image: in the filter, Lens Flare is selected Movie prime (the beginning of the video).
Change blending mode to Linear Dodge (Linear Dodge).

Step 11. Glare in the background
Create a duplicate layer flare front “, change the blending mode to Screen (Lightening (screen)). Move the layer on the layers panel under “psdtuts”, i.e. behind the text and rename to Flare back.

Step 12. Creating a pattern
Create a new document (Ctrl +N), size 40×2 pix. Tool Rectangular Selection(rectangular selection) select exactly half of the document and fill the selection with black color. Further Edit – Define Pattern (Edit – Define the pattern), give the pattern a name polosa.

Step 13. Pattern in the background
Close this document and return to the main one. Make the layer active “Background”. Create a new layer. EditFill (Edit – Run Fill). Select Pattern (pattern), among the patterns, select the newly created, blend mode Screen. Set to Fill (fill) equal 0%.
Layer – Layer Style – Color Overlay (Layer – Layer Style – Color Overlay):
#dd04ad, blending mode Overlay (overlap) Opacity (opacity) 64%.

Conclusion:
Run the command Ctrl +T, resize and rotate the image to 90o. Click “Enter”.
Edit – Transform – Perspective (Edit – Transformation – Perspective). Click the mouse on the top right node and, while holding Shift, pull down. This will narrow the right side, creating a deletion effect.
On the left side, hold Shift, move the top node.
We get the effect – the text is partially on the lines.

P.S. Personally, my opinion is that the author of the lesson did not succeed in perspective.
To get the removal effect, you need to further narrow the upper side of the perspective, and expand the lower side – to expand.

Author: Arik

Like this post? Please share to your friends: