![]() If you’re building an iOS application, then you’ll need to provide a background and splash screen in three resolutions: standard (320 × 480 pixels), Retina (640 × 960 pixels) and iPhone 5 (1136 × 640 pixels). This convention was established in Apple’s iOS Developer Library. Remember to add a high-resolution modifier, for the Retina versions of the files. The only thing you have to do is choose the directory and name the files. How Much Of The Slicing Process The Action SavesĪlmost all of it. After this process, you’ll be returned to the original file. Once that’s done, the action asks what you want to name the file, saves it, scales the original element by 200%, and saves that as a separate file. In the background, Retinize It copies the selected layers to a new file, makes the background transparent and trims the space around the element. Once you’ve activated it, you just need to name the files and set the directory to save them to. Select one layer, several layers or a group of layers, and run the action. ![]() Retinize It uses Photoshop actions and retina.js to optimize for Retina displays. The tool has gotten good buzz in the Web design and front-end development community, so today I’m happy to introduce Retinize It on Smashing Magazine. The great feedback from my team inspired me to share it with other designers. Upon failing to find a tool that fits my design team’s workflow, I created a set of two time-saving Photoshop actions for slicing graphics for Retina and standard displays. Photoshop Etiquette For Responsive Web Design.Create Pixel-Perfect Assets For Multiple Scale Factors.The Retina Asset Workflow You’ve Always Wanted For Photoshop.And to support Retina displays, we also need to create double-sized versions of elements. Preparing graphics for development mostly entails saving user-interface elements from the final mockups, with transparent backgrounds. Because slicing is a monotonous and straightforward task, using the right tool and workflow can save you hours or even days of work. Slicing graphics from finished designs to use for development is one of the less enjoyable parts of building a website or app. So, as creators of products that will be consumed on Retina devices, we have to optimize our design and development workflow accordingly. High-definition (or “Retina”) displays have spread wider and wider, and evidently their numbers will keep growing.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |