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
HTML
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 Fluidfit Today