Create an Extruded Glossy 3D Text Effect

Comment: 0 Comment | Hit: 3467 | Date: 22 Jul 2010 04:07 | Category: Adobe Photoshop

People love 3D effects. They also love the look of shiny, glossy, graphics as well. Today, we will combine those two popular styles and create an extruded 3D glossy text effect in Photoshop. Let’s get started!

  • Program: Adobe Photoshop CS4
  • Difficulty: Beginner
  • Estimated Completion Time: 5 Minutes

Final output

Final: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 1

Create a new document, make it 600px by 400px.

Step 1: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 2

Fill the background with #011923. Now, add some noise, go to Filter > Noise > Add Noise. 2% should be ok.

Step 2: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 3

Create a new layer and select the Elliptical Marquee Tool (M). Add a 150 px feather and drag out a shape as shown below.

Step 3a: Create an Extruded Glossy 3D Text Effect in Photoshop

Fill the selection with white and set the blending mode to Linear Dodge (Add) and bring the opacity down to 90%.

Step 3b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 4

Select a nice-looking bold font. I used Helvetica Neue LT Std 85 Heavy, but you can use anything you like. Set its size to about 160 px and fill it with white.

Step 4a: Create an Extruded Glossy 3D Text Effect in Photoshop

Duplicate the text, set the color to something darker. Send the darker text layer behind the original and adjust the width as shown below using the transform tool (T).

Step 4b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 5

Apply the following layer styles to the white text layer.

Step 5a: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 5b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 5c: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 5d: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 6

Apply the following layer styles to the darker text layer.

Step 6a: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 6b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 6c: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 6d: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 6e: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 7

Grab the Brush Tool and select a big 200 px wide soft brush. This is what we will use to create some shiny reflections.

Step 7a: Create an Extruded Glossy 3D Text Effect in Photoshop

Paint the areas as shown and set the layer’s Blending Mode to Soft Light.

Step 7b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 8

Duplicate the text layer and rasterize it (Layer > Rasterize > Type). Select the Elliptical Marquee Tool (M) and create a wide shape as shown. Make sure to reset the feather value to 0px, we want this edge really sharp.

Step 8a: Create an Extruded Glossy 3D Text Effect in Photoshop

Now take the Eraser Tool (E) and start erasing the top part of it to get a nice and soft gradient.

Step 8b: Create an Extruded Glossy 3D Text Effect in Photoshop

Step 9

Use the Brush Tool again to create some soft spots and hit Cmd/Ctrl + T to bring up the Free Transform options. Scale down the width and rotate it 45 degrees by holding Shift while rotating. Duplicate it and rotate it again to get this x shaped sparkle.

Step 9: Create an Extruded Glossy 3D Text Effect in Photoshop

Final step

Create some copies of this sparkle and make them a little bit smaller, place them in the brighter areas. That’s it, you are done! Hope you enjoyed working on this tutorial!

Step 10: Create an Extruded Glossy 3D Text Effect in Photoshop

 

Source:

http://bit.ly/bAqBwh

http://digg.com/submit?phase=2&url=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&title=Create an Extruded Glossy 3D Text Effecthttp://delicious.com/post?url=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&title=Create an Extruded Glossy 3D Text Effecthttp://www.facebook.com/sharer.php?u=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&t=Create an Extruded Glossy 3D Text Effecthttp://twitter.com/home?status=Create an Extruded Glossy 3D Text Effect via @nvitou http://bit.ly/cLBILHhttp://www.google.com/bookmarks/mark?op=edit&bkmk=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&title=Create an Extruded Glossy 3D Text Effecthttp://www.stumbleupon.com/submit?url=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&title=Create an Extruded Glossy 3D Text Effecthttp://www.myspace.com/Modules/PostTo/Pages/?u=http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&t=Create an Extruded Glossy 3D Text Effecthttp://www.squidoo.com/lensmaster/bookmark?http://www.nvitou.com/en/article/create-an-extruded-glossy-3d-text-effect/&title=Create an Extruded Glossy 3D Text Effect

Comments

Name:

Email/Website:

Your comment:

nVitou.com in brief

nVitou.com was founded in July 2010 by a Cambodian, NOUV Vithou, located in Phnom Penh. The mission is to exchange knowledge and experiences on code and design.