Pro Power Users a Artists pomocí Storyboard That
SVG nebo Scalable Vector Graphics je soubor webového obrazu, který je generován programy Adobe Illustrator a dalšími programy pro úpravu vektorů. Snímky vytvořené v tomto formátu a exportované mohou být zmenšeny (zvětšeny a zmenšeny) bez ztráty kvality obrazu. To může být velmi užitečné pro uživatele, kteří chtějí svobodu volného velikosti.
Kroky pro export SVG v Illustratoru
- Vytvořte požadovaný obrázek v aplikaci Illustrator.
* Upozorňujeme, že kliknutím na tlačítko „Další možnosti“ zobrazíte všechny *
Vyberte následující:
- Profily SVG : SVG 1.1
- Typ: Vlastní
- Podmnožina: Žádná (Použít systémová písma)
- Umístění obrázku: Odkaz
- Zrušit kontrolu Zachování možností úprav Illustratoru
- Vlastnosti CSS: Atributy prezentace
- Desetinné místo: 1
- Kódování: Unicode (UTF-8)
- Kontrola: Výstup méně prvků <tspan>
- Zrušte zaškrtnutí políčka : Zahrnout data krájení, použijte <textPath> prvek pro text na cestě, zahrnout XMP a reagovat
Vytvořili jste obrázek SVG, který lze nyní nahrát do StoryboardThat .com a bude škálovatelný a ne rastrovaný!
Colorable SVG
Chcete, aby části vašeho .svg obrazu mohly být obarvitelné , jako postavy a objekty na Storyboard That? Začleněním následujících kódů HEX do obrázku budete mít přístup k paletám barev pro tyto části vaší práce.
- HEX KÓD 1: # 1D7A7C
- HEX CODE 2: # 199119
- HEX CODE 3: # A51717
- HEX CODE 4: # B5B51F
* Poznámka: tyto barvy budou ve výchozím nastavení 4 základní barvy (modrá, zelená, žlutá a červená) na obrázku. *
Zde je příklad:
Toto pole má správné kódy HEX a je nahráno do Storyboard That.
Barvy se změní na výchozí v paletě barev, ale nyní je možnost změnit barvy těchto částí.
Jak vidíte, můžete přistupovat k paletě barev nebo dokonce vybrat vlastní barvy stisknutím šipky dolů.
Nyní si můžete vzít svou grafiku dále a vylepšit své příběhy!
Jak nahrát SVG do Storyboard That
Jak používat SVG obrázky při interaktivních aktivitách ve třídě
Integrovat SVG obrázky do svých lekcí, aby studenti byli zapojeni pomocí dynamických vizuálů. SVG si zachovávají vysokou kvalitu při jakékoli velikosti, což je činí ideálními pro tabule, tištěné materiály a digitální úkoly.
Vyberte aktivitu, která těží z vizuálů
Zvolte lekci—například vyprávění příběhů, vědecké diagramy nebo matematické úlohy—kde vizuály pomáhají studentům lépe pochopit koncepty. Vizuální pomůcky zvyšují zapojení a porozumění!
Stáhněte nebo vytvořte SVG přizpůsobené vašemu tématu
Najděte nebo navrhněte SVG obrázky, které odpovídají potřebám vaší lekce. Použijte bezplatné zdroje nebo vytvořte vlastní grafiku v Illustratoru, aby odpovídala vašim cílům. Vlastní vizuály činí učení osobním a zapamatovatelným.
Nahrát SVG do Storyboard That nebo do vašeho vzdělávacího prostředí
Importujte své SVG soubory do Storyboard That, Google Slides nebo jiného digitálního nástroje. Většina platforem podporuje SVG pro ostré, škálovatelné obrázky. Tím zajistíte, že vizuály budou vypadat skvěle na jakémkoli zařízení.
Podporujte studenty v interakci a přizpůsobování SVG
Povzbuďte studenty, aby měnili barvy, přidávali štítky nebo upravovali tvary SVG v rámci aktivity. Interaktivní úpravy podporují kreativitu a hlubší porozumění!
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.
Často kladené otázky o nahrání SVG do Storyboard That
Jak exportuji soubor SVG z Adobe Illustratoru pro použití v Storyboard That?
Pro export SVG ze Adobe Illustratoru pro Storyboard That vytvořte svůj obrázek, přejděte na Soubor > Uložit jako, vyberte formát .svg, upravte možnosti SVG (SVG 1.1, vlastní typ, odkazy na obrázky a odškrtněte zbytečná políčka), a poté klikněte na OK. Váš SVG bude připraven k nahrání a plně škálovatelný.
Jaká jsou nejlepší nastavení exportu SVG pro kompatibilitu s Storyboard That?
Použijte tato nastavení exportu SVG: Profil SVG 1.1, Typ Vlastní, Podmnožina žádná, Umístění obrázku Odkaz, Vlastnosti CSS Prezentace atributů, Kódování Unicode (UTF-8), Desetinná místa 1, a ujistěte se, že odškrtnete možnosti úpravy a responzivnosti podle průvodce.
Jak mohu udělat části svého SVG obrázku barevně upravitelné v Storyboard That?
Chcete-li části SVG obrázku upravitelné barvou, použijte tyto HEX kódy pro výplně objektů: #1D7A7C (modrá), #199119 (zelená), #A51717 (červená), #B5B51F (žlutá). Storyboard That tyto oblasti rozpozná jako barevně upravitelné, což umožňuje uživatelům vybírat nové barvy z palety.
Proč bych měl používat SVG obrázky místo rastrových obrázků v Storyboard That?
SVG obrázky jsou škálovatelné a zachovávají vysokou kvalitu při jakékoli velikosti, na rozdíl od rastrových formátů (např. PNG, JPEG), které mohou být rozpixelované. SVG umožňují flexibilitu při změně velikosti, úpravách a barevných úpravách—ideální pro vlastní storyboardy a grafiku.
Co dělají výchozí HEX kódy pro barvy v nahraných SVG v Storyboard That?
Výchozí HEX kódy (#1D7A7C, #199119, #A51717, #B5B51F) určují, které oblasti SVG jsou barevně upravitelné. Po nahrání se tyto sekce zobrazí jako modré, zelené, červené nebo žluté a uživatelé je mohou snadno změnit pomocí palety barev nebo nástroje pro vlastní barvy.
© 2025 - Clever Prototypes, LLC - Všechna práva vyhrazena.
StoryboardThat je ochranná známka společnosti Clever Prototypes , LLC a registrovaná v Úřadu pro patenty a ochranné známky USA