Overview
-
Learn to create beautiful, HiDPI (aka retina) graphics for a variety of screen sizes, using the tools in Photoshop and Illustrator.
Syllabus
-
Introduction
- Welcome
- How to use exercise files
- Understanding challenges
- How to send feedback
- Understanding the need for HiDPI graphics
- Understanding platform guidelines for HiDPI graphics
- Examining Justin's "rules for retina"
- Scaling artwork in Illustrator
- Scaling artwork in Photoshop
- Challenge: Creating your own retina images
- Solution: Creating your own retina images
- Understanding retina naming conventions
- Saving retina graphics in Illustrator
- Saving retina graphics in Photoshop
- Challenge: Saving your retina graphics
- Solution: Saving your retina graphics
- Generating @2x assets in Photoshop
- Extracting @2x assets in Photoshop
- Using Smart Layer Export in Illustrator
- Where to go from here
