Hoe maak je een correcte SVG?

Laatste update: 23-04-2024

 

Een correcte SVG, hoe maak je die? Er zijn verschillende manieren om een SVG te maken en op te slaan. Deze tutorial beschrijft hoe je een SVG-bestand maakt.

  1. Teken de gewenste vorm in Illustrator.
  2. Maak deze 1 kleur (zwart) als je de afbeelding wilt gebruiken om om te kleuren in de Editor. Of het wil gebruiken als stansvorm..
  3. Gebruik in een SVG geen transparantie of effecten.
  4. Laat het kleurmodus op RGB-kleur staan
  5. Wanneer je losse elementen hebt, groepeer deze bij elkaar. Maak hier geen samengestelde vorm van.
  6. Zorg dat er geen elementen zijn die je niet nodig hebt. Dus ook niet buiten het tekengebied.
  7. Sla het SVG bestand op met onderstaande instellingen.
  8. Zet de afbeeldingslocatie op Insluiten. Anders verdwijnt de svg van de drukPDF.
Svg instellingen

SVG instellingen

  1. Probeer in het design van de kaart, in de Editor, zo min mogelijk gebruikt te maken van croppen en roteren. Het is beter om dan een nieuwe SVG te maken in Illustrator.
 

'Crop' problemen oplossen

Het komt weleens voor dat een SVG afbeelding is gecropt maar het is toch gedrukt. Hoe is dit gemakkelijk op te lossen. Croppen en roteren is niet wenselijk, maar het komt natuurlijk wel voor.

  1. Op de kaart is het groepje hartjes gecropt, maar toch zijn alle hartjes gedrukt.
Croppen issues

Croppen issues

  1. Ga naar de kaart in de editor.
  2. Download de drukPDF.
  3. Open deze in Illustrator.
  4. De afbeelding links is wat je nu ziet in Illustrator, de afbeelding rechts is wat er echt is. Je kunt dit zien door op "CMD-Y" te klikken of via weergave > omtrek.
Croppen issues

Croppen issues

  1. Ga nu naar het "witte" pijltje in het gereedschappenpallet.
  2. Selecteer de hartjes die op de kaart moeten komen en verberg deze (gebruikt cmd-3).
Croppen issues

Croppen issues

  1. Wanneer je de gewenste hartjes verborgen hebt, sleep je met het "witte pijltje" over het hele tekengebied. Gebruik geen "select all", dan ben je alles kwijt!
  2. Verwijder dit door middel van backspace.
  3. Klik op "alle tonen". Object > alle tonen.
  4. Pas het tekengebied aan naar de illustratiegrenzen. Object > Tekengebied > aanpassen naar illustratiegrenzen.
  5. Sla dit op als SVG.
  6. Vervang de afbeelding in de kaart door dit bestand.