Het Uploaden van een SVG Naar Storyboard That

Voor Power Users en Artiesten die Storyboard That

SVG of Scalable Vector Graphics is een webafbeeldingsbestand dat wordt gegenereerd door Adobe Illustrator en andere vectorbewerkingsprogramma's. Afbeeldingen die in dit formaat zijn gemaakt en zijn geëxporteerd, kunnen worden geschaald (vergroot of verkleind) zonder verlies van kwaliteit in de afbeelding. Dit kan zeer nuttig zijn voor gebruikers die de vrijheid van gratis dimensionering willen.

Stappen om een SVG te exporteren in Illustrator

1. Maak de gewenste afbeelding in Illustrator.



div class="img-thumbnail">

Klik op Bestand> Opslaan als en selecteer de .svg-optie.

div class="img-thumbnail">

Het dialoogvenster SVG-opties wordt geopend en u krijgt de mogelijkheid om de .svg-opties te wijzigen.

* Let op: klik op de knop "meer opties" om alles te zien *

div class="img-thumbnail">

Selecteer het volgende:

• SVG-profielen: SVG 1.1
• Type: Aangepast
• Subsetting: Geen (gebruik systeemlettertypen)
• Afbeeldingslocatie: link
• Verwijder het vinkje bij het behouden van Illustrator bewerkingsmogelijkheden
• CSS-eigenschappen: presentatiekeigenschappen
• Decimale plaats: 1
• Codering: Unicode (UTF-8)
• Controle: voer minder <tspan> -elementen uit
• Controle ongedaan maken: snijgegevens opnemen, gebruik het <textPath> -element voor tekst op pad, inclusief XMP en responsief

U hebt een SVG-afbeelding gemaakt die u nu kunt uploaden naar StoryboardThat .com en die schaalbaar en niet-gerasterd kan zijn!

Kleurbare SVG's

Wil je delen van je .svg-afbeelding in kleur kunnen zetten , zoals de personages en objecten op Storyboard That? Door de volgende HEX-codes in uw afbeelding op te nemen, krijgt u toegang tot kleurenpaletten voor die gedeelten van uw werk.

• HEX CODE 1: # 1D7A7C
• HEX CODE 2: # 199119
• HEX CODE 3: # A51717
• HEX CODE 4: # B5B51F

* Let op: deze kleuren worden standaard ingesteld op 4 basiskleuren (blauw, groen, geel en rood) op je afbeelding. *

Hier is een voorbeeld:

Dit vierkant heeft de juiste HEX-codes en wordt geüpload naar Storyboard That.

div class="img-thumbnail">