Loocie Design · Tile Composer

Layers

Layer 1 · back · drag corners to resize

Tile · Arrange · Color · Grid · Selection — use layers below · tile size 4096–8192 for print

Tool guide

Sets the canvas your pattern is built on — its name, print size, and background.

Title: Names the file. It is written into the PNG as Title metadata and used for the download filename.
Example: rose-trellis saves as rose-trellis.png.
Size (px): The exact pixel dimensions of the square tile that gets exported. Editing zoom does not change this.
Example: 4096 for a crisp repeat; use 6144–8192 for large-scale fabric print.
Background: The solid fill colour behind every motif. Click the swatch to pick.
Example: a warm cream #f5f0e6 behind dark florals.
Transparent: Exports with no background fill, so the tile drops onto any surface. The checkerboard in the editor shows what stays see-through.
Example: tick it to place motifs over a printed base fabric.
Dropper: Pick the background colour straight from a pixel on the tile — handy for matching a motif shade exactly.
Example: click a leaf to make the background the same green.
Background recipe badge / Clear background: If you sent a procedural background from the Background Maker, a badge appears here. Clear background removes it and returns to the solid colour above.
Clear tile: Removes every motif from all layers — a fresh start.
Download tile (top bar): The Download tile button at the top of the page saves the composed tile as a PNG at your chosen Size, using the Title as the filename. Hidden layers are excluded.

Auto-lays out every motif on the active layer into a repeating pattern. Nothing else is touched.

Style: Brick — offset rows like brickwork. Half-drop — every other column drops halfway (classic wallpaper). Grid — straight rows and columns. Diamond — motifs on a diagonal lattice. Scatter — a controlled random spread.
Example: Half-drop of a single tulip reads as a formal repeat.
Density: How big motifs sit within each cell: Loose (airy, lots of gap), Normal, Tight (packed).
Example: Tight + Scatter gives a busy ditsy print.
Resize: On: motifs are scaled to fit each cell. Off: sizes are left exactly as they are and only their positions move.
Example: turn Off when you have hand-sized each motif already.
Size order: Sort motifs by their on-tile size: As is, Biggest → smallest, or Smallest → biggest. Combine with Flow to aim the gradient.
Example: Biggest → smallest for a graded bouquet.
Flow: The direction the size order runs: Layout (natural), Left → right, Right → left, Top → bottom, Bottom → top.
Example: Biggest → smallest + Bottom → top drops the largest blooms along the base.
Arrange layer: Runs the arrangement on the active layer using the settings above.

Recolours or shades the motifs on the active layer. Only the motif pixels change — never the background.

Effect: None — original colours.
Tint — wash one chosen colour over every motif.
Rainbow bright — vivid spectrum spread across the motifs.
Rainbow pastel — the same spread, softer and lighter.
Darker center / right / left / down / up — fades motifs darker towards that side, giving depth.
Example: Darker center makes a medallion glow at the edges.
Tint colour: Appears when Tint is chosen. The single colour washed over every motif.
Example: #3b7dd8 turns mixed flowers into a blue monochrome set.
Strength: How strong the tint or shade is (25–100%). Higher = more colour / more darkening.
Example: Tint at 40% keeps some original detail showing through.
Apply color: Applies the effect to the active layer without rearranging anything.

A reference grid to line motifs up precisely. The grid is an editor guide only — it never appears in the exported PNG.

Show grid: Overlays evenly spaced guidelines on the editor, with a brighter pink cross through the centre.
Example: turn on to centre a single feature motif.
Snap: While you drag a motif, its centre jumps to the nearest grid intersection so everything lines up cleanly. Works with multi-select too.
Example: Snap on + drag a row of leaves so they sit on an even beat.
Every … px: Grid spacing in tile pixels — a guideline is drawn (and snapped to) every N pixels.
Example: on a 4096px tile, 512 gives an 8×8 grid.
Preset: Quickly set the spacing by dividing the tile evenly — Halves, Thirds, Quarters, Eighths, Sixteenths.
Example: Quarters marks the tile into a tidy 4×4.

Pick one or many motifs, then rotate and scale them together. Click a motif on the tile to select it; Shift-click to add more.

Select all: Selects every motif on the whole tile, across all layers.
Select layer: Selects every motif on the active layer only. Shortcut: Ctrl+A.
Clear selection: Deselects everything. Shortcut: Esc.
Rotate (°): Type an exact angle for all selected motifs, drag the pink handle on the tile, or use [ / ].
Example: type 90 to turn a row of leaves on their side.
↻ (nudge): Rotates the selection +15°. Shift-click (or Shift+R) for −15°.
Random ↻: Gives each selected motif its own gentle tilt (0–45° or 345–390°), so a scatter looks hand-placed.
Example: select all fallen leaves, Random ↻ for a natural drift.
Reset ↻: Sets every selected motif back to 0°.
Scale − / +: Shrinks or grows all selected motifs 10% at a time. Keys − / + also work.

Four stacking levels, 1 (back) to 4 (front). Work on one at a time and keep motifs organised.

Layer tabs 1–4: Click a number to make it the active layer — new motifs and Arrange/Color act on it. Layer 1 sits at the back, 4 at the front. The small number is how many motifs it holds.
Example: base pattern on 1, feature blooms on 3.
Eye toggle: The eye beside each tab hides/shows that layer while you work. Hidden layers are also left out of the downloaded PNG, so use it to preview or export a layer on its own.
Example: hide 1–2 to check layer 3 reads on its own.
◀ ▶ Reorder: Slide the active layer backward (◀, behind) or forward (▶, in front). All its motifs move together and swap places with the neighbouring layer.
Example: send a busy background layer to the back so feature blooms sit on top.
Clear layer: Removes every motif from the active layer only — other layers stay untouched.
Zoom & Fit: At the right of the layer strip: Zoom scales the editor view only (50–400%; export size never changes, Ctrl+scroll also works), and Fit snaps the whole tile into the panel.