Create a Balloon Text Effect in Photoshop

Create a Balloon Text Effect in Photoshop
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.

Pages: 1 2 3 4

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

One comment on “Create a Balloon Text Effect in Photoshop”

Leave a Reply to Fagun Maash Cancel reply

Your email address will not be published. Required fields are marked *

cross