Create a 3D sticker with text in Photoshop

The effect of creating a 3D sticker is very light and simple, while the effect is really beautiful and useful. In this tutorial, I will show you how to create text as a 3D sticker using smart objects and layer styles. So let’s get started!

Final result

1. Create a background

Step 1

Create a new document with the following dimensions 770 x 490px. Set the foreground color to # 3f797d, and the background color to # 80b2bb, select the tool Gradient (Gradient Tool), in the settings of this tool, select Linear gradient (Linear Gradient). Next, pull the gradient from the bottom upwards, creating a gradient background.

Next, go Convert to smart filters (Filter> Convert for Smart Filters).

Step 2

Double click on the background layer to apply the layer style. Overlapping pattern (Pattern Overlay). Apply the following settings:

Blend mode (Blend Mode): Soft light (Soft Light)
Pattern (Pattern): Concrete Wall Texture

So, we created the background, applying styling.

2. Create text

Step 1

Create text, Alba text font, 120pt font size, black text color.

Step 2

Duplicate the text layer. Name the original text layer. Stroke (Stroke), and name the duplicate layer Text (Text).

Step 3

Double click on the layer Stroke(Stroke) to apply layer style Stroke(Stroke). Apply the following settings:

The size(Size): 14
Colour(Color): #dcdcdc

Step four

So we add an outer stroke to the text. Make sure that there is no empty space between the letters. If there are empty areas between letters, then double-click on the layer again to increase the stroke size. Increase the stroke size until there is an empty space between the letters.

Step 5

Right click on each layer we created (layer Stroke (Stroke) and layer Text (Text), and in the window that appears, select the option Convert to smart object (Convert to Smart Object).

Duplicate layer Text (Text). To duplicate a layer, decrease the value Fillings (Fill) to 0.

Step 6

Duplicate duplicate 1 layer Text (Text) and also duplicate the layer Stroke (Stroke). For duplicate layer Stroke (Stroke), reduce the value Fillings (Fill) to 0, place this duplicate layer on top of all layers.

3. Apply styling to the Stroke layer.

Double click on the layer Stroke (Stroke) to apply the following layer styles:

Step 1

Add a layer style Stamping (Bevel and Emboss). Apply the following settings:

The size (Size): 10
Uncheck the box Global coverage (Global Light)
Angle(Angle): 79
Height(Altitude): 37
Tick ​​in the box Smoothing (Anti-aliased)
Shadow Mode (Shadow Mode) – Color: # 2f959d

Step 2

Next, add a layer style. Inner shadow (Inner Shadow) with the following settings:

Bias (Distance): 0
Tightening(Choke): 30
The size (Size): 3

Step 3

Next, add a layer style. Shadow (Drop Shadow) with the following settings:

Opacity (Opacity): 47%
Bias (Distance): 5
The size(Size): 6

So, we added styling to the bottom layer with a stroke.

4. Apply styling to the original text layer (Text)

Double click on the original layer. Text (Text) to apply the following layer styles:

Step one

Add a layer style Stamping (Bevel and Emboss). Apply the following settings:

The size (Size): 7
Uncheck the box Global coverage (Global Light)
Angle (Angle): 117
Height (Altitude): 69
Tick ​​in the box Smoothing (Anti-aliased)

Step 2

Next, add a layer style. Inner shadow (Inner Shadow) with the following settings:

Opacity (Opacity): 35%
Bias(Distance): 0
The size (Size): 5

Step 3

Next, add a layer style. Color overlay (Color Overlay) with the following settings:

Colour(Color): # ea326e

Here you can choose the color of the text on the sticker, therefore, you can use any color shade at your discretion.

So, we have added styling to the main text layer.

5. Apply styling to duplicate 1 layer of text (Text)

Double click on the first duplicate of the text layer to apply the following layer styles:

Step one

Add a layer style Stamping (Bevel and Emboss). Apply the following settings:

The size (Size): 5
Uncheck the box Global coverage (Global Light)
Angle (Angle): 0
Height (Altitude): 69
Tick ​​in the box Smoothing (Anti-aliased)
Shadow Mode (Shadow Mode) – Opacity (Opacity): 25%

Step 2

Next, add a layer style. Circuit (Contour) with the following settings:

Just tick the box Smoothing (Anti-aliased).

Thus, we have enhanced the gloss effect.

6. Apply styling to duplicate 2 layers of text (Text)

Double-click on the second duplicate of the text layer to apply the following layer styles:

Step one

Add a layer style Stamping (Bevel and Emboss). Apply the following settings:

Style (Style): External bevel (Outer Bevel)
The size (Size): 7
Uncheck the box Global coverage (Global Light)
Angle (Angle): 117
Height (Altitude): 69
Tick ​​in the box Smoothing (Anti-aliased)
Backlight Mode (Highlight Mode) – Opacity (Opacity): 100%
Shadow Mode (Shadow Mode) – Opacity (Opacity): 100%

Step 2

Next, add a layer style. Gradient overlay (Gradient Overlay) with the following settings:

Blend mode (Blend Mode): Soft light (Soft Light)
Opacity (Opacity): 30%

So, we have added an outer stroke to the inside of the text, creating a 3D effect.

7. Apply styling to the topmost stroke layer (Stroke)

Double click on duplicate layer Stroke (Stroke) to apply the following layer styles:

Step one

Add a layer style Stamping (Bevel and Emboss). Apply the following settings:

The size (Size): 3
Softening (Soften): 2
Uncheck the box Global coverage (Global Light)
Angle (Angle): -153
Height (Altitude): 69
Tick ​​in the box Smoothing (Anti-aliased)
Backlight Mode (Highlight Mode): Bright light (Vivid Light)

Step 2

Next, add a layer style. Circuit (Contour) with the following settings:

Just tick the box Smoothing (Anti-aliased).

So, we applied styling to the final layer.

Congratulations! We have completed the lesson.

In this tutorial, we just created a background, and also created a couple of layers with a stroke and text that we transformed into smart objects.

Next, we applied styling to the layers using a large number of layer styles, as well as creating a glossy 3D sticker with text.

Final result

Download the archive with materials for the lesson

Like this post? Please share to your friends: