Server-side Node.js
programming with...
Photoshop?
Andy Hall JSConf.Asia 2013

© 2012 Adobe Systems Incorporated. All Righ...
@fenomas
aphall.com
§ 

Developer evangelist at Adobe Japan

§ 

Studied physics → web dev → Flash dev →
various stuff a...
Okay, so let s talk about Photoshop!

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

Node.js

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe...
What smart people do with this...

(demo 1)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Generate > Image Assets

Pros:

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

Very useful! J...
What I did...

(demo 2)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Generator architecture
KVLR
Node.js

Node.js

generator-core

generator-core

plugin..

plugin..

© 2012 Adobe Systems Inc...
> node generator-core/
-f generator-plugins/

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
a few words about julius

julius.sourceforge.jp/en_index.php
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe...
a few words about julius
awesome.grammar:

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

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Voice command chain
Ignore everything
except preface
Okay Photoshop
[command]
Thank you
© 2012 Adobe Systems Incorporated....
Side note:
Q: Wouldn t everyone feel
kind of stupid talking to
Photoshop?
A:

(demo 3)
© 2012 Adobe Systems Incorporated. ...
Working with multiple VMs
KVLR
Node.js

Node.js

generator-core

generator-core

plugin..

plugin..

© 2012 Adobe Systems ...
Working with multiple VMs

main.js:

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

main.js:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential...
Digression:
My dream:

self-sorting bookshelves.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidentia...
One last gratuitous demo:

(demo 4)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
That s it!

•  Plugin source:
github.com/andyhall/generator-awesome
•  Generator core:
github.com/adobe-photoshop/generato...
@fenomas

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

Node.js and Photoshop Generator - JSConf Asia 2013

3,246 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,246
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
48
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Node.js and Photoshop Generator - JSConf Asia 2013

  1. 1. Server-side Node.js programming with... Photoshop? Andy Hall JSConf.Asia 2013 © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  2. 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. 3. Okay, so let s talk about Photoshop! © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  4. 4. Generator KVLR ExtendScript Node.js © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  5. 5. Generator architecture KVLR Node.js generator-core plugin.. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. plugin..
  6. 6. What smart people do with this... (demo 1) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  7. 7. Generate > Image Assets Pros: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Very useful! J
  8. 8. What I did... (demo 2) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  9. 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. 10. > node generator-core/ -f generator-plugins/ © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  11. 11. Now to talk about the code: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  12. 12. a few words about julius julius.sourceforge.jp/en_index.php © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  13. 13. a few words about julius awesome.grammar: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  14. 14. a few words about julius awesome.voca: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  15. 15. Voice command chain Ignore everything except preface Okay Photoshop [command] Thank you © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  16. 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. 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. 18. Working with multiple VMs main.js: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  19. 19. Working with multiple VMs Useful tip: main.js: © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  20. 20. Digression: My dream: self-sorting bookshelves. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. photo: www.flickr.com/photos/haroldbakker/2738462048/
  21. 21. One last gratuitous demo: (demo 4) © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  22. 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. 23. @fenomas © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  24. 24. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×