Adobe Generate (MAX Conference 2014)

Question 1

You have to “SLICE” up images of your website comp to send to your developer.

What would you use if he wants high-res, medium or low-res JPG, PNG and SWFs of all images?

Answer 1

1. Create SMART OBJECT in Photoshop
2. Adobe GENERATE under File/Generate/Image Assets in Photoshop CC 2014.1
3. Because Photoshop is in a constant state of generating graphics, you can generate other files, based on rename of layer
4. Once selected, if you modify graphic, rename layer, automatically generates LIVE graphic on desktop

Question 2

How would you build a quick directory structure with subfolders?

Answer 2

1. Through Photoshop / Generate / Image Assets
2. Organize files through APPEND characters
3. File names: / -s; / -m; - l or - @2x for HD
4. Default 50% small or s; medium or -m; 200% HD or @2x
5. Promo2,jpg 5 / 1 / 13%
6. 400% logo.png = 400% it’s size
7. .SVG
8. promo.png or promo.gif
   
   • PNG = 32 automatically
   • PNG 24 = 24
   • PNG 8 = 8
9. Vector / logo or bitmap / logo

Question 3

How can you customize your workflow futher via Adobe Generate?

Answer 3

Through JavaScript Node JS + Generator Plug-ins at GitHub.com