Filament — генератор Thread Field и потоковых линий онлайн

Filament: Thread Field из streamlines, bundles и glyph marks

Исходное английское название типа Filament — Thread field. В оригинальном описании инструмент создаёт flowing filament fields: streamlines проходят через noise field, объединяются в ropes и могут получать небольшие glyph marks вдоль траекторий. Это делает Filament похожим одновременно на flow field, клубок нитей, карту воздушных потоков и линейную генеративную иллюстрацию. Field scale задаёт крупность векторного поля, Turn меняет общее направление, Curl усиливает закручивание, а Tangle добавляет более сложные пересечения и хаотичность. Сами линии организуются через Bundles и Per bundle: первый параметр определяет количество пучков, второй — число нитей внутри каждого. Clustering управляет склонностью линий собираться ближе друг к другу, Bundle spread — шириной пучков. Length и Step влияют на протяжённость и дискретность трассировки. Weight, Weight variation, Hierarchy и Hairlines отвечают за визуальную иерархию: можно сделать все нити близкими по толщине или выделить основные потоки и дополнить их тонкими волосками. Seed сохраняет структуру поля и размещение линий, поэтому удачный вариант можно воспроизвести и использовать как основу для серии связанных иллюстраций.

Как настроить Filament: Curl, Bundles, Hierarchy и метки

Начните с Field scale, Turn, Curl и Tangle — они определяют характер самого поля. Для спокойных длинных потоков держите Curl и Tangle ниже; для плотной органической структуры постепенно увеличивайте их, контролируя пересечения. Затем настройте Bundles и Per bundle. Если композиция кажется слишком пустой, сначала увеличивайте количество пучков, а уже потом число нитей внутри каждого. Clustering собирает траектории, Bundle spread раздвигает их, поэтому эти два параметра удобно регулировать вместе. Length отвечает за длину линий, Step — за шаг построения: слишком грубый шаг может сделать траектории жёстче, слишком мелкий увеличивает детализацию. В блоке толщины сначала задайте Weight, затем добавьте Weight variation и Hierarchy. Hairlines хорошо работают как тонкий второй слой, особенно если основные нити достаточно контрастны. Symbols и Beaded strands можно использовать как декоративные акценты вдоль траекторий, но их лучше добавлять после того, как сама линейная структура уже читается. Dither и Grain оставьте на финальный этап. Для анимации используйте умеренную скорость и длинный loop: Thread field выигрывает от плавного движения, в котором нити сохраняют ощущение единого потока. При подготовке обложек стоит заранее решить, где будет находиться текст: плотный Thread field лучше сместить в одну часть кадра, оставив более спокойную зону под заголовок. Для серии материалов можно сохранять один seed и менять Weight, Hairlines, symbols или палитру — структура потока останется узнаваемой. В SVG особенно хорошо читаются контрастные основные линии и умеренное количество тонких вспомогательных нитей.

Где использовать результат

• генеративная линейная иллюстрация для постера и обложки
• Thread field или flow field для сайта, презентации и заставки
• векторная композиция для дальнейшей обработки в графическом редакторе
• паттерн из нитей, streamlines и ropes для брендинга
• анимированная карта потоков для видео и digital-экранов
• серия line-art работ с одинаковым seed и разными палитрами или метками

Экспорт Filament в PNG, SVG, Animated SVG и видео

Filament поддерживает как растровый, так и векторный рабочий процесс. PNG подходит для быстрой публикации, SVG сохраняет линии как масштабируемую графику, Animated SVG позволяет получить зацикленное движение без обычного видеоконтейнера, а видео удобно для монтажа и экранных сцен. Размер экспорта можно задавать отдельно от превью. Векторный формат особенно полезен для Thread field, потому что тонкие линии и иерархия толщин лучше переносятся между разными размерами без потери резкости. Captures сохраняют удачные кадры текущей сессии, а seed вместе с настройками позволяет вернуться к структуре поля позже. Публикация в галерею отправляет только готовый статичный кадр после подтверждения пользователя; генерация траекторий выполняется локально в браузере.