Een SVG bestand maken met je tablet voor whiteboard animaties

Om zo’n super toffe whiteboard animatie te maken heb je afbeeldingen nodig van een speciaal bestandstype: SVG. Oftewel ‘Scalable Vector Graphics’. SVG-bestanden worden niet opgeslagen in pixels, maar kijken juist naar de ‘lijnen’ tussen punten van een tekening en slaan die op. Precies wat je nodig hebt dus als je lijnen wilt laten tekenen in een whiteboard animatie. In deze blog vertel ik je hoe zelf makkelijk zo’n bestand maakt met je tablet.

1. De software

Er zijn heel veel verschillende tekenprogramma’s die SVG-bestanden kunnen produceren. Zowel voor op je computer als tablet. Ik gebruik mijn iPad om te tekenen.  Na het testen van veel verschillende betaalde en gratis apps ben ik uitgekomen op Inkpad – Graphic Design. Helaas betaald (momenteel € 7,99), maar erg makkelijk in gebruik.

Voor reguliere digitale tekeningen gebruik ik Procreate en Sketches Pro. Deze apps kunnen helaas geen (goede) vector bestanden produceren, dus heb ik hiervoor een andere app aangeschaft.

2. Tekenen in Inkpad

In onderstaand filmpje laat ik zien hoe je een SVG-bestand maakt met behulp van Inkpad. Andere Vector tekenprogramma’s werken op een zelfde manier, dus ook dan kun je deze instructies volgen :). Ik gebruik een simpele stylus pen (met zo’n zwart rubberen bolletje) van de Action om te tekenen op mijn tablet. Aanzienlijk goedkoper dan bijvoorbeeld de iPen, en een stuk beter te reguleren da je vinger.

3. Tips

Nog een paar tips:

  1. Teken in de juiste volgorde!
    Iets waar ik zelf erg aan moest wennen en heel bewust over moest nadenken: je moet gelijk in de juiste volgorde tekenen. Als je een tekening op papier maakt, maakt het niks uit waar je begint en eindigt. Bij een whiteboard animatie zal de SVG afbeelding jouw tekenvolgorde keurig volgen. Het dan mooi wanneer lijnen aansluitend op elkaar getekend worden en je niet van links naar rechts en weer naar links gaat. Teken dus verder waar je bent geëindigd met je vorige lijn!
  2. Laat kleuren elkaar niet kruisen
    Iets wat dit programma niet goed kan is verschillende kleuren over elkaar laten zien. Dit wordt korrelig weergegeven, dus niet doen. Zorg dat lijnen van verschillende kleuren elkaar dus niet raken, bijvoorbeeld als je een tekening een accent geeft of inkleurt.
  3. Teken op schaal
    Het is het mooist wanneer je al je tekeningen ‘op schaal’ maakt in je tekenprogramma. Teken je huisje bijvoorbeeld groter dan je poppetje. Als je hier al op schaal tekent kun je de afbeeldingen 1-op-1 overnemen in VideoScribe en blijven de verhoudingen en lijndiktes gelijk. Ga je in VideoScribe pas schalen, en een tekening bijvoorbeeld verkleinen, zullen de lijnen van je tekening dunner worden en krijg je verschillen in diktes.

Je SVG bestand(en) klaar?
Lees hier hoe je je eigen Whiteboard Animatie in elkaar zet.

Succes!


4 reacties op ‘Een SVG bestand maken met je tablet voor whiteboard animaties

  1. Zeer duidelijke blog! Er zijn inderdaad nog weinig tablet app’s die een vector bestand kunnen genereren. Zelf werk ik het liefste met Adobe draw. wanneer je een adobe pakket hebt kun je de tekening transporteren naar andere adobe programma’s waar je hem als vector op kunt slaan.

    Like

Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit /  Bijwerken )

Google photo

Je reageert onder je Google account. Log uit /  Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit /  Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit /  Bijwerken )

Verbinden met %s