Create text in the form of a bubble film in Photoshop

In this tutorial, you will learn how to create text in a bubble film using simple patterns and several layer styles. Let’s start!

I was inspired to create this effect by the various layer styles available on the Envato Market.

1. Open the standard patterns.

You need to open two standard Photoshop patterns. To do this, go Edit – Presets – PresetManager (Editing – Sets – Set Management) and in the drop-down menu Preset Type (Type of set) choose Patterns (Patterns). Then click on the small arrow on the right side of the drop-down menu and select the Patterns and Nature Patterns sets. After that, a dialog box appears in which you need to click Append (Add).

2. Create a pattern

Step 1

Create a new document with a size of 70 x 41 pixels, with a resolution of 240 pixels / inch and a transparent background.

Then take Elliptical Marquee Tool (M) (Oval selection) and in the center of the document create a 32 x 32 pixel ring.

Step 2

Fill the selection with black and turn Select – Deselect (Selection – Deselect selection).

Step 3

Next, take Move Tool (V) (Move) and drop the circle so that half of the shape is hidden behind the bottom of the document.

Duplicate the circle three times and distribute copies to other sides of the document. Make sure that exactly half of the figure is hidden abroad, otherwise we may not have the desired effect.

Step 4

Move on Edit – Define Pattern (Edit – Determine the pattern), enter the name of the pattern and click OK.

3. Create a background

Step 1

Create a document with a size of 1204 x 870 pixels with a resolution of 72 pixels / inch.

Place the Sorensen Leather – Savanne-royal-30307 texture over the background layer, adjust its size based on how small or large you want to see the texture details, and call this layer Background Texture.

Step 2

Double-click the Background Texture layer to apply the layer styles:

Add ColorOverlay (Color overlay) with the following settings:

  • Color (Color): # e8e8e8
  • Blend Mode (Blend Mode): Color Burn (Blackout basics)
  • Opacity (Opacity): 50%

Step 3

Add Gradient Overlay (Gradient overlay) with the following settings:

  • Activate Dither (Dithering)
  • Blend Mode (Blend Mode): Multiply (Multiplication)
  • Style (Style): Radial (Radial)
  • Scale (Scale): 150%
  • Click on the window Gradient (Gradient) and choose gradient colors from # d8d8d7 to #ffffff

Step 4

Click on the plus icon next to the layer style Gradient Overlay (Overlay gradient) to create a copy of it, and customize:

  • Activate Dither (Dithering)
  • Blend Mode (Blend Mode): Overlay (Overlap)
  • Opacity (Opacity): 50%
  • Style (Style): Reflected (Mirror)
  • Angle (Angle): 30
  • Scale (Scale): 150%
  • Choosing a Chrome Gradient Circle.

Step 5

This will improve the texture of the skin and add a bit of brightness.

Duplicate the Background Texture layer, then right-click on the copy and select Convert to Smart Object (Convert to smart object).

Step 6

Move on Filter – Other – High Pass (Filter – Other – Color Contrast) and set Radius (Radius) by 10.

Step 7

Set the blending mode of the copy of the Background Texture layer to Overlay (Overlap) to make the texture details clearer.

4. Create text and stroke.

Step 1

Font Palamecia Titiling write the text, set the white color and size 250 pt.

If you are writing more than one line of text, set the parameter Leading (Interlaying) approximately 220 pt.

Step 2

Duplicate the text twice; the first copy is called Bubbles, and the second is Stroke.

Step 3

Install Fill (Fill) layer Bubbles to 0.

Step 4

Click the right button on the Stroke layer and select Convert to Smart Object (Convert to smart object), then set Fill (Fill) to 0.

5. Stylize the text.

Double click on the original text layer to apply layer styles:

Step 1

Add Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 7
  • Activate Anti-aliased (Smoothing)
  • Shadow Mode (Shadow mode) – Opacity (Opacity): 0%

Step 2

Add Texture (Texture) with the following settings:

  • Pattern (Pattern): Laid-horizontal
  • Depth (Depth): 90%

Step 3

Add Outer Glow (External Glow) with the following settings:

  • Opacity (Opacity): 67%
  • Noise (Noise): 41%
  • Color (Color): #ffffff
  • Size (Size): 3

Step 4

Add Drop Shadow (Shadow) with the following settings:

  • Opacity (Opacity): 75%
  • Distance (Distance): 10
  • Size (Size): 10

Step 5

Finish with layer styles, decrease Opacity (Opacity) text up to 35% and Fill (Fill) set to 10%.

If you use a different background, then you may need other values ​​for the fill and opacity.

6. Create bubbles

Step 1

Double-click on the Bubbles layer to apply the layer style. Pattern Overlay (Texture overlay) with the following settings:

  • Pattern (Pattern): Pattern
  • Scale (Scale): 50%

Step 2

Transform the Bubbles layer into a smart object and set Fill (Fill) to 0.

Step 3

Duplicate the Bubbles layer (Ctrl + J).

7. Styling the first layer of Bubbles.

Double-click on the Bubbles layer to apply the following layer styles:

Step 1

Add Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 2
  • Highlight Mode (Backlight mode) – Opacity (Opacity): 100%
  • Shadow Mode (Shadow mode) – Color (Color): # 6f6f6f

Step 2

Add Texture (Texture) with these settings:

  • Pattern (Pattern): Texture Pattern
  • Depth (Depth): 167%

Step 3

Add Color Overlay (Color overlay) with these settings:

  • Color (Color): #ffffff
  • Opacity (Opacity): 5%

Step 4

Add Drop shadow (Shadow) with these settings:

  • Opacity (Opacity): 15%
  • Distance (Distance): 1
  • Size (Size): 3

We’ve finished styling the first bubble layer.

8. Styling the second layer of Bubbles.

Double click on the copy of the Bubbles layer to apply the layer style. Bevel and Emboss (Emboss) with the following settings:

  • Size (Size): 4
  • Uncheck the box with Use Global Light (Global coverage)
  • Angle (Angle): 45
  • Altitude (Height): 74
  • Shadow Mode (Shadow mode) – Opacity (Opacity): 20%

Thus, we slightly enhanced the effects that we added in the previous section. We are done with this layer.

9. Styling the Stroke

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

Step 1

Add Bevel and Emboss (Emboss) with these settings:

  • Style (Style): Stroke Emboss (Embossing)
  • Size (Size): 10
  • Uncheck the box with Use Global Light (Global coverage)
  • Angle (Angle): -117
  • Altitude (Height): 42
  • Gloss Contour (Gloss Contour): Cone
  • Activate Anti-aliased (Smoothing)
  • Shadow mode (Shadow mode) – Opacity (Opacity): 0%

Step 2

Add Texture (Texture) with these settings:

  • Pattern (Pattern): Cells
  • Depth (Depth): 1000%

Step 3

Add Stroke (Stroke) with these settings:

  • Size (Size): 5
  • Position (Position): Center (From the center)
  • Opacity (Opacity): 30%
  • Color (Color): # 828282

Thus, we added the effect on the edges of the letters.

10. Create the inside

Step 1

Hold down the Ctrl key and click on the thumbnail of the original text layer in the layers panel to create its selection.

Step 2

Move on Select – Modify – Contract (Selection – Modification – Compress) and in the appeared window enter 5.

Step 3

Move on Select – Modify – Feather (Selection – Modification – Feather) and in the appeared window enter 10.

Step 4

Create a new layer above the copy of the Bubbles layer, call it Inner Details and fill the selection with white.

Step 5

Hold down the Ctrl key and click on the thumbnail of the text layer again to load its selection.

Step 6

Move on Select – Inverse (Selection – Invert selection), press the Delete key to remove the extra fill that went beyond the letters, then remove the selection Select – Deselect (Selection – Deselect) or use the keyboard shortcut Ctrl + D.

11. Stylize the inside

Double click on the Inner Details layer and apply the following layer styles:

Step 1

Add Bevel and Emboss (Emboss) with these settings:

  • Size (Size): 0
  • Highlight Mode (Backlight mode) – Opacity (Opacity): 100%

Step 2

Add Texture (Texture) with these settings:

  • Pattern (Pattern): Leaves
  • Depth (Depth): 99%

Step 3

Install Fill The (fill) Inner Details layer is 0.

This will add texture to the text.

12. Apply filters

Step 1

Select the Stroke layer and go to Filter – Distort – Ripple (Filter – Distortion – Ripples).

Install Amount (Quantity) by 150 and Size (Size) on Small (Little).

Step 2

Move on Select – All (Highlight – All), then Edit – Copy Merged (Editing – Copy merged data) and Edit – Paste (Editing – Paste).

Place the copied layer at the very top of the layers panel, call it Lighting and transform it into a smart object.

Step 3

Move on Filter – Render – Lighting Effect (Filter – Rendering – Lighting Effects), select Spot Light (Directional light) and customize:

  • Color (Color): (250, 250, 248)
  • Intensity (Intensity): 20
  • Hotspot (Center light): 60
  • Colorize (Toning): (245, 248, 248)
  • Exposure (Exposure): 2
  • Gloss (Gloss): 0
  • Metallic (Metal): 100
  • Ambience (Wednesday): 20
  • Texture (Texture): Green
  • Highlight (Light): 1

Step 4

Set the light source as shown below.

Step 5

Decrease Opacity (opacity) of the Lighting layer up to 50%. As a result, we improved the lighting and made the details clearer.

In this lesson, we learned how to draw a simple pattern to which you can apply layer styles to create bubbles. Then they filled the background with skin texture and increased its sharpness.

After that, we created text, bubbles, and stroke layers and applied layer styles to them to get a bubble wrap effect. Finally, we applied filters to add a few extra effects.

Like this post? Please share to your friends: