Layer Compositor

Once you have images, or text layers ready, Layer Compositor helps you bring everything together into a final layout.

Think of it as assembling your final design using building blocks.

What Layer Compositor Does?

Layer Compositor lets you:

• Combine multiple images and text layers

• Arrange elements visually

• Control layer ordering

• Resize and reposition layers

• Edit text content

• Adjust visibility and opacity

This makes it easy to recreate layouts from various assets in Fluidfit.

Adding Layers

You can add layers directly inside the compositor:

• Click + Add Layer

• Each layer appears in the Layers panel

• Reorder layers as needed

• Toggle visibility on/off

• Adjust opacity

Each layer becomes a separate layer in the final PSD, keeping your layout structured.

Editing Text Layers

Text layers remain editable, and you can control:

• Font family

• Font weight & size

• Alignment

• Case (AA / Aa / aa)

• Position

• Opacity

• Rotation

• Text color

This makes it easy to fine-tune typography without leaving the workflow.

Canvas Settings

You can configure the canvas based on your output needs:

• Canvas width & height

• Preset sizes (e.g., Full HD 1920 × 1080)

• Background color

• Units (Pixels)

This helps you standardize layouts for different formats.

Export Options

Once your layout is ready, you can export in multiple formats:

• Image File (PNG, JPEG, WEBP, TIFF)

• Adobe Photoshop (PSD)

PSD Options

• Preserve Layers

  • • Include Hidden Layers

• Flatten Layers

What Gets Preserved in PSD

When exporting as PSD, the following are maintained:

• Separate layers

• Editable text

• Layer order

• Position

• Opacity

• Canvas size

• Visibility (hidden layers optional)
  
  

This makes it easy to continue editing in Photoshop if needed.

Font Rendering Fidelity

Layer Compositor preserves typography closely, and most commonly used fonts render accurately. Overall font fidelity is very high with most layouts matching the expected appearance.

Fonts Rendering Accurately

Abril Fatface, Anton, Arial, Bebas Neue, Bitter, Calibri, Comfortaa, Cormorant, Exo 2, Fira Code, Georgia, Lato, JetBrains Mono, IBM Plex Sans, Merriweather, Montserrat, Manrope, Plus Jakarta Sans, Pacifico, Outfit, Noto Serif, Nunito Sans, Open Sans, Rubik, Roboto, Poppins, Public Sans, Quicksand, Tahoma, Trebuchet MS, Varela Round, Verdana, Source Code Pro, Source Sans 3, Times New Roman, Segoe UI, Sora, Noto Sans JP, Noto Sans Devanagari, Noto Sans, Noto Sans Arabic.

Fonts That May Show Minor Visual Differences

Some fonts may appear slightly different after composition and you may notice:

• Condensed fonts rendering slightly wider

• Bold weights appearing slightly lighter

• Serif contrast differences

• Script fonts using alternate variants

Fonts where this may occur include:

Archivo Black, Archivo Narrow, Arvo, DM Sans, EB Garamond, Inter, Instrument Sans, Fredoka, Lora, Libre Baskerville, Neue Montreal, Nunito, Playfair Display, PT Serif, Raleway, Ubuntu, Work Sans, Satoshi, Red Hat Display, Roboto Slab, Barlow Condensed, Caveat, Crimson Text, Dancing Script, Fjalla One, League Spartan, Helvetica, IBM Plex Mono, Pathway Gothic One, Oswald, Roboto Condensed, Zilla Slab, San Francisco.

In most cases, a quick alignment or font tweak will restore the expected look. We  may continue improving fidelity for specific fonts over time.

Tips

• Order layers from background to foreground

• Use meaningful layer names

• Use preset canvas sizes for standard outputs

Layer Compositor makes it easy to assemble your final layout once your assets are ready. Connect your layers, arrange them visually, and move straight into animation, export, or further processing.

Try it now in Fluidfit.