HamSter007
@HamSter007
HTML/CSS верстальщик

Как преобразовать текст в обводку в illustrator?

Есть adobe illustrator. Есть текст в нем:

5c239c7093a0e339564184.jpeg

И есть такая анимация для svg:

svg path {
  fill:none; 
  stroke:#000;
  animation: dash 5s linear forwards; 
  stroke-dashoffset: 1000;
  stroke-dasharray: 1000;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}


Задача: анимировать stroke-dashoffset от 1000 до 0. Но чтобы сам текст был обводкой, а не обводка вокруг него. (Извините за формулировку).

5c239d4645c17748673587.jpeg

Т.е. должно быть так: codepen пример1, codepen пример2.

Вопрос: Как в illustrator преобразовать текст в обводку (stroke) подобно примерам? Толщина шрифта соответственно должна регулироваться stroke-width.
  • Вопрос задан
  • 1697 просмотров
Решения вопроса 2
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Выбираешь текст, жмешь CTRL + SHIFT + O или Type -> Create outlines

Далее убираешь заливку и применяешь Stroke, с настройкой Inside, и увеличиваешь его значение пока текст не будет выглядеть полностью залитым

5c23a18509af6183689871.png
Ответ написан
RAX7
@RAX7
В этом примере обводка по моему вообще вручную нарисована
Загагулина
5c23a5ae4aff2349964210.png
красным - анимированная обводка
черным - маска
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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