Retinize It

The best Photoshop actions for preparing designs
for iOS or optimized for Retina-display websites


How it works?


What it includes?

There are two actions in the package: one for slicing selected layer/group only, and the second action is for slicing selected layer/group + it’s scaled by 200% version.

What should I keep in mind?

Work with shapes or Smart Objects if you’re using the retina action. Also you should work on the not-retina PSD-version of the design (1x).
If you use Drop Shadow or Inner Shadow properties for the layer you want to slice, keep in mind that "Use Global Light" checkmark is unckecked. Otherwise the shadow's angle will be changed to the default angle that setted in Photoshop (thanks to Nils Helmersson).

Who is it for?

RetinizeIt is perfect for designers and front-end developers who need to slice UI-elements from PSDs for iOS or Retina-ready websites.

How to install?

Just double-click the file and go to Window -> Actions in Photoshop.

Who did it?

Hey, I’m Artiom Dashinsky (Twitter), UI/UX designer from Tel Aviv. Drop me a line.

The action is based on the "Best Photoshop Export Action Ever" by Scott Bates. The difference is in scaling - me and my team are always designing in 1x resolution and scaling by 200% before sending it to developers, mostly because of 0.5px issue (you can learn more from Niklaus Gerber's article Designing for the iPhone 4 and in Designing for Retina display by Bjango) and Scott is scaling by 50%.

Where can I find more information?

If you’re a newbie in working with Retina-optimized graphics read this: