23 unknown users

 Word :   Username :  
 
 Page :  1  2
Previous 
Author
 Thread :

[Photoshop Tutorial] 3D Text and 3d shapes

 
n°2006
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-15-2008 at 09:32:14 PM  
 

This tutorial has been copied from this website. Please visit the original tutorial - all credit goes to the original creator!  :smile:  
 
3D Text
 
Example(s):
---------------------------------
http://img158.imageshack.us/img158/3568/drago3dbv2.png
---------------------------------
 
The Tutorial:
 
Step 1: Creating the document and preparing text
Create a new document (File > New) and use any size you want. I'm using 320px x 150px. Next, select a font and type your text. Add any effects you want to the text, such as gradients or colours.
---------------------------------
http://img505.imageshack.us/img505/6251/cry1jc7.png
---------------------------------
To stretch and transform the text, we need to rasterize it first. To do this, right click the text layer on the layers list, and select Rasterize.
---------------------------------
http://img98.imageshack.us/img98/6415/rasterizedz3.png
---------------------------------
 
 
Step 2: Transforming the text
After you have rasterized your text, your ready to transform it. With the text layer selected, press CTRL+T, and press right click in the text then choose perspective or distort to position your text as if it were in 3d perspective, and press Enter to apply the change. You'll want to achieve an effect as shown below. (This will be the top of the 3D text)
---------------------------------
http://img229.imageshack.us/img229/3508/cry2jr6.png
---------------------------------
 
Making the text 3D
After you have transformed the text, right click it on the layers list, and press Duplicate Layer. (Alternatively, you could press CTRL+J with the text layer selected.) Now create a new set (see below image), and place your duplicated layer into it. Add a bevel and emboss to the duplicated layer (use the default settings). This will help in achieving the 3D effect.
 
With the duplicated layer selected, hold shift and press the down arrow 2 times. This will move your text layer down by 20 pixels. Now, hold the alt key and ctrl key and press the up arrow 19 times. This duplicates each layer, and nudges it up by 1 pixel each time.
---------------------------------
http://img505.imageshack.us/img505/1597/cry3fe9.png
---------------------------------
This is the end of the 3D effect. If you want to add more effects to it, such as reflections and shadows, continue reading.
 
 
Step 3: Adding extra effects
Note: These effects aren't needed, but they provide nice details to the final product.
 
Now that we have the basic 3D effect, we can add more effects to give it a reflection, and an environment. Select the original text layer and add a faint drop shadow to it. Select the layer set, and press CTRL+E (this will merge all the layers inside.) Duplicate the new layer (CTRL+J) which use to be the layer set, and lower its opacity to about 20%. Position it below the 3D text, so it looks like a reflection. There are many tutorials about reflections in our database if you need any more help. On my background layer, I also added a faint gradient instead of just a white backdrop.
 
Final Result
---------------------------------
http://img175.imageshack.us/img175/7190/cryfinalju3.png
---------------------------------
 
you can use it too in the shapes
i hope you like it  :wink:  
plz reply :he:


Message edited by Gruzz on 10-14-2009 at 09:27:42 PM
answer
mood
GoogleAds
profil
Posted on 02-15-2008 at 09:32:14 PM  
 

answer
n°2010
darklady
Just remember, art saves lives.
Profil: Big Penguin
Avatar
profil
Posted on 02-16-2008 at 06:45:41 PM  
 

Made a simple avatar using this tutorial!  I like it.  Good work! (of course I added a few more effects to it)

 

http://i165.photobucket.com/albums/u53/rene_kunert/CrystalXP/gizzy.gif

 

answer
n°2014
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 02-17-2008 at 05:27:27 PM  
 

Nice one DarkLady , may be a bigger image would have allowed us to get a better view :he:

 

My result

 

http://uploadpsd.com/file/21862.png

 

a useful addition to this section :great:

answer
n°2015
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-17-2008 at 10:15:40 PM  
 

thx and nice result DarkLady and you too asher and any can add any effect on it like he or she want
i made it with out more effects to be useful for the newbies

answer
n°2034
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-21-2008 at 11:58:05 PM  
 

i see that no one more wanna reply plz the replys

answer
n°2079
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 02-29-2008 at 06:12:12 PM  
 

Very Nice Thing,I am trying to do that but as a total noob without any help,it may take a little time.
Thanks again for 3D Text. :great:

answer
n°2080
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 02-29-2008 at 06:52:00 PM  
 

Sorry for this stupid question.Please tell me how to add gradients to the text.
I am using photoshop CS2.
Thanks.

answer
n°2081
x3lumin8x
Profil: Penguin
Avatar
profil
Posted on 02-29-2008 at 07:06:45 PM  
 

Hey Drago. Sweet tut, dude! :great:

answer
n°2082
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 02-29-2008 at 07:34:55 PM  
 

Please Help me,Now I can't add reflection.I am stuck here.

answer
n°2083
x3lumin8x
Profil: Penguin
Avatar
profil
Posted on 02-29-2008 at 07:39:28 PM  
 

Make sure the reflective layer is under the main text layer

answer
n°2084
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-29-2008 at 07:50:44 PM  
 

sensational_one :ar: first select the layer u want to put the gradient on it but it must be any but not the background layer
then press right click on it then Blending Options  then press Gradient Ovarlay it will be like this photo
http://img252.imageshack.us/img252/4902/1243gv3.png
i hope u mind it

 

x3lumin8x :ar:  thx man its your first reply to me

answer
n°2085
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 02-29-2008 at 07:54:31 PM  
 

x3lumin8x wrote :

Make sure the reflective layer is under the main text layer

 

Thanks so much Bro.This is my first...um...uh...well...Something in photoshop.
But there is a problem,Dropshadow is showing in reflection too.What can I do?

answer
n°2086
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-29-2008 at 08:03:40 PM  
 

sensational_one :ar: go on the reflection layer then remove Dropshadow from it u can find it on BlendingOptions

answer
n°2087
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 02-29-2008 at 08:21:43 PM  
 

.drago. wrote :

sensational_one :ar: go on the reflection layer then remove Dropshadow from it u can find it on BlendingOptions

 

Oops  :oh: ! I think its too late,I can't do this 'cause I Merged all layers with dropshadow,then I duplicated it and used it for reflection.

 

Now the correct thing will be this;before merging all layers with dorpshadow,I should copy a layer without shadow and place it under main layer(Just to know where it is).
Now merge all layers but leave the one without shadow intact.
Now I duplicate  layer without shadow as much as the other layer.
Place it as a reflection.

 

Please tell me if I am right.
Thanks.

answer
n°2088
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 02-29-2008 at 09:09:44 PM  
 

yup you are right

answer
n°2090
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 03-01-2008 at 07:12:51 AM  
 

.drago. wrote :

yup you are right

 

Thanks,This time I'll do it right.Can you please tell me about the values you used in dropshadow.
Also please tell me where to get the fonts you used in the tutorial and the one you used for preview in the very start of tutorial.
This is a great tutorial and it will give me a huge boost to learn photoshop.
Thanks again. :loveit:

answer
n°2091
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 03-01-2008 at 08:49:47 AM  
 

1st: its not must to make it like me just play with the values to get a great look

 

2nd: you can get alot of font like mine i used in the Example and more from here

 

then after u finished show me your work pls

answer
n°2092
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 03-01-2008 at 10:55:26 AM  
 

.drago. wrote :

1st: its not must to make it like me just play with the values to get a great look

 

2nd: you can get alot of font like mine i used in the Example and more from here

 

then after u finished show me your work pls

 


Here it is Brother,You like it?

answer
n°2093
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 03-01-2008 at 11:04:12 AM  
 

Also when I use to lower opacity for reflection layer,I use Opacity under Advanced Blending .
I almost can't see the reflection layer in the photoshop but when I save work to PNG,it is clear like shown in above post.Is this because I use transparent background? :ouch:

 

One more thing,I applied "bevel and emboss" to the duplicated layer but I had to put original layer under duplicated layer AND duplicate it to get this result.
This must be because of font and position of text,isn't it?

 

Here is another one in the size of 100x100 for messenger display picture or something like that. :party:

answer
n°2096
Gruzz
Profil: Moderator
Avatar
profil
Posted on 03-01-2008 at 03:01:26 PM  
 

sensational_one wrote :

I almost can't see the reflection layer in the photoshop but when I save work to PNG,it is clear like shown in above post.Is this because I use transparent background? :ouch:


Yes. :oui: It's wise to put an extra layer when using a transparent background. Fill this layer with gray, or actually any other color which isn't too dark or light. Now you can see whether the shadow and reflections are correct. Once you want to save, just click the eye before this layer to hide it! :great:

answer
n°2097
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 03-01-2008 at 07:37:32 PM  
 

Hi Brother,I want to say something;

 

If I Add a bevel and emboss to the DEFAULT layer then I should put DUPLICATED layer under it like I did(Plz see the upper two posts of mine).

 

Tutorial says to Add a bevel and emboss to the DUPLICATED layer and place it under DEFAULT layer.Then duplicate it to get 3D effect.

 

Please don't get angry,I am just asking  :neutral: .Which one of them is right?

 


Also Why don't we give Text a glow or crystalline/glass effect.
If you tell me how to do it,I can try this.This'll be great.

 

Regards.

answer
n°2100
sensational_one
Peace Keeper
Profil: New Penguin
Avatar
profil
Posted on 03-03-2008 at 01:25:06 PM  
 

Hello Brother,Where are you? :he:
You didn't tell me the answers of my questions?

answer
n°2101
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 03-03-2008 at 08:50:13 PM  
 

you are right Gruzz and about your pic. is good sensational_one its nice to know it

answer
n°2105
Boc_est1986
Profil: New Penguin
Avatar
profil
Posted on 03-07-2008 at 06:04:02 PM  
 

nothing brilliant but still learning, thanks for the tutorials

answer
n°2256
.drago.
Leaved this forum for a bit!!
Profil: Top Penguin
Avatar
profil
Posted on 05-03-2008 at 11:03:16 AM  
 

thanks Boc_est1986 for your reply and good result but try to make it a lot because you will make it better in the futer

answer
 Page :  1  2
Previous 
Top 

Go to:
Add a reply