Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I want to create some vector based buttons which resemble the button design shown below:

buttons

I can just take a button and treat it as a bitmap and change text and appearance, but the output doesn't look professional. If I have a vector of the same design, it can easily be re-sized and modified without loss in quality.

How can I create vector versions of these in Photoshop CS6?

share|improve this question
2  
Photoshop will not output vectors, this would have to be taken care of with Illustrator or Inkscape. –  Adam Schuld Aug 7 '13 at 11:29

2 Answers 2

As the others have said, Photoshop won't create a true vector image. Although you can still create a shape like that in Photoshop that you can re-size with better results than re-sizing a PNG, GIF, or JPG.

  1. Create a basic shape using the Rounded Rectangle Tool
  2. Hold down the Pen Tool and select the add anchor points option
  3. Click on the sides of the rectangle to add anchor points
  4. Use the Direct Selection Tool (the white arrow) to move the anchor points to get the curls you want

Photoshop Help / Editing paths

share|improve this answer

If you have a vector, yes, it will resize at any scale without losing quality. However, you'll need to jump into illustrator to do this.

When using a bitmap, it should still only be deteriorating quality if you're scaling the image up, or saving it as a compressed format, like a jpg or a gif.

share|improve this answer
1  
Scaling down doesn't always treat your rasters kindly either. Stick to vectors when you know you'll have to scale. Export to raster when you're done. –  plainclothes Aug 7 '13 at 16:46

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.