Nov 22, 2009

3d Text Effect

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Photoshop

3d Text Effect

thasoldier
In this tutorial i will show you how to make a 3D text effect


The Tutorial:
QUOTE
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.
---------------------------------

---------------------------------
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.
---------------------------------

---------------------------------


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)
---------------------------------

---------------------------------

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.
---------------------------------

---------------------------------
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
---------------------------------

---------------------------------

you can use it too in the shapes
i hope you like it smile.gif

 

 

 


Comment/Reply (w/o sign-up)

yordan
Nice topic.
QUOTE
hope you like it
Yes, I liked it.
Of course, I liked it even more in it's original form here : http://www.websitetemplatedesign.com/oscom...orial_240.shtml
You know, posting text copied from somewhere else is not really forbidden here. However, honesty asks that you put this text between quotes, and politeness asks that you mention the source where it's copied from.
Today I did the quoting job for you, next time I expect you to do the quoting by yourself. Else, we could imagine that you are trying to cheat with the credit system, which makes some mods around here rather angry. mad.gif

Comment/Reply (w/o sign-up)

thasoldier
ok..sorry, it wont happen again

Comment/Reply (w/o sign-up)

yordan
QUOTE (thasoldier @ Jan 28 2009, 10:34 PM) *
ok..sorry, it wont happen again

I hope so mad.gif

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords :

  1. Ps Tutorial: Create Text On Grassland
    (0)
  2. How To Control A Text Area .
    Use it in web designs using PS (4)
    Hello , Using the Text follow Path Method I'll show you the way to control a text area very
    simple . You may find this useful when design a web page template Lets start . In most cases when
    you design a web page template you will need to change font family or size of the text So the whole
    template will change its layout .. To control this in a friendly way use text follow path method .
    How ?! Let me explain to you The most important is that when ever you
    need to change the text , font , style or size of the text inside this text ar....
  3. Photoshop Tutorial: Jungle Style Text Effect
    nice text effect (4)
    simple as they come, its my first, hope you like it /unsure.gif" style="vertical-align:middle"
    emoid=":unsure:" border="0" alt="unsure.gif" /> Tutby: joćo mustra ....
  4. Photoshop Tutorial: Bloody Text
    (15)
    Bloody Text 1-Create a new white back ground color document ( my document size is 500*150) 2- type
    your text ( Font: Arial Black, Size: 50px, Color: black) 3-click Filter > Blur > Gaussian Blur,
    Radius: 5.0 pixels. 4- Click Filter > Stylize > Find Edges, and again (Ctrl+f) 5-Click Image >
    Adjustments > Hue/Saturation, mark Colorize, Hue: 360, Saturation:100 and Lightness:0. 6- Click
    Image > Rotate Canvas > 90 CW 7- Click Filter > Stylize > Wind , Method: Wind , Direction :From the
    right. and again (Ctrl+f). 8- Click Image > Rotate Canvas > 90 CCW. ....
  5. Photoshop Tutorial: Abstract Background, Cool Text, And More
    (4)
    Okay, are you ready to make a cool sig? Well I'm here to teach you how to make a sig like this
    Well for starters, we want to make the background. toolbar 1)First create a new file
    with the demensions of 400 width and 150 height pic 2)Next, you want to make the
    background background, you can acomplish this by using the paint bucket tool and clicking on the
    picture. 3)Now we want some good brushes. I used the WW 11 brush which is not availible
    online anymore(If anyone has a place I can store the file, tell me so I can put the downl....
  6. Photoshop Tutorial: Create Text Like Ice!
    (13)
    I want to learn you, how you can create text like ice! follow me! Step 1 ) create a new doc and
    type your text Step 2 ) right click on layer(text) and select "resterize layer", rotate your text
    (Image > Rotate > 90 CCW ) and apply wind filter ,do this three times. and finally rotate text to
    normal position. Step 3) right click on the layer and Duplicate layer and go to Filter > Blur >
    Motion Blur-90 and distance as 45. Step 4) select the Eraser and remove blure from the top of the
    text ( layer 2). Step 5) Merge two layers, for these press Ctrl+E ,and then apply Filt....

    1. Looking for 3d, Text, Effect

See Also,

*SIMILAR VIDEOS*
Searching Video's for 3d, Text, Effect
advertisement



3d Text Effect

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com