PS Tutorial: Design Fashion Reflective Stereo text

Source: Internet
Author: User
Tags filter final reflection
PS Tutorial: Design Stylish reflective stereo text, graphic tutorials.

In this tutorial we will design a cool retro text effect, which is becoming more and more popular in today's design world. Today you'll learn how to use perspective tools to create the effect of depth of view, and how designers are using the default gradient in an unusual way.

Final Effect Preview

Before we start, let's take a look at the picture we're going to create.

Step 1

Before you begin, you will need to download this font seqa, which comes from the Dafont website. Finish downloading it, and then open Photoshop after installation.

The first step is fast and simple. Fills the background layer with black and renames the background. Enter the text, preferably the whole looks like a square, as shown below. Make sure the text is left-aligned. Now you have a black background layer and a text layer. In my case, I used 100pt to enter the PSD section and to enter the Tuts text section with 72pt, and to match them in width.

Step 2

Open the character panel, set the font color to #e59710, and then use ctrl+t, or font size to change the size of the font,

Now let's change the word spacing, put the mouse between P and S, set the word spacing to-55, so that we get a pretty good word spacing of two characters. Then place the mouse between S and D and set the word spacing to-40

Step 3

Now, we're going to style the text and think about the second step, we want a nice golden text, and there's an obvious edge and a slightly tilted 3D look. So, we need to use an external tilt to get the scene deep, and a little inner shadow and a highlighted gradient.

Now we highlight the tilt, we will use an inner glow, but in the screenshot below we are arranged in reverse order. I usually take the first step to add a gradient, then tilt, then use the glow and shadow.

Step 4

It's time to use the perspective tool, first you will have to delete the layer, so duplicate the text layer, and then add another layer on the duplicate layer, now select your copy of the text layer and your empty layer, and then use Ctrl+e to flatten the two layers. This way not only to delete the layer, do not delete the layer style.

Now through editing--> transform--> perspective to create a scene deep.

Step 5

Copy the distorted text two times, create a folder, put the three layers into this folder, and name the folder "text", and then name the three text layers as "front" (upper) "Mid" (middle) "back" (next).

Use the upper and lower arrows on the keyboard to move the mid back layer to the right, as shown in the following illustration. As you can see, the mid layer is closer to the "front", and the "back" layer is a little farther from the "front" layer.

Step 6

Select the mid layer, set its fill to 0%, double-click the mid layer, open the Layer style panel, and set the gradient overlay, as shown in the figure.

Step 7

Create a new layer above the "front" layer, name it "Chrome Grad," And now hold down CTRL and click on the front layer to get the text layer selection, select the Gradient tool, open the gradient editor, as shown in the following image, select this "Chrome" gradient and return to the layers panel Select the "Chrome Grad" layer, pull a gradient from top left to bottom in the selection, and finally select the layer blending mode as soft light.

Step 8

Create a new folder and name it "soft flares". Now if the layer is in the "Text" folder, drag it outside. Then create a new layer in the soft flares folder, named "Highlight Flare." Fill the layer with black, and then use the filter--> to render the--> lens flare. Choose a lens type of 100mm focus and 100% brightness.

To locate the high light you want, I put it on the s text of the tuts text and change the layer blending mode to soft light. Use the same method to place a high light effect between the P and S of the PSD.

Use the layer mask on the copied layer because you have two overlapping black layers. The layer mask causes the text to be highlighted in brightness. Next, I have a black brush filled in the transparent area to reveal our rotation and adjust the flare.

Step 9

Now as you can see in the final screenshot of the screen, create a new folder "Psdtuts" and put the "text" "Soft flares" folder into it, let's add a reflection. Copy the "pdstuts" folder and delete it as we did before (create a new layer, select the two layers, then use ctrl+e) and name it "reflection."

Use the commands in edit--> transform to look like this and place them below the "psdtuts" folder. Add a layer mask to it, and then use a gradient fill mask from black to white to create a nice fade.

Step 10

Create a new layer between the "reflection" layer and the "psdtuts" folder, name it "flare front," Fill it with black, and then use the filter--> to render the--> lens flare and select 50-300 mm zoom and 100% brightness. Place it in a nice position and set its blending mode to linear dodge (add).

Step 11

Copy the flare front layer, set the blending mode to the screen, and next, move it to the "psdtuts" folder and place it behind the text. Named "Flare back."

Step 12

Creates a new file with a size of 40*20px, selects the left half of the file with the rectangular marquee tool, and fills the black. Next, use the edit--> definition pattern to define a pattern and name the pattern.

Step 13

Close this file and return to the original file. Create a new layer on top of the background layer, and then use edit--> fill to select the pattern you just made to fill it. Set its fill to 0%, and then we double-click it, open the Layer style panel, add the color overlay, the value is #dd04ad, and the transparency is 64%.


Press Ctrl+t to rotate the stripe layer 90 degrees. Then use the Edit--> transform--> perspective. The effect is shown in the following illustration.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.