Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

zerocustom1989

macrumors regular
Original poster
Sep 5, 2007
247
22
Im trying to export elements for an iPhone app, but PS is giving me blurry edges. Is there a way to prevent this?

EX:
photo.png


Edges are straight, the basic shape is a "shape", so there's no raster element at play here.

Any advice?
 
Make the basic shape in Bitmap format. (Image > Mode > Bitmap)

Bitmap is black and white pixels only.

It will not smooth (anti-alias) your curves.

Once you've created your basic shape you can change your format to RGB and overlay any color/grayscale on top of your base black and white shape.
 
Make the basic shape in Bitmap format. (Image > Mode > Bitmap)

Bitmap is black and white pixels only.

It will not smooth (anti-alias) your curves.

Once you've created your basic shape you can change your format to RGB and overlay any color/grayscale on top of your base black and white shape.

Ah Ok, that's interesting. I had another problem sneak up on me aswell that was the main cause of my cruddy corners, but Is starting in bitmap a good practice?
 
I agree with Jim. Use Illustrator.

If, however, you insist on using Photoshop, drawing your box with the rounded rectangle tool should result in a scalable vector shape (unless you are using a really old version of PS).
 

Attachments

  • Screen shot 2010-07-19 at 8.23.39 AM.png
    Screen shot 2010-07-19 at 8.23.39 AM.png
    23.8 KB · Views: 104
I agree with Jim. Use Illustrator.

If, however, you insist on using Photoshop, drawing your box with the rounded rectangle tool should result in a scalable vector shape (unless you are using a really old version of PS).

I'm not quite sure about this on CS4, I still get anti-aliasing even when using the rounded rectangular shape tool. The same goes for the line tool as well. It's quite annoying really.
 
Well, yeah—you're still dealing with a raster-based document.

Photoshop is just giving you a vector shape as means to author that raster shape. It's still being rendered at the documents resolution.

If you take the original saved graphic and scale it up, it's going to get fuzzy/blurry. I don't know what file format the iPhone uses for its file assets (I'm guessing PNGs), but unless it's SVG (and naturally made in something like Illustrator), you can't just scale them up at will. They'll be interpolated.
 
Don't know much about iPhone graphics, but you can also use the Pen tool in Photoshop for vector shapes.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.