web design | graphic design | javascript | css | html | tutorials of photoshop, flash, dreamweaver

Glassy Effect With Photoshop

Posted on: January 19, 2009

Hi friends,

Now I am going to teach you simple technique of photoshop to create glassy button with simple parameters. I now that there are lots of way to create glassy button but this is simplest way to create it and impress your boss.

Lets start:

Step:1 Take New blank document 300 X 300 Pixels.And draw circle in it.


Step:2 Fill the color whatever you like most or your client like.


Step:3 Add layer and Draw the shape shown in the image below. Go to feather and put value 5 in the dialogue box.



Step:4 Fill white color linear gradient.And you will get the following result.


Step:5 Now write text in it give text color #02a4bc. For example I wrote Home in it, Select the text and select Create Warped Text option and set value as shown in image below.



step:6 Finally keep the text layer opacity 75%. And here you got the result yes you cant believe but you, yes you created it.


Enjoy, and keep visiting this blog i’ll teach you more tips and tricks of Photoshop, Flash, Dreamweaver, CSS, Javascript etc.

3 Responses to "Glassy Effect With Photoshop"

Very nice! thanks

I love your blog. I’ve added it to my favorite bookmarks and subscribed in a reader.

Looking forward to reading more posts by you.

I have some good web tutorials on http://www.webtutorials.me/tutorials.php


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

%d bloggers like this: