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.
  • Вопрос задан
  • 88 просмотров
Решения вопроса 2
Nekto_Habr
@Nekto_Habr
Жёстко и правдиво: https://vms-blog.ru
Выбираешь текст, жмешь CTRL + SHIFT + O или Type -> Create outlines

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

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

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

Войти через TM ID
Похожие вопросы
Medical Note Москва
от 100 000 до 120 000 руб.
WebMoney Москва
от 100 000 руб.
21 янв. 2019, в 01:19
10000 руб./за проект
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект