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.

balloon_text_9 balloon_text_9a

Step 10

Now, add the “Y” use the same font and color adn then basically repeat the procedure used for your “F” and “L” shapes.

balloon_text_10 balloon_text_10c balloon_text_10b balloon_text_10a

Step 11

Open the Layer Style for one of your text vector shape and enter the settings mentioned in the next images. After you apply thesse settings, focus on the Layers panel, right click on that edited shape and go to Copy Layer Style . Move to the other two shapes, right click and this time go to Paste Layer Style.

balloon_text_11 balloon_text_11d balloon_text_11c balloon_text_11b balloon_text_11a

Step 12

Make sure that your three shapes are selected and duplicate them using the Control-J keyboard shortcut. Focus on the Layers panel, select the fresh copies, right click on one of them and go to Merge Shapes. Open the Layer Style window for the shape made in this step, disable the existing settings, enable the Drop Shadowand then enter the attributes shown below. Keep focusing on the Layers panel, make sure that the shape made in this step is still selected and lower the Fill to 0%.

balloon_text_12 balloon_text_12b balloon_text_12a

Step 13

Focus on your Layers panel, hold the Control buttons from your keyboard and then click on the thumbnail icon that stands for the vector shape made in the previous step to load a simple selection around it.
Go to Select > Modify > Contract and set the Contract by to 15px.
Focus on the bottom side of the Layers panel and click the Create a new layer button.
Set the foreground color to #FFFFFF, pick the Paint Bucket Tool and fill your selected zone.
Once you’re done, simply hit Control + D to clear your selection.

balloon_text_13 balloon_text_13d balloon_text_13c balloon_text_13b balloon_text_13a

Step 14

Focus on the Layers panel, rename the layer made in the previous step “Highlight” and lower its Fill to 0% .
Open the Layer Style window for your “Hightlight” layer and enter the settings mentioned below.

balloon_text_14 balloon_text_14b balloon_text_14a

The post Create a Balloon Text Effect in Photoshop appeared first on Photoshop Tutorials.



from Photoshop Tutorials http://ift.tt/1X5rt0L
via IFTTT