Learn to Create Stunning 3D Bubble Letters in Photoshop

Ever wanted to add a touch of whimsy to your designs? 3D bubble letters are an excellent way to do just that. They're fun, eye-catching, and can instantly make your work pop. Photoshop, with its vast array of tools, makes creating 3D bubble letters a breeze. Let's dive in and learn how to make these eye-catching effects yourself.

how to create bubble effect text in adobe
how to create bubble effect text in adobe

Before we start, ensure you have the latest version of Photoshop installed. While you can use this technique in Photoshop CS6 and above, some newer features might not be available. Now that we're ready, let's begin our journey into the world of 3D bubble letters.

3D Bubble Text Effect in Illustrator
3D Bubble Text Effect in Illustrator

Creating Your Text Layer

The first step is to create your text layer. Open Photoshop and create a new document. Pick your desired font and color, then type out your text. Here's a tip: lowercase letters often work best for this effect, but feel free to experiment.

an image of the text in adobe and photoshopped to make it look like they are
an image of the text in adobe and photoshopped to make it look like they are

Once you're happy with your text, we'll start preparing it for the 3D effect.

Outline Your Text

How To Make 3D Distorted Graffiti Bubble Text In Illustrator
How To Make 3D Distorted Graffiti Bubble Text In Illustrator

To create a 3D look, we need to outline our text. With your text layer selected, go to Layer > Layer Style > Stroke. Here, you can choose the thickness and color of your outline. A dark blue or black usually works well, but feel free to experiment with different colors.

After setting your stroke options, click 'OK'. You'll see your text has an outline around it. This will form the basis of your 3D effect.

Adding a Bevel and Emboss

3D Bubble Text Effect in 1 click
3D Bubble Text Effect in 1 click

Now that we have an outline, let's start giving our text some depth. Right-click on your text layer and select 'Blending Options'. In the box that appears, you'll see an option called 'Bevel and Emboss'. Click on this, and you'll see a slew of options to modify your 3D effect.

Here, you can experiment with different settings to achieve the desired 3D effect. Try changing the 'Depth' and 'Size' options to start, then adjust the 'Angle' and 'Altitude' to control where your light source is coming from.

Creating the Bubble Effect

How to Design Bubble Letters in Illustrator
How to Design Bubble Letters in Illustrator

Now that we have a 3D base, let's turn our text into bubbles. To do this, we'll use a custom brush and create shapes around our letters.

The first step is to create a new layer. Name it 'Bubble Layers' to keep things organized.

soap bubbles font and numbers are displayed in this image
soap bubbles font and numbers are displayed in this image
How to Create 3D Bubbly Text in Photoshop CS6 Extended+
How to Create 3D Bubbly Text in Photoshop CS6 Extended+
So Easy!Adobe Illustrator Tutorial How To Make 3D Bubble Text #illustrator #illustratortutorial
So Easy!Adobe Illustrator Tutorial How To Make 3D Bubble Text #illustrator #illustratortutorial
How To Design Inflated Bubble Text Effects In Illustrator FAST
How To Design Inflated Bubble Text Effects In Illustrator FAST
How to Draw Bubble Letters - Step by Step Guide (+FREE Workbook)
How to Draw Bubble Letters - Step by Step Guide (+FREE Workbook)
3d Text effect in Illustrator
3d Text effect in Illustrator
Bubble Text with Adobe Firefly and Photoshop - No 3D  [Tutorial]
Bubble Text with Adobe Firefly and Photoshop - No 3D [Tutorial]
Create Stunning 3D Bubble Fonts for Unique Lettering — Download Now!
Create Stunning 3D Bubble Fonts for Unique Lettering — Download Now!
【Illustrator】プックリかわいい!3D文字の作り方
【Illustrator】プックリかわいい!3D文字の作り方

Using the Custom Shape Tool

We'll use the Custom Shape Tool to create our bubble shapes. You can find this tool in your toolbar or by pressing U. Once you've selected the tool, click on the icon at the top of your workspace to open the Shape options. Here, select a bubble shape you like. The default 'Oval' shape works well, but feel free to experiment.

Once you've selected your shape, click once on your new 'Bubble Layers' layer to create your first bubble. Hold Shift and Alt while creating subsequent bubbles to make them consistent in size and placed around your letters.

outlined.shapeburn

The final step is to give our bubbles a solid, 3D look. First, create a new layer above your bubble layers and give it a white fill. This will serve as our bubble highlights. Then, create another layer above that and fill it with black. This will serve as our bubble shadows.

With your new shadow layer selected, click on 'Create Clipping Mask' in your Layers menu. This will ensure your shadow is only applied to your bubbles, not your entire work. With your shadow layer selected, go to Filter > Noise > Median. This will give your shadow a soft,mooth look. Finally, duplicate your shadow layer, flip it vertically, and move it to the opposite side of your bubbles. This will complete the 3D effect.

And there you have it! You've just created 3D bubble letters in Photoshop. Experiment with different fonts, colors, and effects to create unique, eye-catching designs. Happy designing!