Colorful text in Photoshop

In this tutorial, you will learn how to create a beautiful text effect using simple tools and layer styles.

Resources:
Archive
If you do not know how to load the outlines in Photoshop, you can see here.

Step 1

Set the primary color to # cecece and background color to # 949494. Activate the tool Gradient (Gradient Tool), and select Radial gradient (Radial Gradient) in the options bar. Then draw a radial gradient from the center of the document to one of the corners.

Move the metal texture into your document and place it above the background layer, and then change Blend mode (Blend Mode) on Darkening basics (Color Burn), and its Opacity (Opacity) up to 40%.

Step 2

Write the text in capital letters using the color # f4edd2. The font used in the Tondu tutorial is 300 pixels.

Duplicate the text layer (Ctrl + J). We will use the first layer of text to create a stroke, and the second to create the main effect.

Step 3

Double click on the original text layer to add the following Layer styles (Layer Style).

Shadow (Drop Shadow): Change the color to # 979797 and Distance (distance) to 38.

Stamping (Bevel and Emboss): Change the Style (Style): Emboss Embossing (Stroke Emboss), Depth (Depth): 755, Size (Size): 4, Contour (Gloss Contour): Inverted Cone (Cone – Inverted), and also set tick Anti-aliased.

We need a stroke with a stamping effect, for this we need to add a stroke and change the settings a bit to see the effect of the stamping.

Stroke (Stroke): Change the Size: to 5, Position: Outside, and change the color to # f4efde. Now you can see the stroke with the emboss effect.

This is what you should get. Note that the distance value Shadow (Drop Shadow) is quite large, which means that the shadow will be far away from the text. That’s why we used a text layer to create a stroke, as this will make sure that the shadow is filled, and not empty in the middle.

Step 4

Now we are going to create a simple template. So create a new document (Ctrl + N) 5 x 5 pixels. with white background. Then select the tool Rectangular area (Rectangular Marquee Tool) and click Add to selection in the settings panel.
Create 1 x 1 pix. squares on the diagonal of the document, as shown below.

Fill the selection with black and press Ctrl + D to get rid of the selection.

Let’s go to Edit-> Define Pattern (Edit-> Define Pattern) and enter a name for the pattern.

Step 5

Go back to the original document, double click on the copy of the text layer to apply the following Layer styles (Layer Style).

Shadow (Drop Shadow): Change the color to # 797979, Distance (4), and Size (Size) to 7.

Inner shadow (Inner Shadow): Change the color to # 606060, the Distance to 0, and the Size to 15.

External glow (Outer Glow): Change Blend Mode (Blend Mode) to Multiplication (Multiply), and color at # 9c9696.

Internal glow (Inner Glow): Change Blend Mode (Blend Mode) to Multiplication (Multiply), and color to # d1d1d1.

Both glow effects are used to activate shadow effects by changing their Blend Mode (Blend Mode) to Multiplication (Multiply).

Stamping (Bevel and Emboss): Change Size (Size) to 25, and Shadow Mode (Shadow Mode) color # d1cdb8.

Texture (Texture): Select the diagonal line pattern created in the previous step, and change the Depth to 5. You can increase the depth value if you want the diagonal lines to be clearer.

This is what should happen.

Step 6

Hold down the Ctrl key and click on the text layer thumbnail (icon) to create a selection.

Next, we will fill and apply different values. Layer styles (Layer Style) for each letter separately. So let’s start with the first letter, create a new layer (Crtl + Shift + N) on top of all layers and name it the same name as the letter you will work with, and change Blend mode (Blend Mode) new layer on Multiplication (Multiply).

Choose a tool Rectangular area (Rectangular Marquee Tool) and click Intersection with the selected area (Intersect with selection) in the settings panel. Then, draw a selection around the letter with which you will work.

The letter will be highlighted separately.

Fill a letter with any color. Here, color is used # 4ea6d0.

Step 7

Double-click on the layer (in this case, “C”) to apply the following Layer Style.

Inner shadow (Inner Shadow): Choose a color that fits with the way the letter is filled in, the color used is # 74b6d4. Then change the Opacity to 100%, the Distance to 0, the Choke to 15, and the Size to 18.

Gradient overlay (Gradient Overlay): Change Blend mode (Blend Mode) on Soft Light (Soft Light), Style (Style) Radial (Radial), and Scale (Scale) by 150%. Then click the Gradient button to create a gradient.

For the gradient, we need two colors, the main color 070606 (it will be used with all the other colors), and the color on the left is any color that matches the color of the fill of the letters. You can try different colors and check the previews, then choose any color you like. The color used in the lesson # 9de0ff.

This will make the fill of letters more vivid.

Repeat the previous steps for each of the remaining letters. Select all the text (Ctrl + click on the thumbnail of the text layer), use the tool Rectangular area (Rectangular Marquee Tool) to separate one letter you want to work with, create a new layer (Ctrl + Shift + N) change the Blend Mode (Blend Mode) to Multiplication (Multiply), fill the selection with any color, apply Layer style (Layer Style) for a letter using the appropriate color for Inner shadow (Inner Shadow): both the gradient colors and you get bright colorful letters.

Step 8

Set the foreground color to # d7d0c0 and select the tool Line (Line Tool). Set the thickness to 7 pixels. in the settings panel, and also create new layers (Ctrl + Shift + N) under each letter, as shown below.

Double-click on the line shape layer to apply the following Layer styles (Layer Style):

Shadow (Drop Shadow): Change the color to # 979797 and uncheck Use Global Light to change the Angle without affecting the Angle value of other layer styles in the document. Then change the Angle to -145 and the Size to 38.

Inner shadow (Inner Shadow): Change the color to # 6a6a6, and the Distance to 0.

Stamping (Bevel and Emboss): Change the Highlight Mode to Highlight (Overlay).

Circuit (Contour): Use default values.

Texture (Texture): Use a diagonal line pattern and change the Depth to 50.

Color Overlay (Color Overlay): Select a color that matches the color of the letter. Here, color is used # 347c9e.

This is what should happen.

Step 9

Duplicate the layer with the line shape (Ctrl + J) and move the copy to the right in order to place it after the next letter.

Double-click on the copy layer to change Color Overlay (Color Overlay): New
color, which is combined with the color of the new letter. Here, the color is set to # e57e2e.

You can change the shape of the shape if you do not want to apply a color overlay, but using the style Color Overlay (Color Overlay) our ropes are better combined with letters.

Do the same for the rest of the letters.

That’s what we did. Hope you enjoyed this tutorial!

Like this post? Please share to your friends: