Для опытных пользователей и художников, использующих Storyboard That
SVG , или Scalable Vector Graphics , представляет собой файл веб-изображения, созданный Adobe Illustrator и другими программами векторного редактирования. Изображения, созданные в этом формате и экспортированные, можно масштабировать (увеличивать и уменьшать в размере) без потери качества изображения. Это может быть чрезвычайно полезно для пользователей, которые хотят свободу свободного определения размеров.
Шаги для экспорта SVG в Illustrator
- Создайте нужное изображение в Illustrator.
* Пожалуйста, обратите внимание: вы должны нажать кнопку «Дополнительные параметры», чтобы увидеть все *
Выберите следующее:
- Профили SVG : SVG 1.1
- Тип: Пользовательский
- Подмножество: Нет (использовать системные шрифты)
- Расположение изображения: ссылка
- Снимите флажок Сохранить возможности редактирования Illustrator
- Свойства CSS: атрибуты презентации
- Десятичное место: 1
- Кодировка: Unicode (UTF-8)
- Проверить: вывести меньше элементов <tspan>
- Снимите флажок: Включить данные вырезания, Использовать элемент <textPath> для текста на пути, Включить XMP и Отзывчивый
Вы создали SVG-изображение, которое теперь может быть загружено на StoryboardThat .com и будет масштабируемым и не растеризованным!
Цветные SVG
Хотите, чтобы части вашего изображения .svg могли быть окрашены , как персонажи и объекты на Storyboard That? Включив следующие HEX-коды в ваше изображение, вы сможете получить доступ к цветовой палитре для этих разделов вашей работы.
- Шестнадцатеричный код 1: # 1D7A7C
- ШЕСТЬ КОДЕКС 2: # 199119
- ШЕСТЬ КОДЕКС 3: # A51717
- ШЕСТЬ КОДЕКС 4: # B5B51F
* Обратите внимание: эти цвета по умолчанию будут иметь 4 основных цвета (синий, зеленый, желтый и красный) на вашем изображении. *
Вот пример:
Этот квадрат имеет правильные коды HEX и загружен в Storyboard That.
Цвета изменяются на значения по умолчанию в цветовой палитре, но теперь есть возможность изменить цвета этих разделов.
Как видите, вы можете получить доступ к цветовой палитре или даже выбрать пользовательские цвета , нажав стрелку вниз.
Теперь вы можете развивать графику и улучшать раскадровки!
Как загрузить SVG-файл на 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.
Часто задаваемые вопросы о загрузке SVG-файла на 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 - Все права защищены.
StoryboardThat является товарным знаком Clever Prototypes , LLC и зарегистрирован в Бюро по патентам и товарным знакам США.