SVG (Scalable Vector Graphics) is een XML-markeertaal voor het beschrijven van tweedimensionale afbeeldingen. SVG-bestanden verschaffen compacte, resolutie-onafhankelijke HiDPI-afbeeldingen voor het web, drukwerk en mobiele apparatuur. U kunt een SVG opmaken met CSS en dankzij de ondersteuning voor scripts en animatie vormt SVG een integraal onderdeel van het webplatform.

Bepaalde gebruikelijke afbeeldingsindelingen voor het web, zoals GIF, JPEG en PNG, zijn groot en hebben vaak een lage resolutie. De SVG-indeling is veel praktischer, omdat u afbeeldingen kunt beschrijven aan de hand van vectorvormen, tekst en filtereffecten. SVG-bestanden zijn compact en verschaffen hoogwaardige illustraties voor het web en ook voor handheldapparaten met beperkte resources. U kunt een SVG-afbeelding op het scherm vergroten zonder verlies van scherpte, details of helderheid. Daarnaast biedt SVG betere ondersteuning voor tekst en kleuren, waardoor u de afbeeldingen ziet zoals ze in het werkgebied worden weergegeven. De SVG-indeling is volledig gebaseerd op XML en biedt veel voordelen voor zowel ontwikkelaars als gebruikers.

 Nu kunt u SVG-bestanden exporteren uit Animate zonder dat er ongewenste definities en ID's worden aangemaakt. De samenstelling van SVG-bestanden is verbeterd in Animate 19.1. Deze uitvoeroptie zorgt voor een betere kwaliteit van de SVG's die worden geïmporteerd in de personageanimator.

De workflow voor exporteren naar SVG in Animate

Met Animate kunt u bestanden exporteren naar de indeling SVG-versie 1.1. U kunt visueel rijke illustraties maken met de krachtige ontwerptools van Animate en de illustraties vervolgens exporteren naar SVG.

In Animate kunt u bepaalde frames en hoofdframes van een animatie exporteren. En omdat de geëxporteerde illustratie een vectorillustratie is, is de resolutie van de afbeelding hoog, zelfs wanneer u schaalt naar verschillende grootten.

De functie SVG exporteren vervangt de vroegere functie FXG exporteren (verwijderd uit Animate (juni 2013)). U zult merken dat de functie SVG exporteren veel krachtiger is en dat de uitvoer van veel hogere kwaliteit is. In vergelijking met FXG gaat er bovendien nauwelijks inhoud verloren in SVG.

Illustratie met filtereffecten

Met SVG is het mogelijk dat filtereffecten niet precies zo worden weergegeven als in Animate, aangezien er geen één-op-één toewijzing tussen filters beschikbaar is tussen Animate en SVG. In Animate worden combinaties van verschillende primitieve filters die beschikbaar zijn in SVG benut om een vergelijkbaar effect te simuleren.

Omgaan met meerdere symbolen

SVG-exportbewerkingen verwerken naadloos meerdere symbolen, waarbij geen inhoud verloren gaat. De uitvoer lijkt precies op de illustraties in het werkgebied in Animate.

Illustraties exporteren in de SVG-indeling

1. Scrub of verplaats in Animate de afspeelkop naar het gewenste frame.
2. Selecteer Bestand > Exporteren > Afbeelding exporteren. Of selecteer Bestand > Publicatie-instellingen (selecteer de optie SVG-afbeelding in de sectie met overige indelingen.)
3. Typ de locatie waar u het SVG-bestand wilt opslaan of blader er naartoe. Zorg dat u SVG selecteert als type bij Opslaan als.
4. Klik op OK.
5. Kies Insluiten of Koppelen naar uw SVG-bestand in het dialoogvenster SVG exporteren.
   • Verborgen lagen opnemen Alle verborgen lagen in het Animate-document worden geëxporteerd. Als u de selectie van Verborgen lagen exporteren opheft, worden alle lagen die als verborgen zijn gemarkeerd (met inbegrip van lagen die in filmclips zijn genest) niet naar het resulterende SVG-bestand geëxporteerd. Zo kunt u gemakkelijk verschillende versies van Animate-documenten testen door lagen onzichtbaar te maken.
   • Insluiten: er wordt een bitmap ingesloten in het SVG-bestand. Gebruik deze optie als u bitmaps rechtstreeks wilt insluiten in het SVG-bestand.
   • Koppeling: verschaft een koppeling naar het pad van bitmapbestanden. Gebruik deze optie als u de bitmaps niet wilt insluiten, maar een koppeling wilt verschaffen naar de bitmaps in het SVG-bestand. Als u de optie Afbeeldingen kopiëren naar map selecteert, worden de bitmaps opgeslagen in de map images die is gemaakt op de exportlocatie van het SVG-bestand. Als de optie Afbeeldingen kopiëren naar map niet is geselecteerd, wordt in het SVG-bestand vanaf de oorspronkelijke bronlocatie verwezen naar de bitmaps. Als de bronlocatie van de bitmap niet beschikbaar is, worden de bitmaps ingesloten in het SVG-bestand.
   • Afbeeldingen kopiëren naar /Images-map: hiermee kopieert u de bitmap naar de map /Images. Als de map /Images nog niet bestaat, wordt deze gemaakt op de exportlocatie van het SVG-bestand.
   • Optimaliseren voor Character AnimatorAnimate heeft nu een optie waarmee u SVG-bestanden kunt uitvoeren die goed samenwerken met Character Animator.

6. Klik op OK.

 Niet alle Animate-functies worden ondersteund door de SVG-indeling. De met deze functies gemaakte inhoud wordt tijdens het exporteren verwijderd of standaard omgezet in een ondersteunde functie.

U kunt ook het dialoogvenster Publicatie-instellingen gebruiken om SVG-bestanden te exporteren in Animate (Bestand > Publicatie-instellingen). Selecteer de optie SVG in de sectie Andere indelingen om SVG-bestanden te exporteren.

U wordt aangeraden SVG-bestanden alleen te bekijken in moderne browsers waarop de laatste updates zijn toegepast. Bepaalde grafische filters en kleureffecten worden namelijk wellicht niet goed gerenderd in oudere versies van browsers, zoals Internet Explorer 9.

SVG-bestanden uitwisselen met Adobe Illustrator

U kunt in Animate inhoud uitwisselen met Adobe Illustrator. Deze workflow dient ter vervanging van de functie voor FXG-export die niet meer voorkomt in Animate (13.0). U kunt SVG-bestanden exporteren vanuit Animate en deze importeren in Adobe Illustrator. Meer informatie over het gebruik van SVG-bestanden in Adobe illustrator vindt u in dit Help-onderwerp.

Gebruik deze workflow als u losse bewerkingen wilt aanbrengen aan uw illustraties en veelsprekende details wilt toevoegen. U kunt Illustrator ook gebruiken om effecten, zoals slagschaduw, toe te voegen aan de illustratie.

Ga als volgt te werk om SVG-bestanden te bewerken in Adobe Illustrator en de bewerkte inhoud te gebruiken in Animate:

1. In Animate exporteert u naar SVG.
2. Bewerk uw illustraties door het SVG-bestand te openen met gebruik van Adobe Illustrator.
3. Sla het SVG-bestand op als een .ai-bestand en importeer het in Animate. Voor meer informatie over het gebruik van Illustrator-bestanden in Animate.