Från Inkscape till Hatch till färdigt broderi: bygg en ren vektor, auto-digitalisera och brodera en “LOVE”-ballongdesign

· EmbroideryHoop
Den här praktiska genomgången visar hur du ritar en enkel hjärtballong-vektor i Inkscape, exporterar den korrekt som PNG för Wilcom Hatch, auto-digitaliserar med tydlig färgseparation och sedan syr ut designen på en Brother PE770. Du får tydliga kontrollpunkter, snabba lösningar på vanliga fel (som transparent bakgrund och färger som flyter ihop) samt produktionsinriktade tips för inspänning på tjocka material som handdukar utan att få distortion eller märken från ramen.
Innehåll

Varför använda vektorgrafik för broderi?

Om du någon gång har försökt auto-digitalisera en JPEG från internet har du säkert märkt principen “skräp in, skräp ut”: grötiga kanter, former som smälter ihop och en stygnfil som känns hopplös att efterredigera. Den saknade länken är sällan “bättre digitaliseringsprogram” – det är ren, strukturerad originalgrafik.

Tänk på vektorritytor inte som “konst”, utan som konstruktionsritningar för tråden.

Det här arbetsflödet är en beprövad bro mellan idé och stygn, särskilt för dig som vill skapa egna motiv från grunden:

  1. Skissa en broderianpassad vektor i Inkscape (rena noder, medveten linjetjocklek).
  2. Exportera som en högkontrast-PNG (Hatch läser tydliga kontraster bättre än subtila nyanser).
  3. Auto-digitalisera i Hatch (och ge objekten “stygnlogik”).
  4. Sy ut på en Brother PE770 (och hantera de fysiska variablerna).

Varför inte bygga direkt i Hatch? Hatch är kraftfullt, men Inkscape ger ofta bättre kontroll över Bezier-kurvor och nodredigering när du vill forma egna konturer. Om du ritar med slutresultatet i åtanke (broderi) minskar du dessutom tiden för “städning” i Hatch.

Intro screen showing the final 'LOVE' balloons embroidery design.
Introduction

Steg 1: rita din design i Inkscape

1) Rita första hjärtballongen med Bezier-kurvor

Öppna Inkscape. Släpp “pensel”-tänket – här placerar du ankarpunkter och formar kurvorna med handtag.

Gör så här: Välj verktyget “Draw Bezier curves and straight lines” (Shift+F6).

  1. Klicka en gång för att lägga skarpa punkter (t.ex. nederdelen av hjärtat).
  2. Klicka och dra för att skapa kurvhandtag (hjärtats övre bågar).
  3. Stäng formen genom att klicka på startnoden igen.

Finjustera: Byt till Edit paths by nodes (F2).

  • Känselkontroll: Dra i en nod. Det ska kännas “elastiskt”. Om linjen knäcker sig som en böjd ståltråd kan du hålla Ctrl och klicka på noden för att växla nodtyp och få en mjukare kurva.
  • Visuell kontroll: Se till att “skåran” i hjärtat är tydlig men att bågarna är mjuka. För skarpa vinklar i broderi kan ge många nålstick på nästan samma punkt, vilket kan stressa materialet.
Inkscape canvas selecting the Bezier Curve tool on the left toolbar.
Selecting Tools
Drawing the initial outline of a heart using nodes.
Vector Drawing

2) Lägg till och formatera första bokstaven

Välj Text tool (T), klicka på arbetsytan och skriv “L”.

Gör så här: Öppna dialogen Text and Font (Shift+Ctrl+T).

  • Välj ett kraftigare typsnitt (tunna seriffer och smala streck tenderar att försvinna eller klumpa sig i broderi).
  • Sätt storleken till cirka 72 pt (som i videon).
  • Klicka Apply så att ändringarna faktiskt slår igenom.

Kontrollpunkt: Bokstavens streck ska se tydliga ut redan på skärmen. Om texten ser spinkig ut i vektorn blir den ofta svag eller “försvinner” när den sys på frotté.

Placing the letter 'L' inside the vector heart shape.
Adding Text

3) Förstå fyllning vs kontur (och varför det påverkar auto-digitalisering)

Broderiprogram “ser” kontrast och avgränsningar.

  • Fill (fyllning): Själva ytan (blir t.ex. Tatami- eller Satin-fyllning).
  • Stroke (kontur/linje): Ytterkanten (kan bli en löpstygnskontur eller en smal satinkolumn).

Gör så här: Öppna Fill and Stroke (Shift+Ctrl+F). Bestäm om du vill:

  • ha konturen av för att ge Hatch en ren, solid form, eller
  • ha konturen i en tydligt avvikande färg om du vill att den ska tolkas som en separat detalj.

Praktisk insikt (från videon): Auto-digitalisering blir stabilare om du använder kraftigt olika färger i originalgrafiken. Du kan alltid byta till “riktiga” trådfärger senare i Hatch.

Adjusting the stroke paint color using the color wheel.
Adjusting Properties

4) Duplicera för att bygga L-O-V-E

Markera hjärtat och bokstaven. Högerklick → Duplicate (eller Ctrl+D). Flytta kopian åt sidan och upprepa tills du har L-O-V-E.

Gör så här: Gruppera varje hjärta/bokstav-par (Ctrl+G). Då råkar du inte dra bokstaven ur hjärtat när du arrangerar layouten.

Right-clicking to duplicate the heart object.
Duplicating Objects
Arranging four hearts spelling LOVE with different fill colors.
Layout Design

5) Styr objektens djup (lagerordning)

Broderi är fysisk lagerläggning: det som ligger “längst ner” sys först och det som ligger “överst” sys sist.

Gör så här: Använd Page Up / Page Down för att ändra staplingsordning.

  • Visuell kontroll: Kontrollera överlapp. Ballongen som ska ligga “framför” ska visuellt täcka den bakom. Det hjälper Hatch att tolka separata objekt och minskar risken för konstiga glipor.

6) Rita ballongsnören och gör dem digitaliseringsvänliga

Det här är en klassisk fallgrop: en 1-pixels linje på skärmen blir ofta för tunn för att tolkas bra i broderi.

Gör så här:

  1. Rita snörena med Bezier-verktyget.
  2. Gå till Fill and StrokeStroke Style.
  3. Sätt bredden till 4.000 px (som i videon).

Varför 4 px? En hårfin linje kan ignoreras eller bli ett väldigt tunt löpstygn som lätt sjunker ner i frotté. Med 4 px får Hatch en tydligare “kolumn” att tolka, vilket ger ett mer robust resultat.

Tips från videon: Lägg till noder på snöret och böj med handtagen för en naturlig våg. Använd Ctrl+Z direkt när något blir fel – nodredigering går snabbast när du jobbar iterativt.

Drawing straight lines for balloon strings.
Drawing Strings
Bending the straight lines into curves using node handles.
Editing Paths
Varning
Arbetsplatssäkerhet. När du går från design till maskinmiljö är vassa verktyg (trådsax, sprättare) en risk. Fäll in rullknivar och lägg saxar så att de inte kan ramla från bordskanten.

Steg 2: förbered filen för export

1) Spara en redigerbar master (SVG)

Gör så här: File → Save As → Inkscape SVG. Hoppa inte över detta. SVG är din “källfil” där du kan ändra kurvor, text och objekt. När du väl är i broderiformat är det betydligt svårare att göra rena formändringar.

2) Sätt en solid bakgrund innan du exporterar PNG

Inkscape har transparent bakgrund som standard (rutmönster). I auto-digitalisering kan transparens ibland tolkas fel och skapa oönskade ytor.

Gör så här:

  1. File → Document Properties (Shift+Ctrl+D).
  2. Sätt Background Color till vit och se till att opaciteten/alpha är 255 (helt opakt), som i videon.
  3. File → Export PNG Image.
  4. Välj Page för att exportera hela sidan/arbetsytan.
Setting the document background color to white in Document Properties.
Preparing Export

Proffstips (arbetsmetod): Om du vill göra bakgrunden extra lätt att identifiera i Hatch kan du använda en tydligt avvikande bakgrundsfärg i Inkscape, och sedan välja att utelämna den färgen i förberedelsesteget.

Steg 3: auto-digitalisera i Hatch

1) Importera och storleksätt fysiskt

Dra in din PNG i Hatch.

Storleksregel: Försök att storleksätta bilden korrekt innan du skapar stygn. Att skala stygn i efterhand kan påverka täthet och underlag.

  • Gör så här: Skala motivet till cirka 4–5 tum bredd (som i videon) när du arbetar med en 5x7-broderiram.
Hatch Interface showing the imported PNG image ready for digitizing.
Importing Artwork

2) Auto-digitalisera och reducera färger

Markera bilden → Auto-Digitize Embroidery.

Välj så här:

  • Antal färger: Reducera till 5 eller 6 färger (som i videon). Det hjälper Hatch att ignorera “skräppixlar” och mjuka övergångar.
  • Bakgrund: Välj att utelämna den vita bakgrunden (Omit).
The 'Prepare Bitmap' window in Hatch reducing colors.
Auto-Digitizing

3) Välj stygnsorter (här blir du digitaliserare)

Nu går du från bild till broderiteknik.

Gör så här: Markera hjärt-fyllningarna och välj Tatami (som i videon).

Varför Tatami här? Tatami ger en stabil, täckande fyllning som fungerar bra när du vill ha en tydlig yta.

Vanlig fråga (från kommentarerna): “Kan man välja olika typer av stygn?” Ja – efter auto-digitalisering kan du markera objekt och byta stygnsort (t.ex. Tatami för fyllningar). Exakt vilka val som är bäst beror på material och detaljnivå, men principen är densamma: markera objektet och ändra i objekt-/egenskapsinställningarna.

The final digitized design shown in Hatch with tatami fills.
Digitizing Review

Steg 4: slutlig utsömnad på PE770

Här möter digital teori verkligheten. Handdukar (frotté) är förlåtande på vissa sätt men kan vara knepiga med täckning och stabilitet.

Förberedelser: material och förbrukning

Videon visar själva utsömnaden på en röd handduk. För att få ett stabilt resultat behöver du tänka på underlag och yta:

  • Stabilisering: Använd en stabilisering som matchar projektet (i videon syns/antyds stabilisering).
  • Tråd: Välj tydliga färger och kontrollera att övertråd och undertråd löper jämnt innan start.
Close up of the embroidery machine stitching the purple 'L' heart.
Machine Embroidery

Beslutsstöd: handduk + stabilisering + inspänning

1. Är handduken tjock/plush?

  • Ja: Var extra noggrann med att inte deformera materialet när du spänner i broderiram. För hård inspänning kan ge sneddragning och märken från ramen.

2. Syr du många exemplar?

Varför magnetiskt? Magnetiska broderiramar klämmer jämnt och kan vara smidiga när du vill minska handkraft och få snabbare omtag.

Varning
Magnetsäkerhet. Kraftiga magnetramar (t.ex. magnetisk broderiram 5x7 för brother-kompatibla modeller) har stark klämkraft. Klämrisk: håll fingrar borta från anläggningsytorna. Medicinska implantat: håll starka magneter på avstånd från medicinska enheter.

Maskinkontroll: innan du trycker Start

  1. Trä maskinen enligt manualen.
  2. Känselkontroll: Dra igenom några centimeter övertråd i nålen. Det ska löpa jämnt med ett lätt motstånd.
  3. Inspänning: Spänn i broderiram utan att “dra” i handduken efteråt. Om du sträcker materialet i ramen kan det släppa tillbaka under sömnad och ge rynkor.

Under sömnad: lyssna och titta

Starta broderiet och håll koll på de första momenten.

  • Ljudkontroll: Om du hör ovanliga klick eller skrap – stoppa och kontrollera nål, trådväg och att inget tar i ramen.

Om du använder inspänning för broderimaskin-hjälpmedel eller stationer, se till att handduken hänger fritt och inte drar i broderiarmen.

The finished embroidered red towel displaying the full design.
Project Reveal

Förberedelse-checklista

  • Inkscape-filen sparad som SVG (redigerbar master).
  • Snören satta till minst 4 px; texten tydlig i storlek (t.ex. 72 pt som i videon).
  • Bakgrund satt till opak vit (alpha 255) innan PNG-export.
  • Stabilisering förberedd.

Setup-checklista

  • Motivet är storleksatt för 5x7 (ca 4–5 tum bredd enligt videon).
  • Undertrådsområde rengjort från ludd.
  • Ramkontroll: Om du använder magnetisk broderiram 5x7 för brother, kontrollera att ramen ligger helt plant och har full kontakt.

Sömnads-checklista

  • Första stygnen: Säkerställ att undertråden fångar och att det inte blir trassel under.
  • Fyllningar: Kontrollera täckning och att formerna håller kanterna.
  • Stabilitet: Ramen ska röra sig mjukt utan att studsa.

Felsökning (symptom → orsak → åtgärd)

Symptom Trolig orsak Snabb åtgärd
Färger flyter ihop vid auto-digitalisering Färgerna i originalet är för lika i nyans Använd tydligt olika färger i Inkscape och tilldela “riktiga” trådfärger senare i Hatch.
Transparent bakgrund i exporten Inkscapes standardbakgrund är transparent Sätt bakgrunden till vit med opacitet/alpha 255 i Document Properties innan PNG-export.
Små detaljer (snören) försvinner Linjerna är för tunna i originalgrafiken Gå tillbaka till Inkscape och sätt stroke till 4 px eller mer.
Blockig/konstig yta runt motivet Bakgrunden har följt med in i digitaliseringen Exportera om med solid bakgrund och utelämna bakgrundsfärgen i Hatch (Omit).
Inspänningen tar för lång tid i repetitiva jobb Manuell inspänning blir flaskhals Överväg magnetisk broderiram för brother för snabbare omtag och jämnare tryck.

Resultat & nästa steg

När du är klar ska du ha en tydlig, ren design där vektorarbetet gör att Hatch tolkar formerna bättre: hjärtballongerna blir separata objekt, snörena syns och bokstäverna hamnar rätt.

Vanlig fundering (från kommentarerna): “Varför göra detta i Inkscape istället för direkt i Hatch?” Poängen med Inkscape-delen är att bygga upp en kontrollerad vektor från grunden (kurvor, noder, linjetjocklek och färgseparation). Det ger ofta ett mer förutsägbart underlag för auto-digitalisering – särskilt när du vill skapa egna former som inte finns som färdiga byggblock.

När du väl behärskar detta arbetsflöde kan du återanvända samma metod för andra motiv: rita rent, exportera korrekt, reducera färger, välj stygnsort och sy ut på rätt material.