För kraftanvändare och artister använder Storyboard That
SVG eller Scalable Vector Graphics , är en webbbildfil som genereras av Adobe Illustrator och andra vektorredigeringsprogram. Bilder som skapas i detta format och exporteras kan skalas (ökat och minskat i storlek) utan att förlora kvalitet i bilden. Detta kan vara mycket användbart för användare som vill ha frihet för fri limning.
Åtgärder för att exportera ett SVG i Illustrator
- Skapa din önskade bild i Illustrator.
* Observera: du borde klicka på "fler alternativ" knappen för att se alla *
Välj följande:
- SVG Profiler: SVG 1.1
- Typ: Anpassad
- Subsetting: None (Använd systemfonter)
- Bild Plats: Länk
- Avmarkera Bevara Illustrator Redigeringsfunktioner
- CSS Egenskaper: Presentation Egenskaper
- Decimal plats: 1
- Kodning: Unicode (UTF-8)
- Kontrollera: Utdata färre <tspan> -element
- Avmarkera : Inkludera skivdata, använd <textPath> -element för text på sökvägen, inkludera XMP och Responsive
Du har skapat en SVG-bild som nu kan laddas upp till StoryboardThat .com och kommer att skalas och non-rasterized!
Färgbara SVGs
Vill du göra delar av din .svg-bild kunna färgas , som tecknen och objekten på Storyboard That? Genom att integrera följande HEX-koder i din bild kommer du att få tillgång till färgpaletter för de delar av ditt arbete.
- HEX KOD 1: # 1D7A7C
- HEX CODE 2: # 199119
- HEX CODE 3: # A51717
- HEX CODE 4: # B5B51F
* Obs! Dessa färger kommer som standard till 4 grundläggande färger (Blå, Grön, Gul och Röd) på din bild. *
Här är ett exempel:
Denna ruta har rätt HEX-koder och laddas upp till Storyboard That.
Färgerna ändras till standard på färgpalett, men nu finns det möjlighet att ändra färgerna på de här sektionerna.
Som du kan se kan du komma åt färgpalett, eller ens välja egna färger , genom att trycka på nedåtpilen.
Nu kan du ta din grafik vidare och göra dina storyboards ännu bättre!
Så här laddar du upp en SVG till Storyboard That
Hur använder man SVG-bilder i interaktiva klassrumsaktiviteter
Integrera SVG-bilder i dina lektioner för att engagera eleverna med dynamiska visuella element. SVG:er behåller hög kvalitet i alla storlekar, vilket gör dem perfekta för whiteboards, utskrifter och digitala uppgifter.
Välj en aktivitet som gynnas av visuella hjälpmedel
Välj en lektion—som berättande, vetenskapsdiagram eller matematiska problem—där visuella element hjälper elever att förstå koncept bättre. Visuella hjälpmedel ökar engagemang och förståelse!
Ladda ner eller skapa SVG:er som passar ditt ämne
Hitta eller designa SVG-bilder som matchar ditt lektionsinnehåll. Använd gratisresurser eller skapa anpassade grafik i Illustrator för att möta dina mål. Egna visuella hjälpmedel gör lärandet personligt och minnesvärt.
Ladda upp SVG:er till Storyboard That eller din lärplattform
Importera dina SVG-filer till Storyboard That, Google Slides eller ditt digitala klassrum. De flesta plattformar stöder SVG:er för skarpa, skalbara bilder. Det här säkerställer att visuella element ser bra ut på alla enheter.
Uppmuntra elever att interagera med och anpassa SVG:er
Låt elever ändra färger, lägga till etiketter eller modifiera SVG-former i aktiviteten. Interaktiv redigering främjar kreativitet och djupare förståelse!
Share and discuss student creations
Showcase student work by displaying their customized SVGs in class or online. Invite feedback and celebrate creative solutions. This builds confidence and a collaborative classroom culture.
Vanliga frågor om att ladda upp en SVG till Storyboard That
Hur exporterar jag en SVG-fil från Adobe Illustrator för användning i Storyboard That?
För att exportera en SVG från Adobe Illustrator till Storyboard That, skapa din bild, gå till Arkiv > Spara som, välj .svg som format, justera SVG-inställningarna (SVG 1.1, Anpassad typ, länka bilder, och avmarkera onödiga rutor), klicka sedan på OK. Din SVG är redo att ladda upp och är fullt skalbar.
Vilka är de bästa exportinställningarna för SVG för kompatibilitet med Storyboard That?
För Storyboard That, använd dessa SVG-exportinställningar: SVG Profil 1.1, Typ Anpassad, Subsetting Ingen, Bildplats Länk, CSS-egenskaper Presentationsegenskaper, Kodning Unicode (UTF-8), Decimal Places 1, och se till att avmarkera redigerings- och responsiva alternativ som specificerats i guiden.
Hur kan jag göra delar av min SVG-bild färgbar i Storyboard That?
För att göra SVG-sektioner färgbara, tillämpa dessa HEX-koder på objektfyllningar: #1D7A7C (blå), #199119 (grön), #A51717 (röd), #B5B51F (gul). Storyboard That känner igen dessa som färgändringsbara områden, vilket gör att användare kan välja nya färger från paletten.
Varför ska jag använda SVG-bilder istället för rasterbilder i Storyboard That?
SVG-bilder är skalbara och behåller hög kvalitet oavsett storlek, till skillnad från rasterformat (t.ex. PNG, JPEG) som kan bli pixelerade. SVG:er ger flexibilitet för storleksändring, redigering och färgläggning—gör dem idealiska för anpassade storyboards och grafik.
Vad gör de standard färgkoder i Storyboard That SVG-uppladdningar?
De standard HEX-koder (#1D7A7C, #199119, #A51717, #B5B51F) berättar för Storyboard That vilka SVG-områden som är färgade. När de laddas upp visas dessa sektioner som blå, gröna, röda eller gula, och användare kan enkelt ändra dem med färgpaletten eller verktyget för anpassade färger.
© 2025 - Clever Prototypes, LLC - Alla rättigheter förbehållna.
StoryboardThat är ett varumärke som tillhör Clever Prototypes , LLC och registrerat i US Patent and Trademark Office