Mobile app version of vmapp.org
Login or Join
Speyer780

: Resizing vector paths to pixel bounds I have an iOS layout designed for Retina, which means it's double the resolution of the older devices. To create standard-resolution PNGs, I would need

@Speyer780

Posted in: #AdobePhotoshop #Resize #SubpixelRendering #Vector

I have an iOS layout designed for Retina, which means it's double the resolution of the older devices. To create standard-resolution PNGs, I would need to scale down the design by 50%.

Problem is, I have a lot of vector paths and scaling the image to 50% causes them to land inbetween two pixels. The result is blurry borders all over the place.

So the question: What do I do to resize the document to 50% while keeping all the vector paths on pixel bounds?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

2 Comments

Sorted by latest first Latest Oldest Best

 

@Courtney577

Best to recreate the vector art with the pixel dimensions in mind. Adobe Illustrator CS5 has a Pixel Grid feature that can also help align and preview what the raster output will look like.

10% popularity Vote Up Vote Down


 

@Gail6891361

import the vector paths and raster images into illustrator and redo layout. Illustrator CS5 has in the transform pallet a check box for constrain to pixel grid.
Select all of your vector paths and check this box. Then when you resize it will stay aligned to the pixel grid.

It may be some work but if your raster images are placed from photoshop and your vector is in illustrator then your workflow will be easier to edit in the future.

Another option would be to import the vector lines from photoshop into illustrator without the raster images. Do as above to scale 50% then import back into photoshop as smart object.

Then again you could rasterize the vector lines and scale 50% as well.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme