Explosive 3D Text

(4 votes)
Explosive 3D Text
28 February
2012
Written by:
Published in: Text Effect

This detailed Tutorial will explain you how to create an Explosive 3D Text background. Usefull for posters, desktop backgrounds or even online signatures. You'll not only be using Photoshop, but also a bit of Illustrator!

Step 1.

Create a new document (Cmd+N).

Create New Document

And fill the document with black using the Paintbucket Tool (Paint Bucket).
This is the document where all the magic is going to happen.


Step 2.

Now let's make some 3d text we're going to play with.

I'll be using Adobe Illustrator in this tutorial, but feel free too use any other 3D program where you can make your 3D text in.



Open Illustrator, create a new (web)document.
Select the Type Tool (Type Tool) in your Toolbar. Select a font you want to use. I've used Bebas Neue for this tutorial.

Now write the first letter of the word you're going to use. Make sure it's not black, else you won't see the 3D effect when applied.
I've used '#E2E2E2'.

T

Now go to [Effect > 3D > Extrude & Bevel...]

I've applied these setting but feel free to mess around with it. When satisfied hit 'OK'.

Extrude and Bevel 1

T2

 


Step 3.

First letter is done! Now repeat Step 2 for every letter.

You want to do all the letters seperate instead of all in one time because we want to give each letter his own 3D settings instead of giving the whole word the same 3D look.

So for each letter you mess around with the Extrude & Bevel Settings (you can simply grab the square and drag it around).

3D Text


Step 4. (Optional)

We're almost done in Illustrator. This step is optional but gives a cool effect we might want to use later.
Select all the letters and duplicate them (Copy + Paste).

Select 1 letter and go to [Window > Appearance] and click on '3D Extrude & Bevel'.
This will open the Extrude & Bevel window.

Set the surface to 'Wireframe' at the bottom of the window.

Surface Wireframe

Apply this for every letter.

Text Wireframe

When done, copy paste or drag both text seperate to the Photoshop document we've created earlier.


Step 5.

Select the solid 3d Text layer (not the wireframe one) and give it some colours using any method you like.
I will be using 'Gradient Overlay' in the blending options of the layer (Rightclick > Blending Options... on the layer)

Gradient Overlay Settings

3D Text Colored


 

Step 6 (Optional)

Select the wireframe text and place it exactly on top of the Solid Text. Go to Blending options and apply some Gradient Overlay.
I've used Black > White, but you can apply any colour you want on it.

3D Text Colored Wireframe

This gives just a little more effect and detail to the text.
Duplicate the wireframe layer (Cmd+J) and Transform (Cmd+T) it bigger and place it anywhere you like on the image and give them a colour of choice.

3d techno Explosion 1


Step 7.

Select your solid text layer, duplicate it (Cmd+J) and place it underneat the original layer.
Now go to [Filter > Blur > Motion Blur]

Motion Blur

3d techno Explosion 2


Step 8.

Looks pretty neat already! Let's apply some more effect to make it look even more 3d.
Download 3d Explosion and Dust brushes (by WeGraphics)

Create a new layer [Cmd+Shift+N] and select a 3d explosion brush that you would like to use.
Just click once in the screen, resize it if you have to and put the layer behind all the text layers.

3d techno Explosion 3

Give it some colour using any technique you want (I've used blending options > Gradient Overlay)

Gradient Overlay Settings 2

3d techno Explosion 4

Now add some dust. Repeat the same steps as we did with the 3d explosion.
Create New Layer > Use Dust brush > Place it behind all the text layers > Colour it.

3d techno Explosion 5

Add some finishing touches like Lens Flare (Filter > Render > Lens Flare) to the image and you're all set!

Final Result


Other Results

Weekend Company Background

Read 11227 times
Auke Kuiper

Auke Kuiper is a designer who loves to be creative and is always studious about learning new techniques to apply in his work. He also has a passion for teaching others of the things he knows.

Website: www.tutbase.com

1 comment

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.\n\nThe reCaptcha might have some errors in Chrome. Please use an other browser to comment until we've fixed the error.\n\nYou may also leave Facebook comments at the bottom of the page.

Latest Additions

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Flowerly Collage Composition

28.01.2013 Photo Effect

Flowerly Collage Composition

In this tutorial we’re going to learn how to create an awesome flowerly girl poster. We'll be using a range...

Read more

Disintegration Effect

26.01.2013 Photo Effect

Disintegration Effect

In this tutorial we will create a powerful, and emotional human disintegration effect in Photoshop.

Read more

Basic Car Modeling

25.01.2013 3D Studio Max

Basic Car Modeling

Learn to model a car in 3ds Max. Modeling a car in 3ds Max is not as hard as you...

Read more

Man of Steel Symbol Design

21.01.2013 3D Effect

Man of Steel Symbol Design

So in this tutorial we will show you how to create the Superman, Man of Steel logo using Illustrator and...

Read more

Surrealism Movie Poster

17.12.2012 Photo Effect

Surrealism Movie Poster

In this tutorial I’ll show you how nicely we can compose different types of images using blending modes and some...

Read more

Create A Dreamish Landscape

01.08.2012 Photo Effect

Create A Dreamish Landscape

In this photo manipulation tutorial we are going to digitally create a dream land using Adobe Photoshop. Along the way...

Read more