A new approach on Photoshop Development

Learn how to create standalone applications for Mac/Windows built with modern JavaScript + Node.js and able to communicate with Photoshop. Think about traditional CEP Panels, but transplanted out of the host-application as independent apps.

► Keep complete control over the development environment
Stop being limited by Photoshop CEP features and slow update cycles
► Always use the latest V8 JavaScript and Node.js to support all Photoshop versions
► Exploit System-level features such as Notifications and Tray menus
Secure your code with V8 bytecode export
► Fully automated build system

9 Hours video-tutorial

You can follow me coding from scratch a full working demo application, a machine learning powered batch processor for Photoshop. I’ve thoroughly documented every aspect of the build, from the choice of the framework, to the app architecture and general problem solving.

00_thumb
01_thumb
02_thumb
03_thumb
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq
placeholder image-sq

What you’re going to learn

The entire course revolves around 3 main topics that make use of the following technologies.

placeholder image

Vue.js

placeholder image

Vuetify

placeholder image

ml5.js

placeholder image

NW.js

placeholder image

Node.js

placeholder image

SocketIO

placeholder image

Generator

placeholder image

Photoshop

placeholder image

VSCode

placeholder image

git

  • ▶︎ First, it’s about Web Applications, specifically built with the Vue.js framework. I’ll teach you how to scaffold them with vue-cli, use Vuex as a Central State Management pattern library, Vuetify as a Vue-ready components provider, ml5.js to boost it with machine-learning, while creating several npm scripts to automate every build step, from the early development stages to the final, binary files production.

  • ▶︎ Second, it’s about Native Applications built on top of the NW.js framework. You’ll learn how to create native windows that host your web application, interact with the OS and feature built-in  Node.js support.

  • ▶︎ Third, it’s about Photoshop integration. I’ll guide you through the creation of a custom Adobe Generator Plug-in that acts as a SocketIO server, accepting connection from the Native App’s SocketIO client. You’ll learn how to build a messaging system based on .then()-able functions, that creates a robust and practical communication channel between your App and Photoshop.

  • Whether you are already experienced in all three areas or none of them, it doesn’t really matter. The videos are structured so that you’re exposed to the relevant documentation when needed, and guided step-by-step through the entire project development.

⚠️  Legacy notice

This course was originally published in mid-2020, a few months before the announcement of the new UXP environment. It relies on technology that is being phased out (Adobe Generator plugins) for the communication between Photoshop and the Native Application. While it might still work "as is", porting to UXP is possible, yet not covered in the videos. I would suggest looking at the Adobe UXP plugin development with React JS course or Professional Photoshop UXP, which are up-to-date with the current technology.

Single User

  • 9 hours HD videos
    Streaming only

  • Source code

  • $99 

    Single User License*

Enterprise

  • 9 hours HD videos
    Streaming + Download

  • Source code

  • $149

    Enterprise License (up to 10 seats)*

*Lifetime availability via Gumroad, free updates.

  Frequently Asked Questions

⚠️ Why is this course Legacy?

A component used to build the application has been deprecated by Photoshop. While it may still work, and porting to the new UXP technology is certainly possible, the course hasn’t been updated to consider the latest development in the Adobe extensibility landscape.

Who is this course for?

If you are an Adobe CEP developer, I had you in mind 100%. Be no afraid if you have just some development experience: JavaScript knowledge is a pre-requisite, but the course is such a detailed walkthrough that is almost impossible to feel lost.

In case you’ve very little to no Vue.js / NW.js familiarity, that’s not a problem either: the course starts slow to keep the larger audience possible engaged and following. 

What Photoshop versions are supported?

I’ve tested the code with Photoshop 2020 Mac/Windows, but the whole architecture is based on a technology that dates back to Photoshop CC, aka 14.1. With proper, (untested) massaging I would bet it could support CS6 as well!

Sample Content? Sure!

You can watch some content for free to check what the course is like. Please click the button below to get it*.

* it redirects to Sendinblue.com for the content delivery