Making Generator plugins for Photoshop with Node.js - slides for a talk I gave at JSConf Asia in Manila.

1. Server-side Node.js
programming with...
Photoshop?
Andy Hall JSConf.Asia 2013
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

2. @fenomas
aphall.com
§
Developer evangelist at Adobe Japan
§
Studied physics → web dev → Flash dev →
various stuff at Adobe
§
Other: video games, jazz, whisky, etc..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

3. Okay, so let s talk about Photoshop!
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

4. Generator
KVLR
ExtendScript
Node.js
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

5. Generator architecture
KVLR
Node.js
generator-core
plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
plugin..

6. What smart people do with this...
(demo 1)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

7. Generate > Image Assets
Pros:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Very useful! J

8. What I did...
(demo 2)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

9. Generator architecture
KVLR
Node.js
Node.js
generator-core
generator-core
plugin..
plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
plugin..
plugin..

10. > node generator-core/
-f generator-plugins/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

11. Now to talk about the code:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

12. a few words about julius
julius.sourceforge.jp/en_index.php
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

13. a few words about julius
awesome.grammar:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

14. a few words about julius
awesome.voca:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

15. Voice command chain
Ignore everything
except preface
Okay Photoshop
[command]
Thank you
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

16. Side note:
Q: Wouldn t everyone feel
kind of stupid talking to
Photoshop?
A:
(demo 3)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

17. Working with multiple VMs
KVLR
Node.js
Node.js
generator-core
generator-core
plugin..
plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
plugin..
plugin..

18. Working with multiple VMs
main.js:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

19. Working with multiple VMs
Useful tip:
main.js:
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

20. Digression:
My dream:
self-sorting bookshelves.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
photo: www.flickr.com/photos/haroldbakker/2738462048/

21. One last gratuitous demo:
(demo 4)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

22. That s it!
• Plugin source:
github.com/andyhall/generator-awesome
• Generator core:
github.com/adobe-photoshop/generator-core
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

23. @fenomas
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

24. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.