Monday, October 29, 2012

rounded buttons

Say you want some rounded buttons on a webpage, and you make your buttons in Powerpoint because you don't know what else to do. You may run in to problems for cropping those rounded buttons because most crop programs make only exact rectangles.

Here is a solution:

  1. Make the buttons in Powerpoint (or Illustrator)
  2. If you made them in powerpoint, screenshot a high resolution version (I did this from opening a PDF saved from the Powerpoint in Illustrator.)
  3. Open screenshot in Photoshop. (mine was a .png)
  4. Press "C" to open the crop tool and crop close in to the button, then press "return" to crop.
  5. If your button is outlined, press "W" for the wand tool and click to outline the surrounding area outside the button.
  6. With the outside area highlighted, press "delete"
  7. Save for a web device, GIF, transparency "background color" (this will make the area around the button transparent so you can have rounded buttons)
Here's an example of the result:

No comments:

Post a Comment