How To Make a Shiny Rounded Button in Adobe Illustrator

Using Adobe Illustrator CS4 (this procedure may also apply to CS3 and earlier versions, please let me know if it does) you can make a neat little object that looks like it is curved, rounded, and shiny, with a light shine highlight and edge darkening effect to get the full depth.

  1. Start with an image layer, containing the image that will be the skin of the object (which is in our case a round convex button).
  2. Put a new layer under it.
  3. On the new layer create a circle (Ellipse (L) tool and hold Shift to force circular, hold Alt to anchor center point of ellipse while manipulating the size) that encompasses the part of the image that whall be visible on the final “button” to be created.
  4. Create a radial gradient in the circle. Make it lighter in the center.
  5. Create a new layer between the image layer and the circle layer.
  6. Create another circle on this layer, a bit smaller than the last one, and shifted down a bit so it almost touches on the lower boundary of the circles.
  7. On the same layer create an ellipse that is larger than the circle, but leaves a crescent at the top of the button, for the shine.
  8. Using the layers box, and holding Shift, select both these layers. Then click Pathfinder > Subtract From Shape. This trims out all but the crescent.  (If it does the opposite, Undo (Ctrl-Z) back and reverse the order stacking order of the circle and ellipse on this layer, and try this step again.)
  9. Create a new layer between the image layer and the original circle layer.
  10. On this layer create a rectangle that covers the entire crescent.
  11. In the rectangle, create a white-down-to-black gradient (at -90 deg.) using the standard black and white color pair.
  12. Using the layers box again, select both the rectangle and crescent layers.
  13. On the Transparency panel dropdown (located in the right-corner of the panel) menu selet Make Opacity Mask.
  14. Select the original circle and copy it.
  15. Select the image layer, and paste the circle using Ctrl-F.
  16. Select the pasted circle. Remove the fill and stroke from it.
  17. Select the entire image layer (which selects all sublayers too) and do Ctrl-7 to create a clipping mask. Now your button looks round.
  18. Create a new layer above the image layer, but under the shine layer.
  19. Paste the circle again into this new layer.
  20. Convert the fill to a B&W gradient.
  21. On the gradient, move the center nugget toward the black as far as it will go. This creates a domed shadow effect.
  22. In the Transparency panel, select Mode of Multiply, then select Opacity of 20%.

Viola! Now you have a round  button that looks roundy and shiny.  Rotate the crescent layer to change the direction of light in the shine.

Great Adobe Illustrator tutorial I got this metod… thank you Veerle!

Posted under Graphic, Uncategorized, WebDev

Stats on Browsers, Operating Systems, used in browsers

I found some nice information on which browsers are being used, which resolutions and operating systems are running them, what desktop resolutions they have, etc. Very nice. See how fast Vista is losing usership…

Info courtesy W3Schools

Posted under Browsers, Network, Operating System, WebDev

This post was written by Content Curator on February 2, 2010

Tags: , , , , , , , , , , ,

How to make Windows “forget” network share login

Sometimes in testing network settings and authentication ( for instance when setting up a Samba server and users on a CentOS, Ubuntu, or Feroda Linux system) I often find it useful to force my Windows PC client to “forget” the login username and password that it has on record, for the current session, so that I may login again with another username/password combo. Easily accomplished, this Windows trick works on all modern Microsoft operating systems.

The situation: You need to login again to a network share on a Windows file server, or a Linux server,  without rebooting the client computer.

The fix: Disconnect from the shares using the NET command.

  1. Open a command prompt. (My favorite way is: Win-R, type cmd, press Enter)
  2. Type NET USE * /DELETE
  3. It will prompt you for verification, type Y and Enter.

That’s it! Enjoy, and may your login be forgotten!

Courtesy, Microsoft:

Posted under Microsoft, Network, Software, Windows