Materials for the lesson:
Step 1. Creating the background
Go to menu File > New (File> New) and create a new 600 x 200px document with a white background. Look at the image below if you are not sure about the settings.
Now let’s create a gradient for the background. In fact, this is the gradient that will be used for the text effect. It is just well suited for the background. 1. – Select a tool Gradient tool (Gradient), 2 – Click on the gradient and the gradient editing window will open.
1 – Create a new gradient using the settings shown in the image below.
2- Press the button New (New) and give it a suitable name.
3- A new gradient will appear in the gradient library.
Choose a tool gradient tool (Gradient) and then from the drop down menu (1), select the gradient we just created (2). Highlight parameter ANGLE GRADIENT (Conical gradient) (3).
Look at the image below to see how to apply the gradient. Place the cross on top of the left corner of the image and pull to the right.
It is very important to start (point 1) the gradient from the very top of the left corner of the image or even outside the image, but not inside of it, otherwise it will not look very good.
Since we use the parameter ANGLE GRADIENT (Conical gradient), it doesn’t matter where you release the mouse (point 2) while drawing a horizontal line.
You should get the same result:
Step 2. Preparing the text
This step involves much more than typing text. You will need to create a layer for each letter of the word. As we will use Layer styles (Layer styles), and each letter will have its own style. Before you begin, download the Disco Deck font font and install it into your system.
After installing the font, select the tool Text tool (Text), font size 150 px and type the letter C.
Press CTRL + Enter to deactivate the tool. Select tool again Text tool (Text), and a new text layer will appear. Type the letter R and again deactivate the tool by pressing CTRL + Enter. Do the same thing until you have all five letters on different text layers:
Now we will correct the letters to partially give them the appearance of the final effect.
It is incredibly easy. Take only the tool MOVE tool (Move tool), check the box next to the option AUTO SELECT (automatic selection) and draw each letter closer to the other, and block them as much as you like.
Step 3. Create and apply the Paper Effect layer style.
To achieve the effect of shaded paper, we will create one Layer style (Layer style) and apply it to each letter. Since the shape of the letters is different, we will change the shadow effect for each. Go to the layers palette and select the layer with the letter C. Then open GRADIENT OVERLAY (Overlay gradient) in the submenu Layer effects (Effects layer).
Copy the following settings and leave the window open. Do not click yet OK. Do not forget to use the new gradient, which we have already created with you a few steps earlier:
Now click on the layer effect. DROP SHADOW (Shadow) and use the following settings. Leave the window open, do not click on Ok.
Click on option STYLES (Styles) at the top of the window, and then click on the button. NEW STYLE (New style) and give it a name. The style you just created will appear last in the style list. Now you can click OK to close the window. LAYER STYLES (Layer styles):
To apply a new layer to each letter, select the layer (1), and then click on the new style located in STYLES PALETTE (style palette) (2).
Repeat the same for each letter. Do not pay attention to the result. It will not look right, but we will deal with it later. You will end up with something similar:
Step 4. Making the final touches to the paper effect
Although the effect is complete, the artificial paper cuts do not look right. Let’s fix it. Go to LAYERS PALETTE (Layers palette), select the layer with the letter R and click on the small arrow to the right (1). All effects of this text layer are displayed. Double click effect GRADIENT OVERLAY (Overlay gradient) (2). A window will open LAYER STYLES (Layer styles) showing settings GRADIENT OVERLAY (Gradient overlay).
Move the window LAYER STYLE (layer style) so that you can see the letter R. You should do this because you can edit the position of the gradient of the letter R only when the window is open LAYER STYLE (layer style).
First, enter the value Angle (corner) in the window Gradient overlay (Gradient overlays) -90 degrees, or you can also pull the “switch” until you see that the indicator is set to – 90 degrees. Do not close the layer style window yet.
You will see how the gradient of the letter R has changed its direction, that it is vertical, not horizontal. In the next step, we will place the gradient a bit to the left to make it look better.
You still have a window open. LAYER STYLES (Layer styles). If not, then open it, as explained a couple of steps earlier. Now look at the top of the screen and you will see a message that says Click and drag to reposition the gradient (Click and drag to move the gradient). This means that while you have a window open LAYER STYLES (layer styles), you can precisely press and draw the gradient of the letter R and move it to your liking.
When you’re done, close the window. LAYER STYLES (Layer styles). Your image should now look like this:
To achieve the desired result, you should continue to adjust the remaining gradients until they look like the final result. Look at the image below to see the outline of the changes you should make:
Step 5. Add some color.
The effect is complete. Since each letter has its own Layer style (layer style), you can change the color of the gradient to whatever you want. Let’s do something simple. Create a new layer above all layers. 1 – Select the last layer (in this example, the last T). 2 – Click on the icon ADJUSTMENT LAYER (Adjustment layer) and select SOLID COLOR (Colour). 3 – A new fill layer will be created and at the same time a color selection window will open.
Choose a color. Any color you want. You can then change it. In this case, we used color # FFA200. Click OK, and the layer will be filled with the selected color.
After that, go to the layers palette and from the drop-down menu. BLENDING MODES (blending modes) (1), select SOFT LIGHT (soft light) (2).
Done! Here is the complete effect of paper text. Try it with different fonts and colors.
Posted by: NickN