FEATURE GUIDE / BLENDING-EFFECTS

Build the appearance.
Keep the source.

Blend layers, style editable text, and test gradients, borders, shadows and lighting before you apply them.

Layer Blending and Effects Guide in the actual Imaginer 0.3.13 desktop editor
Imaginer 0.3.13Actual app capture

Open the layer’s appearance.

Select an unlocked raster or text layer. Double-click its preview square in Layers, click fx, or choose Layer → Blending…. Enable an effect with its checkbox on the left, then click its name to adjust it. A checked effect stays enabled when you visit another section.

The settings affect the whole layer even when a pixel selection is active. They preserve original pixels and editable text, and regenerate after painting, moving or transforming. Transparent, empty layers need visible content before an effect can appear.

Layer → Blending… · Layers → fx · thumbnail double-click

Choose how layers meet.

Use the mode selector in Layers for a quick change, or Blending Options → Mode in the dialog. The 27 modes include Multiply, Screen, Overlay, Soft Light, Difference, Hue, Saturation, Color and Luminosity, plus darker, lighter and arithmetic variants.

DARKEN

Multiply

Darkens overlapping pixels; useful for ink or texture over a lighter image.

LIGHTEN

Screen

Lightens overlaps; useful for highlights or a light texture over darker content.

CONTRAST

Overlay & Soft Light

Combine the colors with the brightness of the layers below. Lower layer opacity for a subtler result.

COLOR

Hue, Color & Luminosity

Exchange color components while keeping other properties of the backdrop.

Layer opacity fades the complete appearance. Fill opacity fades the original content while retaining effects. Each effect also has its own opacity and blend mode. Effect modes combine within the layer’s styled appearance; the layer mode then blends that result with the layers below. In a clipping stack, child settings act inside the named base; base opacity and blend mode apply once to the completed group.

Pick the effect you need.

Ten editable effect families
EffectUse it forControls
Color OverlayA single color across the original silhouette.Color, opacity and blend mode.
Gradient OverlayA transition across the layer’s pixel bounds.Two colors; linear, radial, reflected, angle or diamond; angle, reverse and scale.
Pattern OverlayA repeating texture inside the content.Checkerboard, stripes or dots; two colors and cell size.
StrokeAn outline around the content.Inside, center or outside; color and size.
Drop ShadowAn offset shadow behind the content.Color, X/Y offsets, blur size and spread.
Inner ShadowA shadow clipped inside the silhouette.Color, X/Y offsets, blur size and spread.
Outer GlowA soft halo outside the content.Color, size and spread.
Inner GlowA glow inside the content’s edges.Color, size and spread.
Bevel and EmbossDirectional highlight and shadow at the edges.Size, depth, up/down, angle, altitude, and separate highlight/shadow colors, opacity and modes.
SatinAn interior shade made from shifted silhouettes.Color, size, distance, angle and invert.

Sizes and offsets use image pixels, so zooming changes the view rather than the settings. Most sizes range from 0–256 px; shadow offsets range from −256 to 256 px. Gradient scale is 10–400%; pattern cells are 1–128 px. Angles use degrees. One instance of each effect can be enabled.

Preview at your pace.

Every numeric blending and effect setting has a slider for quick, repeatable motion beside an exact value field. Switches show enabled effects and Preview at a glance. The Preview checkbox controls every setting in the dialog, including mode, opacity, fill and all effects. With it on, changes appear on the canvas after a short typing delay. With it off, the committed appearance returns immediately and draft effects are not rendered. The preference is remembered for the next dialog.

  1. For a large image, turn Preview off, adjust several settings, then enable it to inspect the combined result.
  2. Drag the dialog title to uncover the canvas. Focus the title and use Arrow keys, or Shift + Arrow keys for ten pixels.
  3. Apply validates, renders and commits all settings as one undo step, including when preview is off. Cancel, the close button or Escape restores the committed view.

Invalid values or a work-limit error leave the dialog open without changing the document. Applying unchanged settings creates no extra undo step.

Try three type treatments.

Start with a 640 × 320 px white canvas. Select Text, use 64 px, set the foreground color to #183c45, click near x 140, y 110, type IMAGINE, and click Done. These images were exported from that editable text layer in Imaginer.

Plain dark IMAGINE text on a white canvas
Starting point / text remains an objectACTUAL APP OUTPUT
01 / GRADIENT & SHADOW

Give a headline color and depth.

  1. Enable Gradient Overlay. Choose #45c7b0 and #e5a84b, Linear, angle 0°, scale 100%, Normal and opacity 100%.
  2. Enable Stroke: white, Outside, 2 px, Normal, opacity 100%.
  3. Enable Drop Shadow: black, Multiply, opacity 60%, size 6 px, offsets X 5 / Y 5, spread 0%.
  4. Check Preview, then Apply. Undo returns to the plain text in one step.
Mint to amber IMAGINE text with a white outline and soft shadow
Gradient Overlay + Stroke + Drop ShadowACTUAL APP OUTPUT
02 / OUTLINE

Keep the border. Remove the fill.

  1. Reopen Blending and disable Gradient Overlay.
  2. Set Stroke to #45c7b0, Outside, 3 px and opacity 100%. Keep the shadow from the previous example.
  3. In Blending Options, set Fill opacity to 0% and keep Layer opacity at 100%. Apply.
Outlined mint IMAGINE text with transparent interiors and a soft shadow
Fill 0% / effects remain visibleACTUAL APP OUTPUT
03 / LIGHTING

Light the edges.

  1. Click Reset to start from the original appearance.
  2. Enable Color Overlay with #45c7b0, Normal, opacity 100%.
  3. Enable Bevel and Emboss: size 4 px, depth 100%, direction Up, angle 135°, altitude 45°, white Screen highlight at 75% and black Multiply shadow at 75%.
  4. Apply, then use Scale. Text stays editable and its effects regenerate; effect sizes keep their image-pixel values.
Mint IMAGINE text with directional light and shade along its edges
Color Overlay + Bevel and EmbossACTUAL APP OUTPUT

Keep the right kind of copy.

File → Save as PNG bakes the visible appearance into pixels. It does not keep editable text and vector objects, effect settings or the layer stack. File → Working versions… retains these while the document is open and can recover an interrupted session; normal close or quit deletes those temporary versions.

PSD and OpenRaster can save supported raster layers and blending, but currently reject effect settings or nondefault fill opacity that they cannot preserve. To export a styled document there, save a working version, choose Layer → Flatten, export, then Undo to restore the editable appearance during the session. Object rasterization keeps effects as editable layer settings, so it does not remove that export restriction.

Spatial effects use a cropped working region of at most 16 million pixels. Reduce the content bounds or disable spatial effects if that limit is reached. Arbitrary pattern assets, multiple instances, custom contours, Blend If, knockout and PSD style interchange are planned follow-up work.

File → Working versions… / Save as PNG…