Posted on Tuesday, 29th January 2008 by tutorials007
In this tutorial you will learn how to make an nice and simple 3D pixel text with reflection.
This tutorial is similar to our first 3D text effect.
But, on visitors request I made this one…
1. Open up a new document. 400 x 400 pixels.
2. By using Horizontal Type Tool (T) write some text. Fill it with some color.
I used #6F0000, font Impact, size 72.
3. Copy this text layer now. Fill it with another color. I used #FF0000.
Ok, now Rasterize this layer. Layer -> Rasterize -> Layer.
Press V to select your Move Tool.
4. Hold ALT pressed and with other hand press up arrow, then right arrow, again up arrow, right arrow.
Repeat this 10 times. DO NOT LET ALT OFF. Keep ALT pressed all the time.
This is what I got.
5. In layers window, you a lot of your rasterized text layers.
we will deal with that now. Make layer background and original text layer invisible.
Then press SHIFT + CTRL + E to merge all visible layers.
Now you should have three layers. Background, original text layer and rasterized text layer.
Move your original text layer above your rasterized text layer in layers window.
This is what you should have now.
Ok. Now add following layer styles to your rasterized text layer.
Stroke
Drop Shadow
Cool isn’t it?
Let’s add a reflection.
First, merge your original text layer and rasterized text layer.
6. In step 5 at the end you’ve created a new layer by merging two text layers together. Now you have only background layer and text layer.
Ok?
Copy your text layer. Right click on it in layers window and “Clear layer styles”.
Now go to our “Web 2.0 text with reflection” to learn how to add a reflection to text and apply it for this text.
You can get a lot better effect if you’re playing with background a little…
Have you heard about pdf converter software? It takes the text in a pdf and converts it over to other Microsoft formats. You can convert pdf to excel, or even convert pdf to word. So the next time you need to deal with tricky pdfs think of investintech!
Posted in Photoshop Tutorials | Comments (13)
January 30th, 2008 at 1:27 am
Don’t you think that reflection isn’t correct? You have done 3d text, and used reflection, which would be correct for 2d objects… try to imagine surface of reflection, you used bad angle for this. Sorry for my english, dude xD btw, quite nice tut, but take more care ’bout details, so it will be more realistic.
January 30th, 2008 at 6:22 am
Yep. I see I should use another angle. I will fix that later.
January 30th, 2008 at 12:28 pm
Hi 007,i found your site today (oh man missed so much )and i’m quite excited about that.I would really like to have my own web site, please tell me what i need to know in other to create my own web site.will be following your posts from now on. thank you
January 30th, 2008 at 5:53 pm
Hi gogole,
thanks for your comment. Well, just stob by often and you will have plenty of articles, tutorials to read and learn from it.
January 30th, 2008 at 8:24 pm
Ok,but what do i need to know to start my web site.i’m really eager to start.
January 30th, 2008 at 8:39 pm
First, to see the basic concept and to prepafre yourself read this article: http://www.tutorials007.com/index.php/express-yourself-on-the-internet/
January 30th, 2008 at 9:17 pm
i’ve read it ,i already have my site’s concept (blog + refrences to tutorials & info) and kinda have my design layout made as well (in my head).so where do i start.
January 30th, 2008 at 9:56 pm
getting the tools that i need (photoshop & illustrator).I will get back to you when i’m set to roll.thanks
February 16th, 2008 at 9:13 am
Its too Simple n elegant…..good job
Thanks
iD-esigns
May 3rd, 2008 at 12:52 pm
DANKE SEER SCHON HAT MIER GEFELT
June 11th, 2008 at 3:43 am
this tutorials are awesomw!
June 11th, 2008 at 3:43 am
oops, awesome, i mean!
October 14th, 2008 at 8:00 am
Hi,
Simple & great..good job