Image Editor

• Image Editor
  • Image Preview Section
  • Image Editor Sidebar

Image Editor

To access the Image Editor, first make sure an Image layer is present and selected.

Then in the Right Sidebar click the Design icon ¹ to enter Design Mode, open the Layer panel ², and to the right of the Image Content section label click the Edit Image pen icon ³.

In the Image Editor you can crop, straighten, transform and colour grade the layer’s image, then apply the result to the Image layer as a new image.

Image Preview Section

The Image Preview section displays the image with every current adjustment rendered live. The preview updates as each setting is changed, and reflects cropping result if a crop has been applied.

Crop Overlay

Sets the area of the image to keep. Drag any of the eight handles on the crop rectangle’s corners and edges to resize it, and drag inside the rectangle to reposition it. A rule of thirds grid is drawn over the crop area to assist composition.

Image Editor Sidebar

In the Image Editor sidebar you will find a collection of image adjustment tools, grouped into collapsible sections, along with the buttons that close the editor or apply your changes. Only one section can be expanded at a time.

Action Buttons

Four buttons are available to you throughout editing, whichever section you are working in. Use them to reset a section’s settings, apply your finished edits to the image, or leave the editor without applying anything.

Reset (Button)

Every section of the sidebar, (except Presets), has its own Reset button that returns each of that section’s settings to its default value.

The button appears in a section’s heading only after a setting inside it has been changed, and it stays available while the section is collapsed, so a section’s adjustments can be undone without expanding it again.

Cancel (Button)

Click to close the Image Editor and discard every adjustment made in the session. The layer’s image is left untouched.

Save and Replace (Button)

Click to render the image with all current adjustments applied and use the result in the currently selected Image layer.

Note the original image file is left untouched. The edited version is saved as a separate duplicate image under its own name, and the layer is switched to use that new file.

Close (Button)

Click the close icon in the top right corner of the Image Editor to close it and discard every adjustment made in the session, exactly as Cancel does.

Composition Section (Expander)

In the Composition section crop the image, straighten or rotate it, flip it, apply a perspective transform, and set the output pixel dimensions.

Done (Button)

Click to commit every change made in the Composition section and collapse it.

Rotation (Number, degrees, range, slider)

Set the amount by which the image is rotated.

Options:

• _-45: Minimum. The image is rotated 45 degrees anti-clockwise.
• ₄₅: Maximum. The image is rotated 45 degrees clockwise.

Flip X (Button)

Click to flip the image horizontally.

Flip Y (Button)

Click to flip the image vertically.

Rotate Left (Button)

Click to rotate the image 90 degrees anti-clockwise. Each further click rotates it another 90 degrees.

Perspective (Toggle Button)

Set whether the perspective tool is active.

When active, four draggable corner points are drawn over the preview.

Adjusting the points allows modification of the image’s perspective.

Perspective modification works in two stages.

First, ptionally reposition the perspective tool’s corners to define the starting perspective, then when ready click the Lock Rect button.

Then, drag the perspective tool’s corners to change the image’s perspective.

Lock Rect (Toggle Button)

Locks in the starting shape for the perspective transform, moving perspective mode from its first stage to its second.

Crop Ratio (Button Group)

Constrain the crop rectangle to a fixed aspect ratio.

Options:

• _free: Leave the crop rectangle unconstrained, so width and height can be dragged independently.
• _pic: Constrain the crop to the image’s own aspect ratio.
• _1:pic: Constrain the crop to the inverse of the image’s own aspect ratio, giving a portrait crop of a landscape image.
• _1:1: Constrain the crop to a square.
• _4:3: Constrain the crop to a 4:3 landscape ratio.
• _16:9: Constrain the crop to a 16:9 landscape ratio.
• _3:4: Constrain the crop to a 3:4 portrait ratio.
• _9:16: Constrain the crop to a 9:16 portrait ratio.

Image Size (Number, pixels)

Set the pixel dimensions the edited image is written out at, using the width field on the left and the height field on the right. Both fields default to the dimensions of the original image.

Lights Section (Expander)

In the Lights section adjust the exposure and tonal range of the image.

Brightness (Number, range, slider)

Set the overall lightness of the image, raising or lowering all tones together.

Options:

• _-1: Minimum. The image is darkened as far as the setting allows.
• ₁: Maximum. The image is lightened as far as the setting allows.

Exposure (Number, range, slider)

Set the simulated exposure of the image, weighting the adjustment towards the brighter tones.

Options:

• _-1: Minimum. The image is underexposed as far as the setting allows.
• ₁: Maximum. The image is overexposed as far as the setting allows.

Gamma (Number, range, slider)

Set the midtone brightness of the image, leaving the darkest and lightest points largely unchanged.

Options:

• _-1: Minimum. Midtones are darkened as far as the setting allows.
• ₁: Maximum. Midtones are lightened as far as the setting allows.

Contrast (Number, range, slider)

Set the difference between the light and dark areas of the image.

Options:

• _-1: Minimum. Light and dark areas are flattened towards a uniform midtone.
• ₁: Maximum. The difference between light and dark areas is at its strongest.

Shadows (Number, range, slider)

Set the brightness of the darkest areas of the image, for recovering or deepening shadow detail.

Options:

• _-1: Minimum. The darkest areas of the image are deepened as far as the setting allows.
• ₁: Maximum. The darkest areas of the image are lifted as far as the setting allows.

Highlights (Number, range, slider)

Set the brightness of the lightest areas of the image, for recovering or intensifying highlight detail.

Options:

• _-1: Minimum. The lightest areas of the image are pulled down as far as the setting allows.
• ₁: Maximum. The lightest areas of the image are intensified as far as the setting allows.

Bloom (Number, range, slider)

Set the amount of glow spread outward from the brightest areas of the image. Positive values add a soft glow around highlights. Negative values apply the inverse, darkening the area immediately around the brightest points so highlights read as tighter and harder edged.

Options:

• _-1: Minimum. The area around the brightest points is darkened as far as the setting allows, tightening the highlights.
• ₁: Maximum. The strongest glow is spread outward from the brightest areas.

Colors Section (Expander)

In the Colors section adjust the colour balance and intensity of the image.

Temperature (Number, range, slider)

Set the warmth of the image, shifting it towards orange at higher values and towards blue at lower values.

Options:

• _-1: Minimum. The image is shifted as far towards blue as the setting allows.
• ₁: Maximum. The image is shifted as far towards orange as the setting allows.

Tint (Number, range, slider)

Set the green to magenta balance of the image, used alongside Temperature to correct a colour cast.

Options:

• _-1: Minimum. The image is shifted as far towards green as the setting allows.
• ₁: Maximum. The image is shifted as far towards magenta as the setting allows.

Vibrance (Number, range, slider)

Set the intensity of the more muted colours in the image, leaving already saturated colours largely untouched.

Options:

• _-1: Minimum. The more muted colours in the image are desaturated as far as the setting allows.
• ₁: Maximum. The more muted colours in the image are intensified as far as the setting allows.

Saturation (Number, range, slider)

Set the intensity of every colour in the image equally.

Options:

• _-1: Minimum. All colour is removed, leaving a greyscale image.
• ₁: Maximum. Every colour in the image is intensified as far as the setting allows.

Sepia (Number, range, slider)

Set the strength of a sepia tone applied over the image. Positive values collapse colours onto a warm brown axis, giving the desaturated look of a sepia photograph. Negative values apply the inverse, pushing colours away from that axis so the image cools towards blue and its colours become more saturated.

Options:

• _-1: Minimum. Colours are pushed as far as possible away from the sepia axis, cooling the image towards blue and increasing its saturation.
• ₁: Maximum. The image becomes a fully sepia toned, desaturated warm brown.

Effects Section (Expander)

In the Effects section apply local contrast, grain and edge darkening to the image.

Clarity (Number, range, slider)

Set the local contrast of the image, sharpening midtone detail at higher values and softening it at lower values.

Options:

• _-1: Minimum. Midtone detail is softened as far as the setting allows.
• ₁: Maximum. Midtone detail is sharpened as far as the setting allows.

Noise (Number, range, slider)

Set how much fine detail in the image is smoothed or accentuated. Positive values smooth fine detail, softening any grain or sensor noise along with genuine texture. Negative values apply the inverse, accentuating fine detail so texture and any existing grain appear sharper.

Options:

• _-1: Minimum. Fine detail is accentuated as far as the setting allows, giving the image its sharpest and most textured appearance.
• ₁: Maximum. Fine detail is smoothed as far as the setting allows, giving the image its softest appearance.

Vignette (Number, range, slider)

Set the strength of the darkening applied towards the edges and corners of the image.

Options:

• _-1: Minimum. The edges and corners of the image are brightened as far as the setting allows.
• ₁: Maximum. The edges and corners of the image are darkened as far as the setting allows.

Curve Section (Expander)

In the Curve section remap the tonal range of the image using a tone curve, either across all colours at once or per colour channel.

Channel (Tab Select)

Set which colour channel the tone curve below is editing. Each channel keeps its own curve.

Options:

• _{all colors}: Edit a single curve applied to the red, green and blue channels together.
• _red: Edit the curve for the red channel only.
• _green: Edit the curve for the green channel only.
• _blue: Edit the curve for the blue channel only.

Curve Graph (Curve Editor)

Remap the tones of the selected channel by dragging the five control points on the graph. The horizontal axis represents input tone from black on the left to white on the right, and the vertical axis represents the output tone each input is mapped to. Dragging a point upward brightens that part of the tonal range and dragging it downward darkens it.

Filters Section (Expander)

In the Filters section apply a preset colour grade to the image in a single click.

Filter (Button Group)

Apply a named preset colour grade to the image. Each filter sets a combination of colour and tonal adjustments in one step.

Options:

• _aden: Apply a soft, desaturated grade with lifted shadows and a warm cast.
• _crema: Apply a muted, low contrast grade with creamy midtones.
• _clarendon: Apply a high contrast grade with cooled highlights and intensified colour.
• _gingham: Apply a flat, washed out grade with a slight warm tint.
• _juno: Apply a warm grade that pushes reds and cools the shadows.
• _lark: Apply a bright grade with reduced reds and lifted exposure.
• _ludwig: Apply a lightly desaturated grade with raised contrast.
• _moon: Apply a black and white grade with a cool cast.
• _reyes: Apply a faded, dusty grade with lowered contrast and saturation.
• _polaroid: Apply an instant film grade with shifted colours and lifted blacks.
• _kodak: Apply a warm film grade with strengthened reds and yellows.
• _browni: Apply a muted grade with a brown to sepia cast.
• _vintage: Apply an aged film grade with faded colour and warm highlights.

Blur Section (Expander)

In the Blur section apply a depth of field style bokeh blur or a uniform gaussian blur to the image.

Bokeh Strength (Number, range, slider)

Set the strength of the bokeh blur, which mimics the out of focus rendering of a camera lens.

Options:

• ₀: Minimum. No bokeh blur is applied.
• ₁: Maximum. The strongest bokeh blur is applied.

Gauss Strength (Number, range, slider)

Set the strength of a uniform gaussian blur applied across the whole image.

Options:

• ₀: Minimum. No gaussian blur is applied.
• ₁: Maximum. The strongest gaussian blur is applied.

Circle Radius (Number, range, slider)

Set the size of the circular area left in focus by the bokeh blur, with smaller values leaving a tighter sharp region.

Options:

• ₀: Minimum. The area left in focus by the bokeh blur is at its smallest.
• ₁: Maximum. The area left in focus by the bokeh blur is at its largest.

Presets Section (Expander)

In the Presets section save the current combination of adjustments under a name, and reapply a saved combination to another image.

Preset Name (Text)

Enter the name to save the current adjustments under.

Save Current (Button)

Click to save every current adjustment as a preset under the name entered in the Preset Name field. The preset is then added to the Saved Presets list below.

Saved Presets (List)

Lists the presets you have saved. Click a preset’s name to apply the adjustments that were current at the time it was saved.

Click the X button at the right of a preset to delete it. When no presets have been saved the list reads “No presets saved yet”.