Jump to content

Making glass buttons


BuzzKill

Recommended Posts

  • 3 weeks later...

This was a fun tutorial, easy to understand and easy to do. Thank you so much for it.

Here's my shot at it:

anonbutton4.png

On the second glass button tutorial, instead of using the Tom Code Lab and SearedIce, I used the gradient tools as a substitute and got this result, which I'm pretty happy with.

anonbutton3.png

anonmetalbarsig2.gif

Link to comment
Share on other sites

  • 1 month later...
  • 3 weeks later...
  • 1 month later...
  • 2 weeks later...
  • 1 month later...

I need a bit of help with the following.

Ok, we'll start of with creating a new image (ctrl+n). I chose 200x50 px. Fill it in with a color of your choice. This color will be the main color of your button. Whichever color you choose, avoid having the "Value" of that color set to maximum (100) I don't know how to change the "value" of a color"as we will be using it in the next step for a gradient.

Pick the Rectangle tool (o), make sure you have "Draw Filled Shape" selected (bottom toolbar, next to "Fill style"), and set the value of your color to maximum (100). Go about three quaters down the image and draw a rectangle from that point down, all the way across. Do a Gaussian Blur at a 10px radius.

Link to comment
Share on other sites

  • 4 weeks later...
  • 2 months later...
  • 1 month later...

Use the wand :MagicWandTool: to select the white area and press delete.

You will also need to save the image in a format that preserves transarency (generally GIF or PNG).

Link to comment
Share on other sites

Use the wand :MagicWandTool: to select the white area and press delete.

You will also need to save the image in a format that preserves transarency (generally GIF or PNG).

I tried as you said but it still shows white box around button in Windows Picture Viewer but not here.See here,

Thanks in advanced and

Regards.

41057_255888704ca6a6ec62c0a4c58c3e7373

41057_f83545e23452775e8d74c0f99347912d

Link to comment
Share on other sites

That _may_ be a function of Windows Picture Viewer. Open your image in your browser and see how it looks.

Link to comment
Share on other sites

  • 2 months later...
  • 1 month later...
  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...