artemky
@artemky

Почему нарисованные svg в Adobe Illustrator выглядят таким образом?

В илюстраторе создаю svg файл, вывожу его в html на страницу в браузере.
Почему svg рисуется с замкнутыми линиями? Как мне настроить илюстратор так, чтобы рисовались кривые линии без замыкания?
Использую кисть, пробовал делать максимальный тонкую кисть. Важно рисовать кистью, а не пером.
5f78ed3946b5a115099843.png
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
@severnik
Чтоб рисовать кривые без замыкания, нарисуйте две горизонтальные параллельные линии с контуром нужной толщины и на нужном расстоянии друг от друга, выделите их и в панели кисти нажмите New Brush-Art Brush (Новая кисть-Объектная кисть). В окне настроек можно всё так оставить, потом можно поменять параметры кисти, если надо будет. Рисуйте всё этой новой кистью, в браузере SVG тоже нормально будет отображаться.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@cheeroque
Не уверен, что можно заставить иллюстратор рисовать обводкой вместо заливки в режиме кисти. Проще будет CSS для отображения в браузере поменять. Сейчас у вас там задан цвет обводки и пустая заливка, просто поменяйте местами (вместо fill: none; stroke: #f00; будет fill: #f00; stroke: none;)
Ответ написан
melomanpenza
@melomanpenza
UX/UI дизайнер
Как вариант, после того как отрисуете всё что хотел в Illustrator. Выделите все объекты и нажмите:
Object - Expand Appearance

5f7b2d1e3a46a411579463.jpeg

Тогда он все линии переведет в области, который в svg прописываются как path
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы