By Design Bundles
19 Jan 2018
4 Mins

Balloon Text in Photoshop

For this Tutorial, we are an image of the sky with clouds as our Background, and the Free Font Jellee from Alfredo Marco Pradil.

1 - In Photoshop, open your background image. Select the “Type Tool” (T) and type your text. Choose a font of your liking (we used Jellee), the size will depend on your background image. Use white as “Fill” color.

2 - To get your letters in different positions, select the one you want to move and change the “Baseline Shift” value in the “Character” window. Repeat with each letter (you can use negative numbers). Play around until you are happy with your letter placement.

3 - Right-click on your text and choose “Convert to Smart Object” from the menu.

4 - Double-click on the text layer to apply the following “Layer Styles”:

Bevel & Emboss:

Contour:

Inner Shadow: (use a color from your background, we used #1b7cc1)

Inner Glow: (use a lighter shade of the color used above, we used #5494c2)

Satin: (color #000000)

Gradient Overlay: (Colors #78797a and #ffffff, alternated. Locations: 0%, 25%, 50%, 75% and 100%)

Drop Shadow:

5 - Select your text layer and go to Filter > Distort > Spherize and use an “Amount” of 25%.

6 - Then, go to Filter > Distort > Waves and use the following values:

7 - Now, to color your letters, Command/Control-click on your text layer thumbnail to make a selection.

8 - Then, go to “Adjustments” window (or click on the small button at the bottom of the “Layers” window) and create a “Hue Saturation Adjustment Layer”. Since you had a selection a “Mask” will be created so the adjustments will affect your text only. Now, you can move the levers and change the “Hue”, “Saturation”, etc. to color your text.

9 - If you want each letter to have a different color, you will need to do “Steps 7 and 8” for each individual letter. To subtract some letters from the selection, use “Subtract from Selection” from the upper menu and with the “Rectangular Marquee Tool” (M) draw a rectangle covering the letter you don’t want to use.

10 - You can experiment with other type of “Adjustment Layers” to achieve other results. (In this case we used a “Gradient Map” and changed the “Blending Options” to “Color”).

11 - Check your text:

by @lornacane

6 Related Photoshop Tutorials

Rainbow Cake Text Effect in Photoshop 3D Text

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Watercolor Text Effect in Photoshop (Part 2)

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

Hologram Text Effect in Photoshop

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

Rainbow Cake Text Effect in Photoshop

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

Puffy Sticker Text Effect in Photoshop

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

Watercolor Text Effect in Photoshop

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...