«Интерактивная система частиц в TouchDesigner»
28 октября в 18:00 по мск — открытый воркшоп
научимся управлять графикой с помощью движений рук и создадим интерактивную систему частиц, которая реагирует на жесты в реальном времени.
спикер: ❤️
Даша Totty — медиахудожник, работающий с TouchDesigner и интерактивной графикой, преподаватель в лицее ВШЭ.
на воркшопе: ❤️
разберём, как связать вебкамеру с touchdesigner через mediapipe, настроить отслеживание рук и собрать систему частиц на pops. посмотрим, как превратить обычные движения в визуальные эффекты, которые можно использовать в медиаарте, моушн-дизайне и интерактивных проектах.
Даша покажет готовый результат и объяснит принцип работы системы. затем вместе соберём проект с нуля: подключим отслеживание рук, настроим поведение частиц и стилизуем изображение.
после совместной практики участники смогут поэкспериментировать с параметрами, изменить визуальный стиль и доработать систему под свои идеи. в конце посмотрим несколько работ и разберём результаты.
по итогам воркшопа: ❤️
• собственная интерактивная сцена с управлением частицами через движения рук.
• навыки работы с mediapipe и системой pops в touchdesigner.
• понимание принципов создания интерактивной графики и возможность использовать полученный проект в дальнейшем.
для участия понадобятся touchdesigner 2025, плагин mediapipe и вебкамера.
программу и плагин желательно установить заранее. ссылки дадим в беседе после регистрации
❤️ [ЗАПИСАТЬСЯ] ❤️
Увеличили ER в 3 раза за 1 месяц, а количество комментариев выросло х20
Запустили геймификацию одного телеграм канала, все подробности скоро расскажем, уже готовим кейс 🤫
А пока делимся результатами первого месяца:
➖ В 3 раза увеличили вовлеченность по взаимодействиям
➖ В 20 раз увеличили количество комментариев
➖ Привлекли 14к новых подписчиков (общий прирост канала)
Спасибо клиенту за доверие ❤️! Ведь это первый подобный проект в Рунете, не считая нашего канала
Дизайнер работает не с абстрактным человеком..
Он работает с конкретной фигурой - со своими пропорциями, особенностями и задачами.
▪️ Вот пять типов, которые нужно держать в голове - и понимать, как с каждым работать.
✦ Прямоугольник
Плечи, талия и бёдра примерно одной ширины. Силуэт ровный, без выраженных изгибов. Задача дизайнера - создать визуальный объём и форму там, где её нет. Работают структурированные вещи, пояса, объёмные верхи, многослойность.
✦ Песочные часы
Выраженная талия, плечи и бёдра соразмерны. Классический силуэт, который хорошо читается в любой одежде. Задача - подчеркнуть естественные пропорции, не перегрузить деталями. Приталенные силуэты, облегающие платья, пояса на талии.
✦ Груша
Бёдра шире плеч, талия выражена. Низ тяжелее верха визуально. Задача - уравновесить пропорции: добавить объём наверх, смягчить акцент на бёдрах. Объёмные плечи, яркие детали на верхней части, тёмный низ.
✦ Яблоко
Основной объём в области живота и талии, плечи и бёдра уже. Задача - создать вертикаль, удлинить силуэт, не перетягивать внимание к середине. Вертикальные линии, V-образные вырезы, свободные силуэты с акцентом на плечи.
✦ Клубника
Плечи шире бёдер, талия может быть выражена. Верх доминирует визуально. Задача - добавить объём и акцент в нижнюю часть, смягчить плечевой пояс. Расклешённые юбки, объёмные брюки, минимум деталей на плечах.
‼️ Почему это важно не только для кастомного пошива?
Когда вы рисуете технический эскиз или создаёте коллекцию - вы всегда рисуете для кого-то. Понимание типов фигур помогает принимать решения по силуэту, конструкции и деталям осознанно, а не интуитивно.
❗️Для каждого типа фигуры я подготовила шаблоны - готовые основы для рисования эскизов с правильными пропорциями. Не нужно каждый раз строить фигуру с нуля.
Переходите по ссылке и забирайте
Управляй генерацией от первого кадра до финального прыжка
Изображение → цепочка нод → готовый ролик. Каждый шаг под контролем.
Шаблон — забирай и собери свой ролик
Если мы согласимся со всеми решениями в макете, которые касаются вопросов вкуса и композиции — которые вы уместно перечислили — то останется две ошибки, которые нельзя объяснить ничем.
Я даже готова простить и закрыть глаза на Л в виде перевернутой буквы V, потому что иногда это не моветон, а часть стиля. Но не тут.
КАК НЕЛЬЗЯ:
1. Перевернутая английская N вместо русской И. Они разные — у N тонкие вертикали, и толстая диагональ, а у И наоборот.
2. У шрифта или есть засечки, или их нет. Они не могут появляться в одной части буквы и отсутствовать в другой. Логика построения засечек должны быть единой во всем текстовом блоке.
Остальные нюансы в этом слове, на мой взгляд, вытекают из этих ошибок — автор действовал наугад, без понимания основ. Поэтому получилось вот так.
В комментарии прикладываю ускоренный х5 процесс создания: от подбора лигатур до проработки засечек.
И пусть ваши решения становятся чище ✨
#чистыйчетверг
На Config India Figma представила сразу несколько обновлений.
Code Layers позволяют работать с кодом прямо на холсте, а новые Specs помогают собирать документацию, требования и контекст проекта в одном месте.
Для AI-агентов добавили Guidelines и Code Sources, чтобы они лучше понимали дизайн-систему и могли использовать существующие компоненты и код.
Еще анонсировали Payload, инструмент для публикации сайтов прямо из Figma.
Code Layers, Specs и Guidelines уже доступны в открытой бете. Code Sources пока в закрытой, а Payload начнут запускать в ближайшие недели.
www.figma.com/blog/build-by-design/
«Дом высоты» по проекту нашего бюро получил разрешение на строительство
Жилая башня с офисным центром появится на территории бывшего завода рядом с метро «Динамо». Белые фасады, крупное остекление и заглублённые террасы подчёркивают её пропорции. Завершение башни напоминает силуэт дома со скатной крышей — знакомый образ в новом прочтении и масштабе.
Поздравляем команду бюро и наших партнёров!
Девелопер: Capital Group
#kleineweltarchitekten
