3D Shade Effect in Photoshop

Posted March 7th, 2010 by

This tutorial will help you that how to make 3D Shadings. I have used very simple method in this tutorial and hope you will get it easily. Enjoy!

Helpful Links


Step 1:

Create new document of 550 * 300 pixels and make gradient there and also you can set your own background, now i am using pink color gradient.

3d shade step1 3D Shade Effect in Photoshop

Step 2:

Now select Text Tool (T) and place any text on canvas. I am using text with font "Battleline" with white color and Anti-aliasing method is sharp.

3d shade step2 3D Shade Effect in Photoshop

Step 3:

Make new layer using short key CTRL + SHIFT + N and then press CTRL + [ this command will send 1 step down to new layer. Now press Ctrl button and click on text layer thumb you will get selection there.

3d shade step3 3D Shade Effect in Photoshop

Step 4:

Now I am going to make here shadow just follow these easy steps. Make shadow color in foreground e.g. #272727 and then select Marquee Tool (M). Press Alt + Backspace it will fill foreground color in selection. And now press down arrow and then press right arrow and then again press Alt + Backspace you will get one more level of shadow. Repeat this step 10 times and also set opacity of layer 60%.

3d shade step4 3D Shade Effect in Photoshop

Step 5:

If you see in above image 3D shadow has been done but now Ii would like to use some effect to make it more beautiful. Select layer of shadow and go to Filter Menu > Blur > Motion Blur. Give angle -45 and distance 30 pixels.

3d shade step5 3D Shade Effect in Photoshop

Now we have this result after applying blur effect.

3d shade step5 1 3D Shade Effect in Photoshop

Step 6:

Select Eraser Tool (E) and erase shadow from top and left sides

3d shade step6 3D Shade Effect in Photoshop

Step 7:

Apply linear gradient with angle 90.

3d shade step7 3D Shade Effect in Photoshop

Step 8:

Apply stroke with these values: Size: 1 pixel Position: Inside Color: 10a1ce

3d shade step8 3D Shade Effect in Photoshop

Step 9:

Apply glow style.

3d shade step9 3D Shade Effect in Photoshop

Step 10:

Apply Bevel and Emboss effect.

3d shade step10 3D Shade Effect in Photoshop

Step 11:

Apply Satin effect.

3d shade step11 3D Shade Effect in Photoshop

After all effects final result is this.

3d shade head 3D Shade Effect in Photoshop

I hope this tutorial will helpful for you



Related Articles

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:
4 ResponsesLeave a comment
  • Adrian Adema
    April 2, 2010 at 5:43 pm
    Reply

    Amazing Dude, I didn’t new this, much appreciated.

  • Taisha Rohrer
    April 2, 2010 at 5:48 pm
    Reply

    cheers lots, I have to say your site is brilliant!

  • 3d models
    May 1, 2010 at 3:55 am
    Reply

    your work is great i have get great help on this

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



  •  
  •  
  •  
Around The Site
Free Subscription

Enter your email address:

 
Become Facebook Fan
Links
Get Adobe Flash playerPlugin by wpburn.com wordpress themes