Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
How to Create a Set of 10 Folk Flowers in Adobe Illustrator
How to Create Plastic Jelly Styles in Adobe Photoshop: 10th Anniversary Edition
Final product image
What You'll Be Creating

This is a very special tutorial as it celebrates ten wonderful years of Envato 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!

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

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.

Add the Background Image

Step 2

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

HueSaturation

Step 3

Change the texture layer's Opacity to 50%.

Change the Opacity

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.

Create the Text

Step 2

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

Convert to Shape

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.

Divide the Text

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.

Add More Lines

Step 5

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

Merge Shape Components

3. How to Create 3D Element Layers

Step 1

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

Create a Sphere Layer

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

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

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.

Add the Confetti

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.

Create the 3D Layers

Step 2

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

Merge 3D Layers

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.

3D and Properties Panels

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.

Move Tool 3D Modes

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.

Extrusion Depth

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.

Cap Settings

Step 3

Change the Confetti mesh's Extrusion Depth to 1.

Extrusion Depth

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.

Scale Using the 3D Axis

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.

Scale Using Numerical Values

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.

Scale Values

8. How to Move 3D Meshes

Step 1

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

Hide the Sphere Mesh

Step 2

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

X Rotation Angle

Step 3

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

Move Object to Ground Plane

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.

Remove Texture

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%
Text Material Settings

Step 3

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

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

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%
Confetti Material Settings

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.

Split 3D Extrusion

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.

Rotate Text Pieces

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.

Save the Final Camera View

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.

Instance Objects

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.

Group Objects

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.

Add the Confetti

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%.

Infinite Light 1 Settings

Step 2

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

Move the Light

Step 3

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

Replace Texture

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.

Environment Light Settings

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.

Hidden Wireframe

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.

Add Depth of Field

Step 3

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

Default Scene

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.

Render 3D Layer

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.

BrightnessContrast

Step 2

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

Brush Tip Shape

Brush Tip Shape

Shape Dynamics

Shape Dynamics

Scattering

Scattering

Step 3

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

Add More Confetti

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%
Bevel and Emboss

Add a Gradient Overlay with these settings:

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

Step 5

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

Eraser Tool

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.

Curves Adjustment Layer

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.

Apply Image

Step 3

Change the Curves layer's Blend Mode to Luminosity.

Change the Blend Mode

Step 4

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

Duplicate the Curves Layer

Step 5

Create a new layer on top of all layers, name it High Pass, and press the Shift-Option-Command-E keys to create a stamp.

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

Add a High Pass Layer

Step 6

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

High Pass Filter

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.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.