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
- Maak de gewenste afbeelding in Illustrator.
* Let op: klik op de knop "meer opties" om alles te zien *
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.
De kleuren worden standaard gewijzigd in het kleurenpalet, maar nu is er de mogelijkheid om de kleuren van die gedeelten te wijzigen.
Zoals je kunt zien, kun je het kleurenpalet openen of zelfs aangepaste kleuren selecteren door op de pijl omlaag te drukken.
Nu kun je je graphics verder brengen en je storyboards nog beter maken!
Hoe je een SVG uploadt naar Storyboard That
How to use SVG images in interactive classroom activities
Integrate SVG images into your lessons to engage students with dynamic visuals. SVGs maintain high quality at any size, making them ideal for whiteboards, handouts, and digital assignments.
Choose an activity that benefits from visuals
Select a lesson—like storytelling, science diagrams, or math problems—where visuals help students grasp concepts more easily. Visual aids boost engagement and comprehension!
Download or create SVGs tailored to your topic
Find or design SVG images that match your lesson needs. Use free resources, or create custom graphics in Illustrator to fit your objectives. Custom visuals make learning personal and memorable.
Upload SVGs to Storyboard That or your learning platform
Import your SVG files into Storyboard That, Google Slides, or your digital classroom tool. Most platforms support SVGs for crisp, scalable images. This ensures visuals look great on any device.
Encourage students to interact with and customize SVGs
Let students change colors, add labels, or modify SVG shapes in the activity. Interactive editing promotes creativity and deeper understanding!
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.
Veelgestelde vragen over het uploaden van een SVG naar Storyboard That
How do I export an SVG file from Adobe Illustrator for use in Storyboard That?
To export an SVG from Adobe Illustrator for Storyboard That, create your image, go to File > Save As, select .svg as the format, adjust SVG Options (SVG 1.1, Custom type, link images, and uncheck unnecessary boxes), then click OK. Your SVG will be ready to upload and fully scalable.
What are the best SVG export settings for Storyboard That compatibility?
For Storyboard That, use these SVG export settings: SVG Profile 1.1, Type Custom, Subsetting None, Image Location Link, CSS Properties Presentation Attributes, Encoding Unicode (UTF-8), Decimal Places 1, and be sure to uncheck editing and responsive options as specified in the guide.
How can I make parts of my SVG image colorable in Storyboard That?
To make SVG sections colorable, apply these HEX codes to object fills: #1D7A7C (blue), #199119 (green), #A51717 (red), #B5B51F (yellow). Storyboard That recognizes these as color-changeable areas, allowing users to pick new colors from the palette.
Why should I use SVG images instead of raster images on Storyboard That?
SVG images are scalable and maintain high quality at any size, unlike raster formats (e.g., PNG, JPEG) which can become pixelated. SVGs provide flexibility for resizing, editing, and coloring—making them ideal for custom storyboards and graphics.
What do the default colorable HEX codes do in Storyboard That SVG uploads?
The default HEX codes (#1D7A7C, #199119, #A51717, #B5B51F) tell Storyboard That which SVG areas are colorable. When uploaded, these sections show as blue, green, red, or yellow, and users can easily change them using the color palette or custom colors tool.
© 2025 - Clever Prototypes, LLC - Alle rechten voorbehouden.
StoryboardThat is een handelsmerk van Clever Prototypes , LLC , en geregistreerd bij het US Patent and Trademark Office