Retina ize It - The best Photoshop operation for designing or optimizing Retina display websites
The best Photoshop operation for designing for iOS (supporting iPhone 6/Plus) or optimizing for Retina display websites
What does it include?
There are three actions in the package:
-
1x is only used for slicing selected layers/groups and is very suitable for quickly exporting elements in their original size.
-
1x, 2x are used to slice and scale the selected elements by 200% version. Very suitable for Retina ready websites.
-
1x, 2x, 3x+scaling 200%+scaling 300% of the selected element. Very suitable for iOS assets.
What should I remember?
Process shapes or intelligent objects. In addition, I suggest working on the design of non retinal PSD versions (1x). I explained the reason in an article in Smash Magazine.
If you use projection or inner shadow properties on the layers you want to slice, remember that the 'Use global lighting' checkbox is not selected. Otherwise, the angle of the shadow will be changed to the default angle set in Photoshop (thanks to Nils Helmersson).
Who is it for?
It is very suitable for designers and front-end developers who need to separate UI elements from the PSD of iOS or Retina ready websites.
How to install?
Just double-click the file to enter the window ->actions in Photoshop. Expand the 'Retinize It' folder in the action window.
Who did it?
Hi, I am Artiom Dashinsky, a product designer working in Tel Aviv and Berlin. I am a former senior product designer at WeWork, founder of Swag Fair, and author of "Solving Product Design Exercises" and "Generating Product Ideas". Please feel free to contact us via email at any time.
The original action is adapted from Scott Bates' "The Best Photoshop Exported Action of All Time". The difference lies in the scaling ratio - my team and I always design at 1x resolution and scale 200% before sending it to developers, mainly due to the 0.5px issue (you can learn more from Niklaus Gerber's articles "Designing for iPhone 4" and Bjango's "Designing for Retina Display Screen"), while Scott's scaling ratio is 50%.