© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Server-side Node.js programming with... Photoshop? Andy Hall JSConf.Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013
May 08, 2015
Making Generator plugins for Photoshop with Node.js - slides for a talk I gave at JSConf Asia in Manila.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Server-side Node.js programming with...
Photoshop?
Andy Hall JSConf.Asia 2013
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
§ Developer evangelist at Adobe Japan § Studied physics → web dev → Flash dev → various stuff at Adobe
§ Other: video games, jazz, whisky, etc..
@fenomas
aphall.com
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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
generator-core
Node.js
KVLR
plugin.. plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What smart people do with this...
(demo 1)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Generate > Image Assets
Pros: Very useful! J
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What I did...
(demo 2)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Generator architecture
generator-core
Node.js
KVLR
plugin.. plugin..
generator-core
Node.js
plugin.. plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
> 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 Confidential.
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. All Rights Reserved. Adobe Confidential.
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.
Working with multiple VMs
generator-core
Node.js
KVLR
plugin.. plugin..
generator-core
Node.js
plugin.. plugin..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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.
photo: www.flickr.com/photos/haroldbakker/2738462048/
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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/generator-core
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
@fenomas
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Related Documents
