Loading Page

3D Text

Hello Guest
Google Search
search
categories
css
css
html
html
javascript
javascript
photoshop
photoshop
    »   3D effects
    »   Logo
    »   Orbs
php
php



Paypal
Do you have something to do in code, design or animation and you don't know how?
Send us an e-mail and will do a tutorial which will solve your problem.

Documentations for any level of knowledge, from beginners to advanced programmers, and even for those who just want a 'piece of code'
tutorials U-Trade
tutorials U-Trade

3D Text

+ Share and Enjoy
Author: Nick K



1 from 9 vots
Vote up
Vote down
Vote this article

Step 1

Open a new document. For the purpose of this tutorial, I used a 500x500px, 72 DPI, and white background. Now, create a new layer and put your logo in it. Make sure your logo is all merged into one layer, or else this technique will not work. I have used, as I do in many of my tutorials, my PixelFull logo.

Step 2

Now we are going to add the poser 3d perspective, without this step, you will not be able to create anything 3d in this technique. Go to Edit>Transform>Perspective. Click the top right corner and drag it a bit closer to the middle. Then grab the bottom right corner and drag it a little bit away from the middle. You should have something similar to this

3D Text

Now, go to Edit>Free Transform and drag the top line a bit close to the middle so the logo looks a more flat.

3D Text

Now ctrl+click your current logo layer and fill it with a light grey shade like you see in mine.

Step 3

Now duplicate this layer, ctrl+click the new layer and fill it with a darker shade of grey or black. And move it up 7 pixels.

3D Text

To be honest, some say this actually looks better than the result we will achieve in the end. It is up to you wether you choose to keep it this way or change it.

Step 4

Now go to your 1st layer with the logo on it. Hold ALT and press the arrow up button on your keyboard 1 time less than the number of times you moved up the 2nd logo layer. In this case (7-1) we nudge it up 6 pixels. Holding the alt button while doing this will cause it to duplicate itself each time you nudge it. You should now have something like this:

3D Text

Well, that looks pretty nice don't you think?

You are now finished your 3d text. Now add a background and a shadow or reflection.

3D Text




U-Trade © All rights reserved 2006-2010 | 3D Text : U-Trade Tutorials
Subdomains
Languages
send us a message
Info
Tools
Contact
preview
Rollover icons to see their description in this box
gadgets