capabilities.work

Create Artboards and Render

A 4-step recipe with Adobe Photoshop. We can help you get access.

Recipe · 4 steps

Create Artboards and Render

with Adobe Photoshop

Create a PSD holding multiple sized artboards and render a flat image of it.

  1. Create a PSD containing two named artboards at their own dimensions, each carrying the supplied artwork as a layer.
  2. Poll the PSD service status endpoint until the artboard job completes. The submit call returns the absolute status URL in _links.self.href; the jobId this operation requires is the final path segment of that URL, so a runner takes that segm
  3. Render the artboard document to a flat PNG so the assembled boards can be reviewed as a single image.
  4. Poll until the rendition job reports succeeded and the flat image has been written to the output URL.
What you'll need to have ready
  • artworkUrl: Pre-signed GET URL of the artwork placed on each artboard.
  • firstBoardName: Name of the first artboard.
  • firstBoardWidth: Width in pixels of the first artboard.
  • firstBoardHeight: Height in pixels of the first artboard.
  • secondBoardName: Name of the second artboard.
  • secondBoardWidth: Width in pixels of the second artboard.
  • secondBoardHeight: Height in pixels of the second artboard.
  • psdOutputUrl: Pre-signed PUT URL where the artboard PSD is written.
  • renditionOutputUrl: Pre-signed PUT URL where the flat rendition is written.
For your developer

Arazzo workflow adobe-photoshop:artboard-create, 4 operations: createArtboard → getPsdJobStatus → createRendition → getPsdJobStatus. Specs on APIs.io.

More recipes with Adobe Photoshop

Run Action JSON CompositeCreate Document with Action JSONDepth BlurCreate Document and RenderGenerative Fill from a Generated MaskInspect and Edit LayersRun Action File and RenderProduct Photo PipelineRemove BackgroundSmart Object Template Personalization