Loading...


bookmark - 3d Text Effect

3d Text Effect

 
 Discussion by thasoldier with 3 Replies.
 Last Update: January 28, 2009, 10:27 pm
 
bookmark - 3d Text Effect  
Quickly Post to 3d Text Effect  w/o signup Share Info about 3d Text Effect  using Facebook, Twitter etc. email your friend about 3d Text Effect Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

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.


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.


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)


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.


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


cryfinalju3.png


you can use it too in the shapes
i hope you like it :mellow:

   Tue Jan 27, 2009    Reply         

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





   Tue Jan 27, 2009    Reply         

ok..sorry, it wont happen again

   Wed Jan 28, 2009    Reply         


QUOTE (thasoldier)

ok..sorry, it wont happen again
Link: view Post: 134447

I hope so :mellow:

   Wed Jan 28, 2009    Reply         

Quickly Post to 3d Text Effect  w/o signup Share Info about 3d Text Effect  using Facebook, Twitter etc. email your friend about 3d Text Effect Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

Similar Topics:

VB.NET Rotating Label amp Angled...

Language: Visual Basic.NET 2003 Description: Standard Windows Form Label control capable of rotating its text from -360 to 360 degrees. This control has two reference modes, center and quadrant. Sample: ...more

   30-Jun-2005    Reply         

New Text Based Game Maker

Hello everyone, I just wanted to stop by and invite you all to try out my new Text Based Game Engine I am currently developing. The engine is being released for free with the source code distributed along with the engine. The game engine is called the TBG Engine Suite and will run text based games o ...more

   13-Jan-2007    Reply         

Which Text Editor To Choose?

I’m in need of some good text editors for development. I have tried notepad++ and crimson editor. I want better text editor with clear features and simple look. My usage is mainly to edit css/php/java and other source files. I want to know if there are other good options for text editor. You can sug ...more

   27-Oct-2009    Reply         

Speed Up Your Photoshp Workflow Useful tips and tricks   Speed Up Your Photoshp Workflow Useful tips and tricks (0) (5) Cut-photo Effect   Cut-photo Effect