Загрузив SVG в Storyboard That

Для опытных пользователей и художников, использующих Storyboard That

SVG , или Scalable Vector Graphics , представляет собой файл веб-изображения, созданный Adobe Illustrator и другими программами векторного редактирования. Изображения, созданные в этом формате и экспортированные, можно масштабировать (увеличивать и уменьшать в размере) без потери качества изображения. Это может быть чрезвычайно полезно для пользователей, которые хотят свободу свободного определения размеров.

Шаги для экспорта SVG в Illustrator

1. Создайте нужное изображение в Illustrator.



div class="img-thumbnail">

Нажмите Файл> Сохранить как и выберите опцию .svg.

div class="img-thumbnail">

Откроется диалоговое окно «Параметры SVG», и вам будет предоставлена возможность изменить параметры .svg.

* Пожалуйста, обратите внимание: вы должны нажать кнопку «Дополнительные параметры», чтобы увидеть все *

div class="img-thumbnail">

Выберите следующее:

• Профили 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.

div class="img-thumbnail">