Dec
17th

How to Create Web 2.0 Reflection in 1 minute

Files under Article, Graphic Design, Tutorial | Posted by firewalker

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

Reddit Digg Technorati Google StumbleUpon

Email This Post Email This Post


2 Responses to “How to Create Web 2.0 Reflection in 1 minute”

  1. By Bob Johnson on Dec 19, 2007 | Reply

    Awesome, thanks!!

  2. By Didik Wicaksono on Dec 23, 2007 | Reply

    I’m glad you like it, Bob!

Post a Comment