Operation Manual
SVG
Naar boven
Naar boven
SVG
SVG-effecten toepassen
Effecten uit een SVG-bestand importeren
Overzicht van het deelvenster SVG-interactiviteit
SVG-interactiviteit toevoegen aan illustraties
SVG-gebeurtenissen
SVG
Bestandsindelingen voor bitmapafbeeldingen op het web, zoals .GIF, .JPEG, .WBMP en .PNG, beschrijven afbeeldingen aan de hand van een
pixelraster. De resulterende bestanden zijn vaak groot, beperkt tot één (vaak lage) resolutie en vereisen veel bandbreedte op het web. SVG is
daarentegen een vectorindeling waarin afbeeldingen worden beschreven als vormen, paden, tekst en filtereffecten. De resulterende bestanden zijn
compact en bieden de beste afbeeldingen op het web, in afgedrukte vorm en zelfs op mobiele apparatuur met beperkte capaciteit. Gebruikers
kunnen een SVG-afbeelding op het scherm vergroten zonder verlies van scherpte, details of helderheid. Daarnaast biedt SVG betere
ondersteuning voor tekst en kleuren, waardoor gebruikers de afbeeldingen zien zoals ze op het Illustrator-tekengebied worden weergegeven.
De SVG-indeling is volledig gebaseerd op XML en biedt veel voordelen voor zowel ontwikkelaars als gebruikers. Met de SVG-indeling kunt u in
XML en JavaScript webafbeeldingen maken die aan de hand van geavanceerde effecten, zoals markeringen, knopinfo, audio en animaties,
reageren op handelingen van gebruikers.
U kunt illustraties in de SVG-indeling opslaan met de opdrachten Opslaan, Opslaan als, Kopie opslaan en Opslaan voor web en apparaten.Als u
toegang wilt tot alle exportopties voor SVG, gebruikt u de opdracht Opslaan, Opslaan als of Kopie opslaan.De opdracht Opslaan voor web en
apparaten biedt een subset SVG-exportopties die van toepassing zijn op webillustraties.
Ga naar www.adobe.com/go/vid0207_nl voor een video over het maken van inhoud voor mobiele apparaten in Illustrator.
De manier waarop u een illustratie instelt in Illustrator heeft gevolgen voor het uiteindelijke SVG-bestand. Neem de volgende richtlijnen in acht:
Voeg met gebruik van lagen een structuur toe aan het SVG-bestand. Wanneer u een illustratie opslaat in de SVG-indeling, wordt iedere laag
omgezet in een groepselement (<g>). (Een laag met de naam Knop1 wordt in het SVG-bestand bijvoorbeeld <g id="Knop1_ver3.0">.)
Geneste lagen worden geneste SVG-groepen en verborgen lagen blijven behouden met de SVG-stijleigenschap display="none".
Als u objecten op verschillende lagen transparant wilt maken, past u de dekking van ieder object aan in plaats van iedere laag. Als u de
dekking op laagniveau wijzigt, ziet u in het SVG-bestand niet de transparantie die wordt weergegeven in Illustrator.
Rastergegevens zijn niet schaalbaar in de SVG-viewer en kunnen, in tegenstelling tot andere SVG-elementen, niet worden bewerkt. Maak,
indien mogelijk, dus geen illustraties die worden gerasterd in het SVG-bestand. Verloopnetten en objecten die gebruikmaken van de effecten
Rasteren, Artistiek, Vervagen, Penseelstreek, Vervorm, Pixel, Verscherpen, Schets, Stileer, Structuur en Video worden gerasterd wanneer
deze worden opgeslagen in de SVG-indeling. Afbeeldingsstijlen met deze effecten produceren ook rastering. Gebruik SVG-filtereffecten om
grafische elementen toe te voegen zonder rastering.
Gebruik symbolen en vereenvoudig de paden in uw illustraties om betere resultaten te bereiken met SVG. Als de prestaties van essentieel
belang zijn, kunt u bovendien beter geen penselen gebruiken die veel padgegevens produceren, zoals Houtskool, As van vuur en
Meerlijnspen.
Gebruik segmenten, afbeeldingen met hyperlinks, en scripts om webkoppelingen toe te voegen aan een SVG-bestand.
Een scripttaal, zoals JavaScript, maakt onbeperkte functionaliteit mogelijk voor een SVG-bestand. Muisbewegingen en
toetsenbordopdrachten kunnen scriptfuncties, zoals rollovereffecten, activeren. Scripts kunnen ook het documentobjectmodel (DOM)
gebruiken om het SVG-bestand te openen en te wijzigen, bijvoorbeeld om SVG-elementen in te voegen of te verwijderen.
SVG-effecten toepassen
U kunt SVG-effecten gebruiken om grafische eigenschappen, zoals slagschaduwen, aan een illustratie toe te voegen. SVG-effecten verschillen
van vergelijkbare bitmapeffecten, omdat ze op XML zijn gebaseerd en niet afhankelijk zijn van de resolutie. In feite is een SVG-effect niets meer
dan een serie XML-eigenschappen waarmee verschillende wiskundige bewerkingen worden beschreven. Het resulterende effect wordt naar het
doelobject gerenderd in plaats van naar de bronafbeelding.
Illustrator bevat een standaardset SVG-effecten. U kunt de effecten gebruiken met de standaardeigenschappen, de XML-code bewerken om
aangepaste effecten te maken of nieuwe SVG-effecten schrijven.
U kunt de standaard SVG-filters van Illustrator wijzigen met een teksteditor. U bewerkt dan het bestand Adobe SVG Filters.svg in de map
Documents and Settings/<gebruikersnaam>/Application Data/Adobe/Adobe Illustrator CS5 Settings/<locatie>. U kunt bestaande filterdefinities
454