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-11

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

step-2

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-3

step-3a

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

step-4

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-5

step-5a

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.

step-6

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

Thanks.

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

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: