How to Create Web 2.0 Reflection in 1 minute

Since this is just a minute, memorize this steps otherwise it will blow off your monitor!

Just kidding, now.

This is the simplest tutorial I’ve ever made. I get this tutorial by watching those web 2.0 templates around the globe recently, and figure it out as soon as possible. Well, here it is guys, so simple.
All you need to know is that most reflection is good in the dark, what I mean is, they look absolutely beautiful in dark background. Let’s take dark green background as example and put white text on it.

To create the reflection, press ctrl + J to duplicate the text. You will have two layers with the same text. Now, put one of the text under the other.

Then flip it vertically by using ctrl + T, right-click on it, and flip vertically. Or you can access the Edit > Transform > Flip Vertical. There you got the reflection, now. But you need to make it more smooth and soft.

In order to make it smooth, you won’t need the text’s original color, so put the Fill opacity into 0%. Then right-click the layer to set Blending Option. Then fill it with gradient. This is how the gradient composition which is simply good for reflection:

It is a combination of white-white gradient, however, there are different transparency. One is around 40%, while the other is completely 0%. Put it just like the picture above. It’s done! You can arrange other glossy effect, but remember, web 2.0 things are all about simplicity. It pleases your eyes very well.


 
 
 
 

Blogged with Flock

Related post to this tutorial:
Shiny Floor Effect

Comments

 2 comments

 Give comment







logovcard

I am a website designer who create website that really works and easy to use. I am capable of creating website with XHTML, CSS, and jQuery. WordPress is my preferred tools of trade.

Saya adalah seorang desainer website yang mampu membuat website yang benar-benar berfungsi dan mudah digunakan. Saya dapat membuat website dengan XHTML, CSS dan jQuery. WordPress adalah piranti pilihan saya.

 
I am not available for design work at this time
Saya tidak bisa menerima pekerjaan desain untuk saat ini