The UI Artist's Survival Kit

on YouTube ↗47m

" summary

A practical Photoshop workflow turns a messy set of ~20 screens (~60 states, ~100 assets) into a maintainable pipeline using Artboards, Generate Image Assets and Proof Setup. Artboards hold multiple resolutions and allow alt‑drag duplication; Device Preview pushes live art to iOS for quick testing; Smart Objects and cloud Photoshop Libraries create linked, updatable assets across files; generator auto‑exports scaled PNGs into a repo so assets stay current and implementation errors drop.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 1:52The Basic Process
3. 4:1120 screens
4. 4:36One Change
5. 6:35Device Hell
6. 7:38Exporting???
7. 9:30Artboards
8. 14:50Device Preview
9. 20:26Proof Setup
10. 20:57Smart Objects
11. 29:12Photoshop Libraries
12. 37:18Generale Image Assets

" related talks

• 46mDesigning Killer Apps & Websites Using Photoshop and Creative CloudPaul Trani · FITC Web Unleashed 2014
• 40mCreating illustration Systems that Work for EveryoneBonnie Kate Wolf · Config 2020
• 22mThink outside of the FrameFons Mans · Config 2022
• 01h 18mPhotoshop Productivity Tips & TricksJulieanne Kost · Adobe MAX 2019
• 40mCreating illustration Systems that Work for EveryoneBonnie Kate Wolf · Config 2020
• 01h 17mCreating Your Best Work: Training Your Eyes to EditAnna Daviscourt · Adobe MAX 2019
• 17mHow to mix third-party assets without your game looking cheapJakub Kasztalski · Pocket Gamer Connects Seattle 2019
• 45mColours on Time: stronger schemes, fewer headachesJennifer Reuter · GCAP 2025