Create text from plastic in Photoshop

?With a few layer styles, you can achieve a more detailed 3D effect. In this tutorial, I will show you how to create beautiful plastic text in Adobe Photoshop using layer styles, filters, textures, and adjustment layers. Let’s get started!

The final result:

To load the outlines that were used in the lesson, go Editing – Sets – Set Management (Edit> Presets> Preset Manager), and in the pop-up window in the drop-down menu Type of sets (Preset Type) set the parameter Contours (Contours). Next, click the small arrow to the right of the dropdown menu. Type of sets (Preset Type), and then at the very bottom of the window that appears, select the option Contours (Contours).

When the dialog box appears, just click To add (Append), so you add the contours. You will also need to load the default Photoshop gradient set. So go Editing – Sets – Set Management (Edit> Presets> Preset Manager), and in the window that appears, in the drop-down menu Type of sets (Preset Type), set the parameter Gradients (Gradients). Next, click the small arrow to the right of the dropdown menu. Type of sets (Preset Type), and then in the window that appears, select the option Harmonized colors 1 (Color Harmonies 1). When the dialog box appears, just click To add (Append) this way you add gradients.

1. Create a background

Step 1

Create a new 900 x 675 px document in Adobe Photoshop. Set the foreground color to # 2c353c and the foreground color to # 191919. Choose a tool Gradient (Gradient Tool), set the gradient type Linear gradient (Linear Gradient), gradient colors from foreground color to background color.

Next, click + drag a gradient from the bottom left corner of the document to the top right corner to add a gradient to the background.

Step 2

Open the original texture 31. Place this texture on top of the layer with Background (Background layer), rename the texture layer to layer Texture Background (Background Texture), change the blending mode for the texture layer to Multiplication (Multiply) and then we go Image – Correction – Discolor (Image> Adjustments> Desaturate).

2. Create text

Step 1

Create text using capital letters, Intrepid ExtraBold font, text color # e5eaec, font size 230 pt, Kerning (Kerning) Optic (Optical) and also set the value Tracking (Tracking) at 100.

Step 2

Duplicate the text layer four times and then decrease the value. Fillings (Fill) for the last three duplicates of the layer to 0.

3. Create layers with a stroke.

Step 1

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

  • The size (Size): 10
  • Colour (Color): # 7e7e7e

Step 2

So we applied the outer stroke to the original text layer.

Step 3

Duplicate the original text layer. Name the duplicate layer Stroke 1 (Stroke 1), then right-click on the layer and in the appeared window select the option Rasterize Layer Style (Rasterize Layer Style), and then decrease the value Fillings (Fill) to 0.

For versions below CS6, you need to group a duplicate layer, to do this, go Layer – Group Layers (Layer> Group Layers), name the new group Stroke 1 (Stroke 1) and then go Layer – Merge Group (Layer> Merge Group) and finally decrease the value Fillings (Fill) to 0.

Duplicate layer Stroke 1 (Stroke 1), name the duplicate layer Stroke 2 (Stroke 2), move this duplicate layer down, placing it below the original text layer.

4. Apply styling to the main layer with a stroke.

Double click on the original text layer to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 5
  • Style (Style): Embossing (Stroke Emboss)
  • Gloss contour (Gloss Contour): Cone – Asymmetrical
  • Opacity (Opacity): 100%
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

  • Circuit (Contour): Half Round
  • Tick ​​in the box Smoothing (Anti-aliased).

Step 3

So we applied styling to the first layer with a stroke.

5. Apply styling to the top layer with a stroke.

Double click on the layer Stroke 1, to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 2
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Shadow mode (Shadow Mode) – Color: # 676767

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

  • Circuit (Contour): Cone – Inverted
  • Tick ​​in the box Smoothing (Anti-aliased).

Step 3

Add a layer style Gradient overlay (Gradient Overlay). Apply the following values:

  • Blend mode (Blend Mode): Soft light (Soft Light)
  • Opacity (Opacity): 51%
  • Style (Style): Mirror (Reflected)
  • Select gradient stove pipe 150

Step 4

Thus, we applied styling to the second layer with a stroke.

6. Apply a shadow layer style.

Step 1

Double click on the layer Stroke 2, to apply a layer style Shadow (Drop Shadow).

Apply the following values:

  • Bias (Distance): 15
  • The size (Size): 7

Step 2

So we added a shadow to the bottom layer with a stroke.

7. Apply styling to the first duplicate of the text layer.

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

Step 1

Add a layer style Stroke (Stroke). Apply the following values:

  • The size (Size): 1
  • Stroke Type (Fill Type): Gradient (Gradient)
  • Style (Style): Mirror (Reflected)
  • Angle (Angle): 90
  • Select gradient steel pipe 60

Step 2

Add a layer style Inner Shadow (Inner Shadow). Apply the following values:

  • Blend mode (Blend Mode): Normal (Normal)
  • Colour: # 2c6c99
  • Opacity (Opacity): 100%
  • Bias (Distance): 0
  • The size (Size): 18

Step 3

Add a layer style Shadow (Drop Shadow). Apply the following values:

  • Bias (Distance): 17
  • The size (Size): 9

Step 4

Thus, we applied internal color styling to the first text layer. You can use any color shade at your discretion, to do this, simply change the color shade in the layer style settings Inner Shadow (Inner Shadow).

8. Apply styling to the second duplicate of the text layer.

Double click on the second duplicate of the text layer., to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • Depth (Depth): 297
  • The size (Size): 35
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): 108
  • Height (Altitude): 42
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Opacity (Opacity): 64%
  • Shadow mode (Shadow Mode) – Opacity (Opacity): 0%

Click on the window Gloss contour (Gloss Contour) to create a contour that is shown in the screenshot below. All you need to do is double-click along the entire curve to add control points. Next, for each checkpoint, apply Input (Input) and Weekends (Output) values, and also put a tick in the box Angle (Corner).

Values ​​that were used for two points:

  • Point – Login – Logout (Point – Input – Output)
  • Top point (Upper Point) – 71 – 72
  • Bottom point (Lower Point) – 42 – 34

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

  • Circuit (Contour): Cone – Deep
  • Tick ​​in the box Smoothing (Anti-aliased).

Step 3

Add a layer style Stroke (Stroke). Apply the following values:

  • The size (Size): 1
  • Type of strokes (Fill Type): Gradient (Gradient)
  • Style (Style): Linear (Linear)
  • Angle (Angle): 90
  • Select gradient stove pipe 155b

Step 4

So we added a gloss / gloss effect to the first layer.

9. Apply styling to the third duplicate of the text layer.

Double click on the third duplicate of the text layer., to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 21
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): 53
  • Height (Altitude): 64
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Mode the shadows (Shadow Mode) – Opacity (Opacity): 24%

Step 2

For layer style Circuit (Contour), just put a tick in the box Smoothing (Anti-aliased).

Step 3

So we added another gloss effect layer.

10. Apply styling to the fourth duplicate of the text layer.

Double click on the fourth duplicate of the text layer., to apply the following layer styles.

Step 1

Add a layer style Stamping (Bevel and Emboss). Set the following settings for this style:

  • The size (Size): 21
  • Uncheck the box Global coverage (Use Global Light)
  • Angle (Angle): 108
  • Height (Altitude): 74
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)
  • Mode the shadows (Shadow Mode) – Opacity (Opacity): 0%

Step 2

Add a layer style Circuit (Contour). Set the following settings for this style:

  • Circuit (Contour): Log
  • Tick ​​in the box Smoothing (Anti-aliased).

Step 3

So we added the last layer with a gloss effect.

11. Create text texture

Step 1

Set the foreground and background color to black and white, create a new layer on top of all other layers. Name this layer Texture text (Text Texture), and then we go Filter – Rendering – Clouds (Filter> Render> Clouds).

Step 2

Next, go Filter – Gallery of filters – Strokes – Accent on edges (Filter> Filter Gallery> Brush Strokes> Accented Edges). Install Width edges (Edge Width) by 2, Brightness edges (Edge Brightness) at 38, and Softening (Smoothness) on 5.

Step 3

So we created a simple texture.

Step 4

Change the blending mode for the layer Text texture (Text Texture) on Soft light (Soft Light).

Step 5

Hold down (Ctrl) and click on the thumbnail of the text layer to load the active selection.

Step 6

Being on a layer Text texture (Text Texture), click Add layer mask (Add layer mask) at the bottom of the layers panel to add a mask.

12. Change the text color.

Step 1

Press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and in the appeared window select the option Hue / Saturation (Hue / Saturation).

Step 2

Click icon Attach to layer (Clip to layer), and also put a tick in the box Toning (Colorize). Change the value Color tone (Hue) at 200.

Step 3

Change the blending mode for the adjustment layer. Hue / Saturation (Hue / Saturation) on Soft light (Soft Light).

13. Add water spray to the background.

Step 1

Choose a tool Brush (Brush Tool), in the settings, set one of the brushes Water Spray. Set the foreground color to # e8ecef, create a new layer on top of the layer Texture Background (Background Texture). Name this layer Spray (Splash) and then set the size of the brush that you like. Click the brush to add a splatter effect behind the text.

Step 2

Double click on the spray layer to apply the following layer styles:

Add a Stamping (Bevel and Emboss). Set the following settings for this style:

  • Gloss contour (Gloss Contour): Ring
  • Tick ​​in the box Smoothing (Anti-aliased)
  • Mode backlight (Highlight Mode): Bright shine (Vivid Light)

Step 3

Add a layer style Circuit (Contour). Set the following settings for this style:

  • Circuit (Contour): Half Round
  • Tick ​​in the box Smoothing (Anti-aliased).

Step 4

Change the blending mode for the spray layer to Bright light (Vivid Light), and also reduce the value Fillings (Fill) up to 35%.

14. Add Spark / Final Color Correction

Step 1

Create a new layer on top of all other layers, name this layer. Sparks (Sparkles). Change the blending mode for this layer to Bright light (Vivid Light). Select one of the Sparkle / Glare brushes. Reduce brush size. Add a couple of highlights on the edges of some letters. You can change the angle of the brush in the settings panel, for this we go Window – Brush (Window> Brush).

Step 2

Press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) at the bottom of the layers panel and in the appeared window select the option Gradient map (Gradient Map).

Step 3

Set the gradient colors: orange, blue, magenta, yellow, and then change the blending mode for the adjustment layer Gradient map (Gradient Map) on Multiplication (Multiply) and also reduce Opacity (Opacity) layer up to 3%. The created effect is subtle, but it helps to enhance the colors of the final result.

Congratulations! We have completed the lesson!

In this tutorial, we created a simple background using a linear gradient and texture. Next, we added text, duplicated it, and applied different layer styles.

We applied a stroke effect to some layers, and also applied layer styles using various effects and values ​​to add gloss and shine and get a 3D look.

As soon as we finished styling the text layers, we applied simple filters to create a standard texture, which gave the effect a bit of dynamics.

In conclusion, we added a spatter effect to the background and applied styling to the splashes, then added light highlights to the edges of individual letters, and also applied a gradient overlay to enhance the color of the final result.

The final result:

Like this post? Please share to your friends: