Getting started
How to paint and export a card — the Painter's Cards guide
The three studios share one workflow. Here it is end to end, from opening a palette to holding a print — or embedding an animated painting in a webpage.
Six steps, one workflow
11 · Pick a studio
Choose the hand you want: Van Gogh's swirls, Cézanne's patches or Monet's light. Each opens on its own site, and the tools are identical across the family.
22 · Pick a palette — or bring a photo
Twenty-seven palettes per studio, each named after the painting it came from. Or drop in a photo: the studio extracts its colours and harmonises them toward the painter's world.
33 · Set the mood and steer the strokes
Mood presets — serene, luminous, vibrant, melancholic — re-tune the whole card. Then steer: density, direction, texture, glow, and bias sliders that push the painting outward, inward or to a side.
44 · Add text and hand-painting
Double-click the canvas to add calligraphy — nine typefaces, with size, spacing, rotation and opacity. The brush lets you draw your own strokes in any palette colour, layered over the engine's work.
55 · Refine the frame
Drag the white borders and the corner-radius handle; lock anything you want to keep, then paint another variation of the same card.
66 · Export
Seven formats from one menu: stills, vector, animation, embed code or print. Everything renders locally — there is no upload step at all.
The seven export formats
Each format is rendered from the card itself — including your text and hand-painted strokes — at up to 3× scale for stills, so what you export is what you painted.
PNG
Lossless still, transparent outside the rounded corners — best for layering and print.
JPEG
Small still on a white ground — best for email and messaging.
WebP
Modern still with the smallest file size — best for websites.
SVG
Vector export with the strokes embedded and the typefaces inlined — scales to poster size.
GIF
The painting as an animation: the card paints itself stroke by stroke.
HTML
A self-contained page snippet — paste it into any site and the card renders there.
PDF
A print-ready page at poster scale, for home printers or print shops.
Text, fonts and licensing
Cards take calligraphy in nine typefaces — Chinese calligraphic faces and Latin faces like Dancing Script — all open source. Type is set directly on the canvas: drag to place, double-click to edit; the text menu controls font, colour, size, letter-spacing, rotation and opacity.
On a phone
The studios are touch-first: drag to paint, pinch to zoom, double-tap to add text. The layout reflows to a single column with the canvas on top, and every export works exactly as on desktop.
Small tricks that help
- Lock the palette but re-roll the composition: same colours, new arrangement.
- Low density with outward bias makes wallpaper-quiet cards; high density and centre bias makes poster drama.
- Use the GIF export for greetings — a painting that finishes itself is a better card than a still.
- Export SVG when you might print big later: the vector file keeps the typefaces inlined.
Workflow questions
Do I need an account to export?
No. There are no accounts anywhere in the family — open a studio and export immediately.
Why is an animated GIF so much larger than a still?
Animation carries twenty-plus painted frames instead of one. Use WebP or PNG for stills; choose GIF when the movement is the point of the card.
What may I do with exported cards?
The studios add no watermark and track nothing; what you paint is yours to keep and use.
Ready to paint?
Open a studio and follow step one — the rest is clicking.
Related pages
Each page has its own focus — here is where to go next.
- Painter's Cards — the three studiosThe hub for the Van Gogh, Cézanne and Monet card studios — pick a painter and paint.
- Van Gogh's Card — Starry Night studioSwirling impasto strokes from 27 palettes distilled from his paintings.
- Cézanne's Card — Mont Sainte-Victoire studioConstructive colour patches from 27 Provençal palettes.
- Monet's Card — Giverny garden studioSoft broken strokes and water-lily light from 27 Monet palettes.
- Van Gogh vs Cézanne vs Monet — which studio?A side-by-side comparison of the three engines, strokes and palettes.
- The gallery — cards from all three enginesA gallery of cards painted by the three engines, and the paintings behind each palette.
- About Painter's CardsThree free browser studios, one family — how it works and why nothing is uploaded.
- Terms & open-source fontsFree, no login, nothing uploaded — and the full open-source font list.