Fyllnings- och konturstilar
Style any shape with three independent axes — Semantic Class, Outline, and Fill — directly from the top bar.
Every drawn shape carries three independent style axes: the Semantic Class (what the surface represents, such as Lawn or Paving), the Outline (the contour line), and the Fill (the face color, gradient, or photoreal material). When a Semantic Class is set, the Outline and Fill axes default to Semantic class mode — the class registry drives the look everywhere, including photoreal renders. You can override any single axis without touching the others, giving you control over how a shape looks in both the editor and photoreal output.
Open the style controls in the top bar
The three style buttons sit in the top bar, left of center. From left to right they are: Semantic Class, Outline style, and Fill style. Each button shows the current state of that axis as a swatch or label. Clicking any button opens its menu directly below the top bar. You can also access all three axes in the Style accordion inside the Inspector panel when an entity is selected.
Semantisk klass — designintentionen
Semantisk klass-knappen i toppraden (längst till vänster av de tre stilknapparna) öppnar en väljare organiserad efter familj: Markytor (gräsmatta, grus, beläggning, vatten…), Plantering (träd, buske, perenn…), Konstruktioner (staket, mur, damm, pool, trädäck…) med mera.
Att välja en klass ställer in alla tre axlar till 'Semantisk klass'-läge och rensar explicita åsidosättningar, så entiteten omedelbart renderas med klassens standardvärden. Klassen styr även:
- Växtplacering (var gräs och vildblommor växer)
- Säsongs- och vädereffekter (gräsmattor grönnar på våren, vatten fryser på vintern)
- Kvantitets- och kostnadsrapportering (ytor grupperade per klass)
- Designregler ('träd måste vara 1,5 m från vatten')
- Skript och chattbot (
garden.surfaceClass.at(…))
Parametriska objekt (damm, pool, trädäck, staket) får sin klass automatiskt — du sätter den inte manuellt.
Att välja 'Odefinierad' i klassväljaren tar bort klassen. Varje axel faller då tillbaka på sitt senaste anpassade värde eller stilmålarens standardvärde.
Kontur — konturlinjen
Konturknappen (mitten av de tre) styr konturlinjen ritad runt formens kant. Tre lägen:
- Semantisk klass — konturfärg och vikt följer Semantisk klassens standardvärden. Standard när en klass är aktiv.
- Anpassad — ange din egen färg, tjocklek, mönster (heldragen, streckad, prickad…), ändlinje och hörntyp.
- Inget — ingen konturlinje.
Konturflyouten visar aktuellt läge överst som en radiogrupp, sedan anpassade detaljfält när Anpassad är valt.
Use No contour on filled shapes where an outline would obscure close-tolerance edges, such as pavers that tile edge-to-edge.
Fyllning — ytfärgen
Fyllningsknappen (längst till höger av de tre) styr formens ytfärg i editorn och i icke-fotoverkligt 3D. Fyra lägen:
- Semantisk klass — fyllningsfärgen följer klassregistrets färg (t.ex. salbeigrön för Gräsmatta). Standard när en klass är aktiv.
- Helfärg — en enda färg med valfri opacitet.
- Gradient — en linjär eller radiell gradient mellan två stopp.
- Inget — genomskinlig yta (endast kontur).
Fyllningsflyouten har två staplade undersektioner:
Fyllningsfärger — lägesväljaren plus färg- och gradienteditorn. Gäller i editorn och i fotoverklig rendering när Material är 'Inget'.
Fotoverkligt material — ett valfritt override enbart för fotoverkliga renderingar. När inställt på 'Material' ignorerar fotoverklig motor Fyllning och renderar det PBR-material du bläddrat fram. När 'Semantisk klass', används klassregistrets PBR-material. När 'Inget', visas Fyllningsfärgen även i fotoverklig rendering.
Fotoverkligt material finns inne i Fyllningsflyouten eftersom det är en fyllning — bara för ett annat renderingssammanhang. Editorn renderar aldrig det fotoverkliga materialet.
Stil-sektionen i inspektorn
Stil-dragspelet i inspektorn (Properties 2D-fliken) ger fullständiga per-entitetskontroller:
- Yt-rad — visar aktuellt klasschip och en väljare för att ändra det, med källangivelse (Från preset, Explicit åsidosättning, Från objekttyp, osv.)
- Kontur-sektion — samma lägesradiogrupp som flyouten, plus alla detaljfält när Anpassad är valt
- Fyllnings-sektion — två undersektioner: Fyllningsfärger (läge + färg) och Fotoverkligt material (läge + bläddra)
Använd inspektorn för finkornig kontroll — skissstil, pilspetsar, gradienteditor, eller materials skala och rotation.
Kopiera stil mellan entiteter
Använd verktyget Stilmålare (penselsymbol i verktygsfältet) för att kopiera alla tre stilaxlar från en entitet till andra. Aktivera verktyget, klicka på källentiteten för att kopiera stilen, klicka sedan på målientiteterna för att applicera. Håll Shift för att applicera på flera entiteter utan att starta om.
Knappen Formatmålare (bredvid de tre stilknapparna i toppraden) är en genväg: den laddar stilen från den aktuellt valda entiteten och växlar direkt till Applicera-läge.
Format Painter copies all three axes together. If you only want to match the fill color, paste the full style and then re-set the Outline or Semantic Class on the target.
Picking a new Semantic Class resets the Outline and Fill axes to Semantic class mode and clears any explicit color or material overrides you have set. This is intentional — the class becomes the new authority. To keep a custom color, apply the class first, then re-open the Fill menu, switch to Custom, and set your chosen color in the Fill sub-section.
The Material sub-section inside the Fill menu (shown under Custom) applies only when rendering in Photoreal or AI render mode. It has no effect on what you see in the 2D editor or standard 3D view. Leave the Fill axis on Semantic class unless you need a specific material that differs from the class default.
Frequently Asked Questions
I applied a Semantic Class but my shape looks the same — why?
Picking a class resets the Outline and Fill axes to Semantic class mode and shows the class registry defaults. If the class color happens to be similar to what was already set, the change may look subtle. Try picking a clearly different class such as Lawn or Paving to confirm the axes have switched.
What does the Material sub-section do and when should I change it?
The Material sub-section (inside the Fill menu's Custom mode) controls how the shape looks in photoreal and AI renders only — it has no effect in the editor. With the Fill axis on Semantic class, the photoreal material configured in the class registry (such as a grass texture for Lawn) is used automatically. Switch to Custom and pick a material when you want a specific photoreal material yourself. Leave the material off to make photoreal renders use the same fill color shown in the editor, which is useful for presentation-style flat renders.
Can I use a custom fill color in the editor but the class material in renders?
Yes. Open the Fill menu, choose Custom, and set your color in the Fill sub-section. In the same menu, pick the class's photoreal material in the Material sub-section. The 2D and 3D editor show your custom color; photoreal renders use the chosen material.
What happens to my custom styles when I pick a new Semantic Class?
Picking any class from the Semantic Class picker resets the Outline and Fill axes to Semantic class mode and erases any explicit color, gradient, or material overrides you had set. The class is now the sole authority. To layer a custom override on top of a class, apply the class first, then re-open the Outline or Fill menu and switch the relevant mode to Custom.
How do Structure classes like Pond, Pool, and Deck differ from Surface classes like Water or Paving?
Structure classes (Pond, Pool, Deck, Fence, and so on) are assigned automatically to parametric wizard objects and represent the entire built assembly — a pool entity includes the water body, coping, and surround as one unit. You do not draw a Surfaces-family class polygon to make a pool. The Water surface class is for hand-drawn water-surface polygons such as a stream, reflecting pool, or water feature you define yourself.
Why does my shape's swatch in the top bar show the class color even though I have not set a fill color?
The Fill swatch in the top bar resolves the displayed color through the same cascade the editor uses when rendering. If a Semantic Class is set and the Fill axis is in Semantic class mode, the swatch shows the class registry color — not a blank or white swatch. This keeps the toolbar in sync with what you see on the canvas.