Skip to content
RunwayML for Photoshop
TypeScript CSS JavaScript
Branch: master
Clone or download
Latest commit 3426430 Oct 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
CSXS add source Oct 3, 2019
host add source Oct 3, 2019
images update readme Oct 3, 2019
src add source Oct 3, 2019
.debug add installation instructions Oct 3, 2019
.gitignore
INSTALLATION.md add installation instructions Oct 3, 2019
LICENSE.md update readme Oct 3, 2019
README.md Update README.md Oct 3, 2019
package-lock.json
package.json remove installation step from build Oct 3, 2019
tsconfig.json add source Oct 3, 2019
webpack.config.js

README.md

RunwayML for Adobe Photoshop

Open in RunwayML Badge

Access RunwayML directly from Adobe Photoshop: You can use this plugin to generate images, apply style transfer to your photos, get depth estimation from 2D images, generate new pieces of texts to your designs and more.

RunwayML for Photoshop

Prerequisites

Installation

  1. Download the latest version of the plugin.

  2. Set debug mode:

Windows: Open regedit > HKEY_CURRENT_USER/Software/Adobe/CSXS.9, then add a new entry PlayerDebugMode of type string with the value of "1".

Mac (In the Terminal): $ defaults write com.adobe.CSXS.9 PlayerDebugMode 1

More information is available here.

  1. Install the plugin:

Unzip the plugin and copy the entire RunwayML directory to Photoshop Extension directory.

Windows: C:\Program Files\Common Files\Adobe\CEP\extensions

Mac: ~/Library/Application Support/Adobe/CEP/extensions

More information is available here.

  1. Make sure Runway.app is running and you're signed in.

Getting Started

In order to use this plugin, you'll need to have RunwayML and Photoshop opened:

  1. Open RunwayML and sign in with your account.

  2. In Photoshop you'll find the Extension panel under Window > Extensions > RunwayML.

RunwayML for Photoshop

Using the RunwayML Panel

Once the plugin is installed, you can browse and run models directly from the RunwayML panel window. The panel is split into four sections: the (1) Model Selection, (2) Input, (3) Output, and (4) Run Options.

RunwayML for Photoshop

(1) Model Selection

At the All Models tab, you can select the RunwayML model that you'd like to use, and select settings for initializing your model. To learn more about the capabilities and use-cases of different models in RunwayML, watch our tutorial on discovering RunwayML models.

(2) Input

Choose the inputs that you want to process with your model. Currently, the following input data types are supported:

Image Inputs

Use the Dropdown item to select the layer you want to process. If you want to process the whole art-board, Choose the option Artboard

Segmentation Inputs

For models that take Segmentation data type as input, use the Dropdown item to select the layer you want to process. If you want to proccess the whole Artboard, Choose the option Artboard

Text Inputs

Use the text area provided in the plugin.

(3) Output

The model's output will be displayed in the Artboard as a new layer.

(4) Run

Once you click Run and Generate, RunwayML will start running and processing the input of the selected model. Once the model is running, you can click Re-Generate to re-run inference on the current inputs using the selected model.

Run Options

Run Location: Choose whether to run the model locally (Local) or in RunwayML's cloud infrastructure (Remote). When running models in RunwayML's cloud infrastructure, you'll be running them on fast GPU enabled computers. When running models locally, you'll need to download and install them individually. You can currently download models locally only through the RunwayML application. Go to your Settings in RunwayML to view the currently installed models. Once you have installed a model locally, you can start the model from the RunwayML for Photoshop.

Check out this guide to learn more about how to install models locally.

Development

Debugging

Open localhost:8088 in Google Chrome to see the devtools / debugging console. You can refresh the plugin like a website (CMD+R). Note that host .jsx files will not update this way! To refresh those, close the plugin panel and re-open.

Contributing

This is still a work in progress. Contributions are welcomed!

License

MIT

You can’t perform that action at this time.