Laste opp en SVG til Storyboard That

For kraftbrukere og artister ved hjelp av Storyboard That

SVG eller Scalable Vector Graphics , er en web-bildefil som genereres av Adobe Illustrator og andre vektorredigeringsprogrammer. Bilder som er opprettet i dette formatet og eksporteres, kan skaleres (økt og redusert i størrelse) uten å miste kvalitet i bildet. Dette kan være svært nyttig for brukere som vil ha friheten til fri liming.

Fremgangsmåte for å eksportere en SVG i Illustrator

1. Opprett ønsket bilde i Illustrator.



div class="img-thumbnail">

Klikk Fil> Lagre som og velg .svg-alternativet.

div class="img-thumbnail">

SVG Options dialogboksen åpnes, og du får muligheten til å endre .svg-alternativene.

* Vennligst merk: du bør klikke på "flere alternativer" -knappen for å se alle *

div class="img-thumbnail">

Velg følgende:

• SVG Profiler: SVG 1.1
• Type: Tilpasset
• Subsetting: None (Bruk systemfonter)
• Bildestilling: Link
• Uncheck Bevar Illustrator Editing Capabilities
• CSS Egenskaper: Presentasjonsegenskaper
• Desimal plass: 1
• Koding: Unicode (UTF-8)
• Kontroller: Utfør færre <tspan> elementer
• Uncheck : Inkluder skivedata, bruk <textPath> -element for tekst på sti, inkludere XMP og Responsive

Du har opprettet et SVG-bilde som nå kan lastes opp til StoryboardThat .com, og vil være skalerbar og ikke-rasterisert!

Fargerbare SVGer

Vil du gjøre deler av ditt .svg-bilde i stand til å farges , som tegnene og objektene på Storyboard That? Ved å inkorporere følgende HEX-koder i bildet ditt, vil du kunne få tilgang til fargepaletter for de delene av arbeidet ditt.

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

* Merk: Disse farger vil standard til 4 grunnleggende farger (Blå, Grønn, Gul og Rød) på bildet ditt. *

Her er et eksempel:

Denne torget har de riktige HEX-kodene og lastes opp til Storyboard That.

div class="img-thumbnail">