How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

This is a very special tutorial as it celebrates ten wonderful years of ThemeKeeper Tuts+, and what better text effect to celebrate with than one inspired by balloons and confetti? This tutorial will show you how to use Photoshop’s 3D tools and settings, along with brushes and adjustment layers, to create a fun, shiny, inflated text effect. Let’s get started!

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

This text effect was inspired by the many Layer Styles available on GraphicRiver.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create a Background

Step 1

Create a new 1000 x 1000 px document with a White Background, place the Volume scene poster nobody room image on top of the Background layer, and resize it as needed.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Go to Image > Adjustments > Hue/Saturation, and change the Hue to 35 and the Saturation to -80.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Change the texture layer’s Opacity to 50%.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

2. How to Create a Text Shape Layer

Step 1

Create the text using the font Sofia Pro Black, and change the Tracking value to 75. Use a big font Size to create the final shape more easily.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Rename the text layer to Text, and Command-click it to choose Convert to Shape.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Pick the Line Tool, choose the Shape option in the Options bar, and set the Weight to 1 px.

Press-hold the Option key to subtract from the text shape, and start drawing lines over the text to divide it.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Make sure to create the lines at different angles, and add just a few so that the sections don’t overlap very much.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 5

Once you’re done, click the Path operations icon in the Options bar, and choose Merge Shape Components.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

3. How to Create 3D Element Layers

Step 1

Create a new White-filled layer, and name it Sphere.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Pick the Brush Tool, and open the Brush panel. Choose the Hard Square 20 pixels tip and use these settings:

Brush Tip Shape

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Scattering

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Set the Foreground Color to Black, create a new layer and name it Confetti, and start painting to add confetti to the layer.

Make sure nothing overlaps, and don’t worry about filling the whole area, since you can duplicate what you create when you convert it into 3D.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

4. How to Create 3D Layers

Step 1

Select the Confetti layer and go to 3D > New 3D Extrusion from Selected Layer. Select the Sphere layer and go to 3D > New Mesh from Layer > Mesh Preset > Sphere. And select the Text layer and go to 3D > New 3D Extrusion from Selected Path.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Select all 3D layers you have, and go to 3D > Merge 3D Layers.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

5. How to Work With the 3D Scene

Step 1

To access the 3D mesh settings and properties, you’ll need to open two panels: the 3D panel and the Properties panel (both found under the Window menu).

The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you’ll be able to access its settings in the Properties panel. So make sure to always select the tab of the element you want to modify in the 3D panel before you change its settings in the Properties panel.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

If you select the Move Tool, you’ll find a set of 3D Modes for it to the right of the Options bar. When you choose one of those, you can then click and drag to perform changes (on the selected element in the 3D panel).

Use those modes to change the Current View into an angle you like.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

6. How to Adjust the 3D Mesh Settings

Step 1

Select the Text 3D mesh tab in the 3D panel, and change its Extrusion Depth in the Properties panel to 100.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Click the Cap icon at the top of the Properties panel, and change the Bevel Width to 5, the Contour to Half Round, and the Inflate Strength to 25.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Change the Confetti mesh’s Extrusion Depth to 1.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

7. How to Scale 3D Meshes

Step 1

Pick the Move Tool and select the Sphere mesh, and use the 3D Axis to scale the sphere into a size you like.

The arrows at the ends of the axis move the mesh, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used to scale the object uniformly. All you need to do is click and drag the part you want to use.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

You can also click the Coordinates icon at the top of the Properties panel to use numerical values.

Click the Scale icon and check the Uniform Scaling option to scale the sphere uniformly.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

You can always go back to the sphere and change its Scale values, but just scale it down to a value you like for now.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

8. How to Move 3D Meshes

Step 1

Hide the Sphere mesh by clicking the eye icon next to its tab.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Select the Confetti mesh tab, click the Coordinates icon, and change the X Rotation Angle to 90.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Click the 3D panel menu icon and choose Move Object to Ground Plane.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

9. How to Create 3D Materials

Step 1

Select all the Text Material tabs, click the Diffuse texture icon in the Properties panel, and choose Remove Texture.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Use these material settings (the color values used are in RGB):

  • Diffuse: 122, 95, 22
  • Specular: 224, 219, 208
  • Shine: 80%
  • Reflection: 20%

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Show the Sphere mesh, select its Material tab, remove theDiffuse texture, and use these settings:

  • Diffuse: 72, 35, 140
  • Specular: 191, 189, 185
  • Shine: 70%
  • Reflection: 10%

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Select all the Confetti Material tabs, remove the Diffuse texture, and use these settings:

  • Diffuse: 128, 128, 128
  • Specular: 235, 229, 229
  • Shine: 70%
  • Reflection: 10%

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

10. How to Split 3D Meshes and Save Camera Views

Step 1

Select the Text mesh tab and go to 3D > Split 3D Extrusion. This will split the sections of the text into separate meshes.

You can hide the Sphere and Confetti meshes to better work with the text.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

What you need to do next is select a couple of random pieces, and slightly rotate each of them in different directions. Don’t worry if they overlap as it’s a part of the effect anyway.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Choose a final camera angle you like, and make sure that the Current View tab is selected.

Then, choose Save from the View menu in the Properties panel, type in a name for the view in the View Name field, and click OK.

This will add the view to the 3D panel as well as the View menu. So when you place the spheres later on, you can change the view and get back to the final one simply by clicking its name or choosing it from the menu.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

11. How to Instance 3D Objects

Step 1

Show the Sphere mesh, right-click its tab, and choose Instance Objects.

This will create a linked copy that reflects the changes made to the original mesh, like the material settings, for example.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Instance as many spheres as you need, and place them all around the text.

To keep things organized, you can select all the sphere mesh tabs, right-click any of them, and choose Group Objects to place them all in a group.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Do the same with the Confetti mesh to cover the ground around the text with confetti. You can move, rotate, and scale the instance objects to get a more dynamic outcome.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

12. How to Adjust a 3D Scene’s Lighting

Step 1

Select the Infinite Light 1 tab, and change its Intensity to 50%and its Shadow Softness to 30%.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Use the Move Tool or the Coordinates values to move the Infinite Light until you get a result you like.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Select the Environment tab, click the IBL texture icon, choose Replace Texture, and open the Sofa image.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Change the Intensity to 80%, and move the image around to get a result you like.

You can go back and forth between the Infinite and Environment lights, and change their settings or move them around, until you achieve the result you want.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

13. How to Add Depth of Field and Render a 3D Scene

Step 1

Select the Scene tab, and choose Hidden Wireframe from the Presets menu.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Click the Current View tab, and change the Depth of Field’s Depth value to 3. Play around with the Distance value until you get a result that you like.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Click the Scene tab again, and change the Presets back to Default.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Once you like the final result, go to 3D > Render 3D Layer. The rendering might take a while, but you can stop it any time by pressing the Esc key.

Once the rendering is done, right-click the 3D layer and choose Convert to Smart Object to avoid making any accidental changes.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

14. How to Add Global Adjustments

Step 1

Add a Brightness/Contrast adjustment layer on top of the 3D layer, right-click it and choose Create Clipping Mask, and change the Contrast value to 15.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Pick the Brush Tool, pick the Hard Square 20 pixels tip and use these settings:

Brush Tip Shape

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Shape Dynamics

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Scattering

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Create a new layer on top of all layers, name it Confetti, and paint some confetti over and around the text.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Double-click the Confetti layer to apply the following layer style:

Add a Bevel and Emboss with these settings:

  • Size: 16
  • Gloss Contour: Rolling Slope – Descending
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
    • Opacity: 70%
  • Shadow Mode:
    • Opacity: 0%

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Add a Gradient Overlay with these settings:

  • Style: Reflected
  • Angle: 29
  • Use the Gold Pipes X3 gradient fill

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 5

You can now use the Eraser Tool to get rid of any unwanted parts of the confetti if you like.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

15. How to Add Curves Adjustments

Step 1

Add a Curves adjustment layer on top of all layers, and drag the middle of the curve very slightly upwards.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 2

Select the Curves layer mask’s thumbnail, and go to Image > Apply Image.

Change the Source Layer to Merged and its Channel to Blue, change the Target Blending to Linear Burn, and click OK.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 3

Change the Curves layer’s Blend Mode to Luminosity.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 4

Duplicate the Curves layer, and drag the middle of the curve slightly downwards.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 5

Create a new layer on top of all layers, name it High Pass, and press theShift-Option-Command-Ekeys to create a stamp.

Convert the layer into a Smart Object, and change its Blend Mode to Soft Light.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Step 6

Go to Filter > Other > High Pass, change the Radius to 1, and click OK.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop

Congratulations! You’re Done

In this tutorial, we created a simple background and a divided text shape, and modified a brush tip to create confetti.

Then, we turned the layers into 3D meshes, adjusted their settings and created their materials, and instanced them.

After that, we adjusted the lighting and rendered the scene. Finally, we added some more confetti, as well as a bunch of final global adjustments.

Please feel free to leave your comments, suggestions, and outcomes below.

How to Create a 3D, Shiny, Inflated Text Effect in Adobe Photoshop