User Guide - Adobe Photoshop Workflow

Color Managed Photoshop Workflow

Apply LUTs in Photoshop with the Color Lookup Adjustment Layer

The key to a successful workflow is color consistency across all apps and platforms involved in your image processing pipeline. This guide provides a clear, step-by-step process for a color-managed wide-gamut workflow between Color.io and Adobe Photoshop.

Before you start: This guide builds on core concepts introduced in the previous guide on Adobe Lightroom and Camera RAW - please make sure to read that first if you haven't already.

Lightroom / ACR Workflow

Set up Photoshop for Display P3 Processing

  1. Configure Color Settings: In Photoshop, navigate to Edit → Color Settings → RGB Working, and select your working color space. For color consistent previews between Color.io and Photoshop, make sure that the working space you have selected here matches your system wide monitor profile. For most monitors this will be sRGB but higher end monitors also support custom profiles or wider gamuts.
  2. Assign Color Profile: In Photoshop, click on Edit → Assign Color Profile. Set the profile to Profile: Display P3 This step ensures that your document uses the wide gamut Display P3 color space.
Assign Display P3 Profile in Adobe Photoshop for a color managed workflow with Color.io

Display P3 Profile not available?

Download Display P3.icc and drop it into the color profile  folder on your operating system:

macOS: Library/Application Support/Adobe/Color/Profiles/Recommended
Windows: Windows/System32/Color

Match Preview in Color.io

  1. In Color.io, set the input color space to Display P3
  2. Export a wide gamut image or 3D LUT from Color.io by going to Export → Color Management and select Display P3 from the dropdown list.
  3. Save either a lossless 16-bit PNG image or 3D LUT for use in Adobe Photoshop.

Following these steps ensures that the previews in both applications match when viewed side by side while also maintaining a wide color gamut in the exchanged image files.

Bonus: Render to Clipboard

Copy full resolution images from Color.io into Photoshop

For a significant workflow boost, you can copy and paste full resolution images from Color.io back into Photoshop. Just right-click on the image and select "Copy". The renderer will kick in and write a full resolution lossless PNG image to your clipboard that you can quickly paste into Photoshop.

Color.io

With Color.io you can edit images and build 3D LUTs with a powerful online raw developer and analog film look designer for photographers and filmmakers. Craft stunning film color in record time that works for any camera, in any software and on any device, directly in your browser.