Text Effects

Create a Balloon Text Effect in Photoshop

In this tutorial you will learn how to create a balloon text effect in Adobe Photoshop.You will begin to create the text using a font and then you will convert it to a vector shape. You will learn how to manipulate the anchor points to create a unique text design. Finally you will create a highlight over the text, to accentuate the 3D feeling using a simple procedure and you will create a rope as an ornament for your text. Let’s begin!

What you’ll be creating

balloon_text_final-result1 balloon_text_final-result2

Tutorial Resources

Step 1

Create a 600x 400px document, go to View > Show > Grid to enable the Grid and then go to View > Snap To > Grid to enable the Snap to Grid. Hit Control + K to open the Preferences window, go to Guides, Grid & Slices and enter the settings mentioned in the next image. Along the tutorial I turned off the grid ( Control + ‘ ) for you to have a better vision. The grid will make it easier for you to create/edit the shapes.

balloon_text_1

Step 2

Pick the Horizontal Type Tool and use the Insaniburger font.
Move to your canvas, add the “F” text with the size to 220px and the color to #D85151.

balloon_text_2

balloon_text_2a

Step 3

Focus on the Layers panel, right click on your “F” text layer and go to Convert to Shape.
Make sure that your “F” vector shape is selected and pick the Add Anchor Point Tool.
Keep focusing on your “F” shape and add new anchors points as shown in the next images.

Tip: Use the Control and “-” to zoom out or Control and “+” to zoom in. You can return to your default zoom using the Control and 0 shortcut

balloon_text_3

balloon_text_3a balloon_text_3b

Step 4

Pick the Direct Selection Tool, focus on the top of your “F” text and select only the first 3 anchors points added in the previous step (highlgihted in the first image).
Hit the left arrow button from your keyboard once to move the anchors points 1px to the left.
Now, select only the middle anchor point and hit again that left button three times to move it 3px to left. In the end things should look like in the second image.

balloon_text_4 balloon_text_4a

Step 5

Focus on the bottom side of your “F” shape, select the left anchor point highlighted in the following image and drag it 5px the right and then select the right anchor point highlighted in the same image and drag it 5px to the left. In the end your shape should look like in the second image.

balloon_text_5 balloon_text_5a

Step 6

Pick the Horizontal Type Tool set the size to 220px and color to #D85151.
Move to your canvas, add the “L” text and place it as you can see below.

balloon_text_6 balloon_text_6a

Step 7

Focus on the Layers panel, right click on your “L” text layer and go again to Convert to Shape.
Make sure that your “L” vector shape is selected, pick the Add Anchor Point Tool and add new anchors points roughly as shown in the next images.

balloon_text_7 balloon_text_7a

Step 8

Pick the Direct Selection Tool, focus on the top side of your “L” shape, select the three anchors points highlighted in the first image and drag them 2px to the left. Now, make sure that only the middle anchor point remains selected and move it another 3px to left.

balloon_text_8 balloon_text_8a

Step 9

Focus on the middle side of your “L” shape, select the left anchor point highlighted in the following image and drag it 5px the right and then select the right anchor point highlighted in the same image and drag it 5px to the left. In the end your shape should look like in the second image.

Related posts
Photoshop TutorialsText EffectsUpdated

How to Create Highlighted Text in Photoshop

Photoshop TutorialsText EffectsUpdated

How to Make Delicious Ice Cream Text in Photoshop

Photoshop TutorialsText EffectsUpdated

Create Delicious Donut Text That Will Make You Hungry

Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

1 Comment

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).